.vision-qualityControl-tableFlexDiv {
    display: flex;
    height: 100%;
    width: 100%;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    flex: 1 1 auto;
    min-height: 0;
}

.vision-qualityControl-tableFlexDiv .bp5-table-container {
    box-shadow: 0 0 0 transparent;
}

.vision-qualityControl-leftColumn {
    vertical-align: top;
    display: inline-block;
    width: 450px;
    height: 100%;
}

.vision-qualityControl-leftColumn .visionDataTable {
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
}

.vision-qualityControl-rightColumn {
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 470px);
    margin-left: 20px;
    height: 100%;
}

.vision-qualityControl-rightColumn-noMargin {
    vertical-align: top;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.vision-qualityControl-leftColumn .vision-sampleList-table {
    margin-right: 0;
}

.vision-qualityControl-noSampleState {
    position: absolute;
    z-index: 20;
    width: 450px;
    max-width: 450px;
    height: 200px;
    margin-top: 60px;
}

.vision-qualityControl-indent {
    display: inline-block;
}

.bp5-dark .vision-qualityControl-indent {
    color: var(--bp-light-gray5);
}

.vision-qualityControl-out-of-range {
    color: red;
}

.bp5-dark .vision-qualityControl-out-of-range {
    color: var(--bp-red5);
}

.vision-qualityControl-bold {
    font-weight: 600;
}

.vision-qualityControl-ribbon-leftBar {
    vertical-align: top;
    display: inline-block;
    height: 100%;
    width: 490px;
    padding-left: 20px;
}

.vision-qualityControl-ribbon-middleBar {
    vertical-align: top;
    display: inline-block;
    height: 100%;
    width: 200px;
}

.vision-qualityControl-ribbon-rightBar {
    display: inline-block;
    width: calc(100% - 710px);
    text-align: right;
}

.vision-qualityControl-ribbon-rightBar button {
    width: 130px;
    text-align: center;
    vertical-align: top;
}

.vision-qualityControl-ribbon-rightBar .marginLeft {
    margin-left: 20px;
}

.vision-qualityControl-ribbonDiv {
    height: 70px;
    width: 100%;
    padding-top: 20px;
}

.vision-qualityControl-rightColumn .vision-sampleList-table .bp5-table-body-cells .bp5-table-cell {
    cursor: default;
}

.vision-qualityControl-ribbon-rightBar button.bp5-button img.vector {
    vertical-align: text-top;
}

.vector {
    margin-top: 0 !important;
}

.vision-qualityControl-ribbon-rightBar-header .bp5-table-quadrant-stack {
    height: 41px;
}

.qc-rightTable-withHeader {
    height: calc(100% - 41px);
}

.vision-qc-headerTable .bp5-table-column-name {
    text-align: center;
}

.qc-samplesList-table-header .bp5-table-header {
    box-shadow: 0 1px 1px 0 !important;
}

.vision-qc-headerTable-height {
    min-height: 0 !important;
}

.vision-qualityControl-ribbon-rightBar button.bp5-disabled img.vector {
    opacity: 0.5;
}
.qOA1J8imhacfbRcCBLHA {
    background: url(/images/Menu_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.nmyVFrAqDdL5_NLhwVNA {
    background: url(/images/Menu_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 7.5px;
}

.HwfuELcBV0HqKUP49quP {
    background: url(/images/Menu_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 15px;
}

.eqkApQlz5rMYX49odlOK {
    background: url(/images/Global_Eye_16x16.svg) no-repeat center;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.J3u_91Y8Bt41zrlFeM1U {
    background: url(/images/Global_Eye_16x16_dark.svg) no-repeat center;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.ZErY1zJHVFbsAJpfYF8d {
    background: url(/images/App-Pathoview_16x16.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.j_52JAdkWUCnSuhiaRZw {
    background: url(/images/App-Pathoview_16x16_dark.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.u3ZsniWofbwQ7dxaIfjk {
    background: url(/images/Remove_16x16.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.qksSsBvTcEztWB4raGvj {
    background: url(/images/Remove_16x16_dark.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.a3LYHUCWuQT0W5bzX2zg {
    background: url(/images/Add_16x16.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.QB3NFMi6oGTrrxaH_0z6 {
    background: url(/images/Add_16x16_dark.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.pc70GsZUQ_bKYIPsyuwQ {
    background: url(/images/More_12x12.svg) no-repeat center;
    display: inline-block;
    width: 12px;
    height: 12px;
}

.frYmo9y6USecOAUYX5n_ {
    background: url(/images/More_12x12_dark.svg) no-repeat center;
    display: inline-block;
    width: 12px;
    height: 12px;
}

.FlTsuYyc0z8mwrvKb4Z7 {
    background: url(/images/logo_large.svg) no-repeat center;
    display: inline-block;
    width: 157px;
    height: 50px;
    background-size: contain;
}

.ElBcpMWOhlWKUFiK3Vcz {
    background: url(/images/logo_large_dark.svg) no-repeat center;
    display: inline-block;
    width: 157px;
    height: 50px;
    background-size: contain;
}

span.PcImEHZUzasjfgb_2Pno {
    background: url(/images/logo_small.svg) no-repeat;
    display: inline-block;
    width: 90px;
    height: 25px;
}

.lOfljxU2A9Mi2Cl5fn3c {
    background: url(/images/logo_small_dark.svg) no-repeat;
    display: inline-block;
}

.gTQfTxvZsQ_uETMhUMpF {
    background: url(/images/Mode_Patients_96x96.svg) no-repeat center;
    display: inline-block;
    width: 96px;
    height: 96px;
}

.jFybMs_DQxwf6tge2pEp {
    background: url(/images/Mode_Samples_96x96.svg) no-repeat center;
    display: inline-block;
    width: 96px;
    height: 96px;
}

.KMaHY9z8h5ZFcVQfMvWM {
    background: url(/images/Mode_Archive_96x96.svg) no-repeat center;
    display: inline-block;
    width: 96px;
    height: 96px;
}

.sAnGto9_81ltnW7pBDIr {
    background: url(/images/Mode_QC_96x96.svg) no-repeat center;
    display: inline-block;
    width: 96px;
    height: 96px;
}

.x49G2POqV0aqDM3wjhgK {
    background: url(/images/Mode_Event-log_96x96.svg) no-repeat center;
    display: inline-block;
    width: 96px;
    height: 96px;
}

.tBmnpyo2Sz5XTyMNNFYT {
    background: url(/images/Mode_Settings_96x96.svg) no-repeat center;
    display: inline-block;
    width: 96px;
    height: 97px;
}

.VyPms0GuCP94XlT8BnoM {
    background: url(/images/Sample_Cursor_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.oiSmNSo2TMCUuXrmZkBQ {
    background: url(/images/Sample_Cursor_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.v1I7NBLOoLJpLdKz_O9g {
    background: url(/images/Sample_Edit_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.OhJPHiJx34AMO0UbV2FA {
    background: url(/images/Sample_Image-Upload_16x16.svg) no-repeat center;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.aIuWXs_6MKriBHmlvGxr {
    background: url(/images/Sample_Image-Upload_16x16_dark.svg) no-repeat center;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.hFzBuFCIq53Gd6IEVSYo {
    background: url(/images/Sample_Image-Download_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.rP2b3O1cui9iXTdEtR2Q {
    background: url(/images/Sample_Image-Download_20x20_disable.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.o67jtwd4S9JFcE43QTQY {
    background: url(/images/Sample_Image-Download_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.DDSwyVVO9EMkytxE_1bF {
    background: url(/images/Sample_Image-Download_20x20_dark_disable.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.zv4Moj270Qft5rfVr8hB {
    background: url(/images/Samples_Sent-Pathoview_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.nuoUCkA3soGJIFWyb4eQ {
    background: url(/images/Samples_Sent-Pathoview_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.C0qCwjWiUYAik8vbsWKx {
    background: url(/images/Sample_Image-Download_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.DoD5_32TnRBSh7pZ6bKK {
    background: url(/images/Sample_Image-Download_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.lsDobXr2yDfTC_CZlXfh {
    background: url(/images/Measure_16x16.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.JqaCsqlzl3ct1pNBe3hi {
    background: url(/images/Measure_16x16_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.VhPDvnYKVCtoJ27imoN2 {
    background: url(/images/Sample-View_WBC-mode_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.iB_HgLpOAwN1AAUZhDMi {
    background: url(/images/Sample-View_WBC-mode_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.PN6V_afkidqtTQTpIn_g {
    background: url(/images/Sample-View_G_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.YN50pfJfZmaT6UuWuk5o {
    background: url(/images/Sample-View_G_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.AQmOJhom2RVOyXqjxvNG {
    background: url(/images/Sample-View_S_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.yaMbBcExiAFobKqSny9X {
    background: url(/images/Sample-View_S_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.kVvNrqvaJJx4fWuJecgW {
    background: url(/images/Sample-View_C_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.kufXfRVYn9WChsQRf7HB {
    background: url(/images/Sample-View_C_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.RA57LPqPhmtfxDr9WTCL {
    background: url(/images/Sample-View_U_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.c9ozD_c335u6ZwgisEup {
    background: url(/images/Sample-View_U_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.DcawwZ2Q2e70p3zNJ9m2 {
    background: url(/images/Sample-View_V_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.XPVRYgP8nPARb11Y8jjb {
    background: url(/images/Sample-View_V_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.xd1VqTv3TVmVyxbTM6aA {
    background: url(/images/Sample-View_Images-mode_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.P9QEFR7P4M3C19Ezf3Lq {
    background: url(/images/Sample-View_Images-mode_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.UsKbaIyv4jWquqwKkIFw {
    background: url(/images/Sample-View_Slide_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.McUD0lAOxd5klbXA8puA {
    background: url(/images/Sample-View_Slide_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.ImQt_PaimjtMLeYmRXp3 {
    background: url(/images/Sample-View_100x_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.BBBcC6gxaIAgDWlYlZHT {
    background: url(/images/Sample-View_100x_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.FzK0FazAd9GymZ4x5ZQA {
    background: url(/images/Sample-View_Gallery-mode_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.bjmpjbRa2nElYeoG4WqF {
    background: url(/images/Sample-View_Gallery-mode_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.TH5IZ2eBa4r0k71xwiX4 {
    background: url(/images/Sample-View_MultiView-mode_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.hzq_FS5MDQaIzYktNIak {
    background: url(/images/Sample-View_MultiView-mode_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.CBsKIv1x4Qms5wptXqVj {
    background: url(/images/Sample-View_RBC-mode_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.Vy0d87oV9aBnmIs7DBIN {
    background: url(/images/Sample-View_RBC-mode_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.eBq2RKxyB56iTMcd5eM7 {
    background: url(/images/Sample-View_PLT-mode_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.ZarSu76mE_I1GQUfPMhB {
    background: url(/images/Sample-View_PLT-mode_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.ui2OgkUlfNPTvj8MTIpf {
    background: url(/images/Sample-View_Gallery-mode_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.mf6lZlqhaJWJqdcRVPy4 {
    background: url(/images/Sample-View_Gallery-mode_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.OwCWHnPTLozEXoKB2MqO {
    background: url(/images/Sample-View_Images-mode_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.LPB87nAruUrCqV3YM31l {
    background: url(/images/Sample-View_Images-mode_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.h55Eg3GII70OHoZ6VFB0 {
    background: url(/images/Sample-View_Slide_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.n7rSeX1rEqdRfjZRCa87 {
    background: url(/images/Sample-View_Slide_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.hJQSqC7W0s2mrz3__p3A {
    background: url(/images/Samples-ViewMode_DS_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 3px;
}

.IM2eeq8EIgTaR7KnEjJm {
    background: url(/images/Samples-ViewMode_DS_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 3px;
}

.lm21zIlrn4S8PwRpttuw {
    background: url(/images/Sample-View_Navigator_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.EIsx1qnZjCuNXp3QIWqr {
    background: url(/images/Sample-View_Navigator_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.tjW45U4LYm29BfDSxOtv {
    background: url(/images/Locate.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.TNI6wH0gmR_RPBkJ2R2z {
    background: url(/images/Sample_View-Label_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

._p0tQdPBX0dGSan5yPvi {
    background: url(/images/Sample_View-Label_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.J2DmNF9pQquxjncnLIJS {
    background: url(/images/Sample_Annotations_Text_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.jHBkVJGe1MEUMJvmLFk_ {
    background: url(/images/Sample_Annotations_Text_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.CfetayBvrTay82RYuQNX {
    background: url(/images/Sample-View_Gallery-mode_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.E9fOdUfYHfj3jMKCP5cJ {
    background: url(/images/Sample-View_Gallery-mode_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.B0hFzhfuQCcPeU5lu6_l {
    background: url(/images/Sample-View_Mask-OnOff_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.DexclbDAx_UGyAnSLwg1 {
    background: url(/images/Sample-View_Mask-OnOff_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.iDj390AgZZP9ispgKwGo {
    background: url(/images/Sample_Attention_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.OzeptOg1yLu1acJYlOcQ {
    background: url(/images/Sample_Attention_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.cyk7hxlPsF645XBcZoGw {
    background: url(/images/Sample_Attention-White_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.BGyuZMOPlEQLDvbJ6LXK {
    background: url(/images/Sample_Attention-White_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.wrlGRJanHJo08bh_CBUU {
    background: url(/images/Sample-View_Fit_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.lhvjdn6r4SqiqPPjRVSm {
    background: url(/images/Sample-View_Fit_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.vBcLZGeYQYAif6wqssP_ {
    background: url(/images/Sample-View_Flag-Filter_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.A9zJrbquurQOAVQjXvcC {
    background: url(/images/Sample-View_Flag-Filter_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.fmcFVf6CFCkr3LxkY8MV {
    background: url(/images/Sample-View_Images-mode_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.LSiLedRu3xaFrrZndVQO {
    background: url(/images/Sample-View_Images-mode_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.e2CSHImlAdk7SLE4shiZ {
    background: url(/images/Sample-View_Gallery-mode_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.LPBhvPE1MGKLITOXtgAI {
    background: url(/images/Sample-View_Gallery-mode_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.WZaYdHM1XweNwrLQ84IQ {
    background: url(/images/Sample-View_MultiView-mode_20x20.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.BJg4sHr7tycFiAYNCbuH {
    background: url(/images/Sample-View_MultiView-mode_20x20_dark.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.M0lIRwlhUGK4QAUHozef {
    background: url(/images/Rotate-with-white-border_18x18.svg) no-repeat center;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.KIpZq9sJFDSoeoOncbQI {
    background: url(/images/Rotate-with-white-border_18x18_dark.svg) no-repeat center;
    display: inline-block;
    width: 18px;
    height: 18px;
}

._oJn7o5Vi8rAOV352Qi5 {
    background: url(/images/Sample_Annotations_Rectangle_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.h92y6eFwOV6mCBha5CcK {
    background: url(/images/Sample_Annotations_Rectangle_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.H9v3ZOpVtaZDt2gws2mZ {
    background: url(/images/Sample_Annotations_Ellipse_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.DA_1GM2TC2ObFDFG2SyX {
    background: url(/images/Sample_Annotations_Ellipse_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.lcwi4SwIuPpEqSmREaqg {
    background: url(/images/Sample_Annotations_Polyline_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.CnyKKKYDhEdUiqS3eTbk {
    background: url(/images/Sample_Annotations_Polyline_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.wsecIW08PesBAJL6_IBy {
    background: url(/images/Sample_Annotations_Polygon_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.DDES7v0rKXUMUy1Xy8qW {
    background: url(/images/Sample_Annotations_Polygon_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.mjHFcYnFJ_WHguy2cyto {
    background: url(/images/Sample_Annotations_Line_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.zbXhJkhks5ZhDYFSf6IE {
    background: url(/images/Sample_Annotations_Line_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.nFJ7LzT3vDFMuTXBPl5S {
    background: url(/images/Sample_Annotations_Text_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.XhmBPDSOpKKW5f5ay67Y {
    background: url(/images/Sample_Annotations_Text_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.hWL6D7qmWN8IIyzsoxDe {
    background: url(/images/Folder_48x48.svg) no-repeat !important;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.tRhVhFmCw4qfDEeUJqtB {
    background: url(/images/Folder_Zip_48x48.svg) no-repeat !important;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.PtFyRgspyKTj0XhsDRLR {
    background: url(/images/File_Icon_DCM_48x48.svg) no-repeat !important;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.xdGVFItHZgYjfjSbZUEw {
    background: url(/images/File_Icon_i2SYN_48x48.svg) no-repeat !important;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.aMjmYjaj1gMU87kONCVu {
    background: url(/images/File_Icon_iSYN_48x48.svg) no-repeat !important;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.SD4rEqxgxDSLS8_4KmJu {
    background: url(/images/File_Icon_MRXS_48x48.svg) no-repeat !important;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.L0cUr2H5ce5rTEREV0Ml {
    background: url(/images/File_Icon_NDPI_48x48.svg) no-repeat !important;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.QyUzqajXmkpAunMQ7g6A {
    background: url(/images/File_Icon_SVS_48x48.svg) no-repeat !important;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.EX11ZVyevh7JGiOlnI4B {
    background: url(/images/File_Icon_TIFF_48x48.svg) no-repeat !important;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.Gk0_SSAedLw6IlYxDCdG {
    background: url(/images/Sample_Sent_16x16.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.EheqRMHz4DSPD_qnFsQV {
    background: url(/images/Sample_Sent_16x16_dark.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.p8iV8zzdXbYoeA2MF3Mg {
    background: url(/images/Sample_Error_16x16_1.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.isqrvamNHdViIoTs3NS6 {
    background: url(/images/Sample_Error_16x16_dark.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.BkIm7eYeO4S2ScDTyaDV {
    background: url(/images/Sample_Send-Pathoview_16x16.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.j_yYlWgnp4k34t2etqd2 {
    background: url(/images/Sample_Send-Pathoview_16x16_dark.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.x7CmP4p3Wi6RKsRe_eA_ {
    background: url(/images/VS_Color-distribution_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.UV3XOlMhIJgchOIXC6ks {
    background: url(/images/VS_Color-distribution_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.HFos6sobTYiPTEraQG1Q {
    background: url(/images/Sample_Grid_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.FuDdWrgoPt2opxe1Srul {
    background: url(/images/Sample_Grid_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.hH8KYRYGAVWAuXjeG7Gu {
    background: url(/images/Sample-View_ROI_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.or8hGv5UEUFW8bBeu71D {
    background: url(/images/Sample-View_ROI_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.g9yT1euNwfKWXmGxX6vK {
    background: url(/images/Sample_QC_Export-CSV_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.DNbOiCBM2FAhFuKEL6wj {
    background: url(/images/Sample_QC_Export-CSV_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.BHtnlf76paOX6na5Vlvw {
    background: url(/images/Sample_Extended-IPU_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 3px;
}

.ZKpzvq4S48ioFESJXkr2 {
    background: url(/images/Sample_Extended-IPU_20x20_dark.svg) no-repeat !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}

.n1xMdTbwsvB4OtcdkLZt {
    background: url(/images/Sample-View_Macropicture_20x20.svg) no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain !important;
}

.kyhRZ0QAvASc3NBNuBfj {
    background: url("/images/Dark%20mode_Sample-View_Macropicture_20x20.svg") no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain !important;
}

.Ul3tK9l2QLhwWhKAsOD2 {
    background: url("/images/Sample-View_Shared%20frame_20x20.svg") no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain !important;
}

.XzdHj8YJDggbvcnhxGEw {
    background: url("/images/Dark%20mode_Sample-View_Shared%20frame_20x20.svg") no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain !important;
}
.visionDataTable.no-pointer-cursor {
    cursor: default !important;
}

.visionDataTable .sort-asc .bp5-table-column-name-text, .sort-dsc .bp5-table-column-name-text {
    color: #137cbd;
}

.visionDataTable .bp5-table-quadrant-scroll-container .hoveredRow {
    border: 0;
    background-color: rgba(0, 0, 0, 0.05);
}

.bp5-dark .visionDataTable .bp5-table-quadrant-scroll-container .hoveredRow {
    background-color: rgba(246, 247, 249, 0.05);
}
.vision-samplesList-div {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

.bp5-dark .vision-samplesList-div {
    background-color: var(--bp-dark-gray1);
}

.vision-sampleList-ribbonDiv {
    height: 70px;
    width: 100%;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    flex: none;
}

.vision-sampleList-ribbonDiv>div {
    display: table-cell;
    white-space: nowrap;
    overflow: hidden;
}

.vision-sampleList-ribbon-leftBar {
    vertical-align: top;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.vision-sampleList-ribbon-rightBar-menu {
    padding: 0 7px 0 0;
}

.vision-sampleList-ribbon-rightBar {
    text-align: right;
    vertical-align: top;
    display: inline-block;
    height: 100%;
}

.vision-sampleList-ribbon-rightBar .vision-tooltip-popover {
    width: 40px;
    height: 40px;
}

.vision-samplesList-div .filter {
    margin: 10px 20px;
}

.vision-sampleList-tableFlexDiv {
    overflow: auto;
    flex: 1 1 100%;
    margin-left: 20px;
    margin-right: 20px;
}

.vision-sampleList-completeButton {
    vertical-align: top;
}

.vision-sample-list-marginLeft {
    margin-left: 20px;
}

.vision-sample-list-addFilterBlankDiv {
    height: 30px;
}

.vision-sample-list-addFilterButton button {
    text-align: left;
}

.vision-samplesList-noSampleState {
    position: absolute;
    left: 0;
    z-index: 10;
    max-width: 100%;
    height: 200px;
    margin-top: 66px;
}

.vision-sampleList-table .bp5-table-cell {
    font-size: 15px;
}

.vision-samplesList-div .bp5-icon {
    pointer-events: none;
}

.vision-sampleList-table .bp5-table-column-name {
    font-size: 15px;
}

.vision-sampleList-table .bp5-table-column-headers {
    color: #5d707f;
    background: #eaeff3;
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
}

.bp5-dark .vision-sampleList-table .bp5-table-column-headers {
    color: var(--bp-light-gray3);
    background: var(--bp-dark-gray1);
}

.vision-sampleList-table .bp5-table-column-headers .bp5-table-header {
    box-shadow: 0 0 0;
    line-height: 38px;
    height: 40px;
}

.vision-sampleList-table .bp5-table-column-headers .bp5-table-header img.vector {
    margin-top: 14px;
}

.vision-sampleList-table .bp5-table-quadrant-top {
    background: #eaeff3;
    padding-top: 1px;
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
}

.bp5-dark .vision-sampleList-table .bp5-table-quadrant-top {
    background: var(--bp-dark-gray1);
}

.vision-sampleList-table .bp5-table-body-cells .bp5-table-cell {
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
    line-height: 38px;
    cursor: pointer;
    align-items: center;
    display: flex;
}

.vision-sampleList-table.no-pointer-cursor .bp5-table-body-cells .bp5-table-cell {
    cursor: default !important;
}

.vision-sampleList-table .bp5-loading {
    justify-content: center !important;
    align-items: flex-start !important;
}

.vision-sampleList-table .bp5-table-cell .bp5-table-truncated-cell {
    justify-content: center;
}

.vision-sampleList-table .bp5-table-body-cells .bp5-table-last-in-column {
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), 0 1px 0 rgba(16, 22, 26, 0.15);
}

.vision-sampleList-table:focus {
    outline: 0;
}

.vision-sampleList-table .bp5-table-quadrant-main {
    background: #ffffff;
}

.bp5-dark .vision-sampleList-table .bp5-table-quadrant-main {
    background: var(--bp-black);
}

.bp5-dark .vision-sampleList-table .bp5-table-cell-client {
    background: var(--bp-black);
}

.vision-sampleList-table .bp5-table-body-cells .bp5-table-cell.vision-sampleList-checkBoxCell {
    text-align: center;
    line-height: 40px !important;
    align-items: center;
}

.vision-sampleList-table .bp5-table-column-headers .bp5-table-header.vision-sampleList-checkBoxCell {
    text-align: center;
    line-height: 40px !important;
}

.vision-sampleList-table .bp5-table-column-headers div.iconic {
    line-height: 40px;
}

.vision-sampleList-table .bp5-table-column-headers div.iconic img.vector {
    margin-top: 13px !important;
}

.vision-sampleList-patientLink {
    color: inherit;
}

.bp5-table-th-menu-container-background {
    height: 40px;
}

.vision-sampleList-sortIcon {
    z-index: -1;
}

.vision-sampleList-sortColumn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    justify-content: space-between;
}

.vision-sampleList-sortableColumnBlue {
    color: #137cbd;
}

.vision-sampleList-grayIcon {
    color: var(--bp-gray1);
}

.vision-sampleList-light .vision-sampleList-grayIcon {
    color: var(--bp-gray4);
}

.vision-sampleList-preclass {
    color: var(--bp-gray1);
    margin-left: 8px;
    vertical-align: sub;
}

.vision-sampleList-light .vision-sampleList-preclass {
    color: var(--bp-gray4);
}

.vision-sampleList-light a {
    color: var(--bp-gray4) !important;
}

.vision-sampleList-preclassHead {
    margin-left: 3px;
}

.vision-sampleList-menuWidth {
    width: 100%;
}

.vision-sampleList-cell-with-tooltip {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.vision-sampleList-yesNoButton {
    width: 100px;
}

.vision-samplesList-div .bp5-table-overlay-layer .region-hover {
    border: 0;
    background-color: rgba(0, 0, 0, 0.05);
    overflow: auto;
}

.bp5-dark .vision-samplesList-div .bp5-table-overlay-layer .region-hover {
    background-color: rgba(246, 247, 249, 0.05);
}

.vision-sample-addFilter-popover .bp5-popover-content {
    max-height: 250px;
    overflow-y: auto;
}

.bp5-icon-document::before {
    margin-right: 7px;
}

.bp5-icon-folder-open::before {
    margin-right: 7px;
}

.vision-sampleList-admin-container {
    border: 2px solid red;
}

.vision-sampleList-tableFlexDiv>.bp5-context-menu {
    height: 100%;
}

.vision-sampleList-tableFlexDiv .bp5-non-ideal-state .bp5-non-ideal-state-text {
    width: 430px;
    max-width: 430px;
}

.bp5-table-cell-col-0.vision-sampleList-checkBoxCell>.bp5-table-resize-handle-target {
    pointer-events: none;
}

.vision-sampleList-sendIcon {
    margin-top: 11px;
}
div.filtersBar {
    max-height: 171px;
    padding-top: 4px;
    padding-bottom: 4px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    flex: none;
    margin-bottom: 10px;
    position: relative;
}

div.filtersBar div.buttonsBar button {
    margin-right: 10px;
}

label.vision-filtersBox-labelDiv {
    display: flex !important;
}

label.vision-filter-label {
    display: flex;
}

label.vision-filter-labelDivMultiselect.vision-filter-labelDiv {
    line-height: 10px;
}

.vision-filter-labelSpan {
    display: inline-block;
    font-weight: 600;
    width: 200px;
}

.vision-filter-numberRangeFilter {
    display: inline-block;
}

label.bp5-label.bp5-inline .vision-filter-selectDiv {
    min-width: 150px;
    margin-left: 0;
    margin-right: 20px;
}

label.bp5-label.bp5-inline .vision-filter-selectDiv-size {
    min-width: 80px;
    margin-left: 10px;
}

label.bp5-label.bp5-inline .vision-filter-selectInput {
    min-width: 150px;
    margin-left: 0;
}

label.bp5-label.bp5-inline .vision-filter-selectDivMulti {
    margin-left: 0;
}

.vision-filter-deleteButton {
    margin: 0 0 0 5px !important;
    max-height: 30px;
}

.vision-filter-deleteButton button {
    vertical-align: top;
}

.vision-filter-ageInput {
    width: 40px;
}

.vision-filter-sizeInput {
    width: 50px;
}

.vision-filter-sizeInput.errorValue {
    background: #ffd2d2;
}

.vision-filter-timePicker {
    margin-left: 16px;
    line-height: initial;
}

.vision-filter-timePicker.errorValue .bp5-timepicker-input-row, .vision-filter-dateInput.errorValue .bp5-input {
    background: #ffd2d2;
}

.vision-filter-labelDiv div.vision-filter-selectDivMulti select {
    width: 250px;
}

.vision-filter-multiselectDiv {
    display: inline-block;
    border-radius: 2px;
    width: 250px;
    max-height: 100px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 -1px 0 rgba(16, 22, 26, 0.1);
    margin-top: 1px;
}

.bp5-dark .vision-filter-multiselectDiv {
    box-shadow: 0 0 0 1px rgba(246, 247, 249, 0.2), 0 -1px 0 rgba(246, 247, 249, 0.1);
}

.vision-filter-labelDivMultiselect .vision-filter-labelSpan {
    vertical-align: top;
    line-height: 30px;
}

.vision-filter-multiSelectButton {
    margin: 0 0 0 10px !important;
    display: inline-block !important;
    vertical-align: top;
}

.vision-filter-multiSelectButton button {
    width: 30px;
    height: 30px;
    vertical-align: top;
    padding: 7px;
    line-height: 16px;
}

.vision-filter-multiselectItem {
    display: block;
    line-height: 25px;
    padding-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.vision-filter-multiselectSpan {
    margin: 0 5px;
}

.vision-filter-multiselectChecked {
    background: #ced9e0;
}

.bp5-dark .vision-filter-multiselectChecked {
    background: var(--bp-dark-gray5);
}

.vision-filter-multiselectItem input[type="checkbox"] {
    position: relative;
    top: 1px;
}

.vision-filter-toggleMultiSelect {
    margin-left: 5px;
    vertical-align: top;
}

.DayPicker-Day--selected {
    background-color: #137cbd !important;
}

svg.bp5-datepicker-caption-caret {
    left: calc(100% - 16px) !important;
}

.scrollview {
    overflow-y: auto;
    max-height: min(600px, 50vh);
}
.vision-date-input {
    line-height: 30px;
    display: flex;
}

.bp5-input-group:not(.vision-filter-dateInput) .vision-date-input-icon::before {
    vertical-align: -webkit-baseline-middle;
}

.red:focus {
    box-shadow: inset 0 0 0 1px #d22d2d, 0 0 0 2px rgba(210, 45, 45, 0.3), inset 0 1px 1px rgba(24, 17, 17, 0.2) !important;
}
.vision-dialog-progress-content {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.vision-dialog-progress-content > * {
    margin-top: 10px;
}

.vision-dialog-button-row {
    margin-top: 20px;
    text-align: center;
}

.bp5-progress-bar:not(.bp5-no-animation):not(.bp5-no-stripes) .bp5-progress-meter {
    animation: linear-progress-bar-stripes 300ms linear infinite;
}
:root {
    --bp-black: #111418;
    --bp-white: #ffffff;
    --bp-dark-gray1: #1c2127;
    --bp-dark-gray2: #252a31;
    --bp-dark-gray3: #2f343c;
    --bp-dark-gray4: #383e47;
    --bp-dark-gray5: #404854;
    --bp-gray1: #5f6b7c;
    --bp-gray2: #738091;
    --bp-gray3: #8f99a8;
    --bp-gray4: #abb3bf;
    --bp-gray5: #c5cbd3;
    --bp-light-gray1: #d3d8de;
    --bp-light-gray2: #dce0e5;
    --bp-light-gray3: #e5e8eb;
    --bp-light-gray4: #edeff2;
    --bp-light-gray5: #f6f7f9;
    --bp-red2: #ac2f33;
    --bp-red3: #cd4246;
    --bp-red5: #fa999c;
    --bp-blue2: #215db0;
    --bp-blue3: #2d72d2;
}

* {
    scrollbar-width: thin;
}

.vision-mainPanel {
    width: 100%;
    height: 100%;
    min-height: 400px;
    background-color: #f5f8fa;
    scrollbar-width: thin !important;
}

.bp5-dark .vision-mainPanel {
    background-color: var(--bp-dark-gray1);
}

.vision-mainPanel .bp5-select::after {
    content: "\f140";
    z-index: 6;
}

.vision-switchLang {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
}

.component-no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
}

.component-no-select *:focus {
    outline: initial;
    outline-offset: initial;
}

[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    background-color: #5f6b7c;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23777%27><path d=%27M11.41 10l4.29-4.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L10 8.59l-4.29-4.3a1.003 1.003 0 00-1.42 1.42L8.59 10 4.3 14.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4.29-4.3 4.29 4.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L11.41 10z%27/></svg>");
    background-size: 16px 16px;
}

.component-default-select {
    -webkit-touch-callout: initial !important;
    -webkit-user-select: initial !important;
    -webkit-tap-highlight-color: initial !important;
    -khtml-user-select: initial !important;
    -moz-user-select: initial !important;
    -ms-user-select: initial !important;
    -o-user-select: initial !important;
    user-select: initial !important;
}

.default-cursor {
    cursor: default;
}

.box-shadow {
    box-shadow: 0 0 2px 0 #a0a0a0;
}

.box-shadow:focus-within {
    box-shadow: 0 0 4px 0 #707080;
}

html, body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

button.bp5-button.bp5-large {
    padding: 5px 10px;
}

a.bp5-button.bp5-large {
    padding: 5px 10px;
    line-height: 30px;
}

a.bp5-button.bp5-large > img, a.bp5-button.bp5-large > svg, a.bp5-button.bp5-large > span {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
}

label.bp5-checkbox span.bp5-control-indicator {
    overflow: hidden;
}

.bp5-toast-container {
    pointer-events: none !important;
}

.bp5-toast {
    pointer-events: auto !important;
}

.my-toaster {
    max-width: 500px;
    margin: 0 0 0 auto;
    display: none;
}

.my-toaster:has(*) {
    display: block;
}

.vision-lis-status {
    font-family: "Icons16", sans-serif;
    font-size: 15px;
}

.vision-lis-status > * {
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif;
    font-size: 14px;
}
div.vision-toolbar div.bp5-button-group {
    white-space: nowrap;
    vertical-align: top;
}

div.vision-toolbar div.bp5-button-group:not(.bp5-fill)  {
    margin-right: 20px;
    display: inline-flex;
}

div.vision-toolbar .vision-toolbar-rightbar div.bp5-button-group:not(.bp5-fill) {
    margin-left: 20px;
    margin-right: 0;
    display: inline-flex;
}

div.vision-toolbar .vision-toolbar-rightbar .vision-toolbar-rightbar-left-side div.bp5-button-group:not(.bp5-fill) {
    margin-left: 0;
    margin-right: 0;
    display: inline-flex;
}

div.vision-toolbar .vision-toolbar-rightbar .vision-toolbar-rightbar-right-side div.bp5-button-group:not(.bp5-fill) {
    margin-left: 20px;
    margin-right: 0;
    display: inline-flex;
}

div.vision-toolbar .bp5-button-group button {
    vertical-align: top;
    align-items: center;
}
.vision-navBar-div {
    height: 39px;
    width: 100%;
    background-color: #eaeff3;
    box-shadow: 0 0 2px 1px #a0a0a0;
    z-index: 2;
    position: relative;
}

.bp5-dark .vision-navBar-div {
    background-color: var(--bp-dark-gray3);
}

.vision-navBar-userRepository-beta-version {
    color: #db3737;
}

.bp5-dark .vision-navBar-userRepository-beta-version {
    color: var(--bp-red5);
}

.vision-navBar-div>div {
    display: table-cell;
    color: #5c7080;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
}

.bp5-dark .vision-navBar-div>div {
    color: var(--bp-light-gray3);
}

.vision-navBar-div>div.vision-navBar-div-left {
    white-space: nowrap;
}

.vision-navBar-div>div.vision-navBar-div-middle {
    width: 100%;
    max-width: 0;
    overflow: hidden;
}

.vision-navBar-div>div.vision-navBar-div-right {
    text-align: right;
    line-height: 37px;
}

.vision-navigation-bar-avatar-popover {
    bottom: 2px !important;
}

.vision-navBar-div span.splitter {
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif;
    color: #c0c4c8;
    margin-left: -2px;
    width: 3px;
    display: inline-block;
}

.vision-navBar-div-left button.start-button {
    border: 0 transparent;
    background-color: transparent;
    margin: 0;
    padding: 0;
    cursor: pointer;
    height: 39px;
    white-space: nowrap;
}

.vision-navBar-div-left button.start-button:hover {
    background-color: #ced9e0;
}

.bp5-dark .vision-navBar-div-left button.start-button:hover {
    background-color: var(--bp-dark-gray5);
}

.vision-navBar-div-left button.start-button img.logo {
    margin-left: 20px;
    margin-right: 12px;
    max-height: 39;
    vertical-align: middle;
}

.vision-navBar-div-left p.start-splitter {
    display: inline-block;
    line-height: 37px;
    font-size: 17px;
    height: 100%;
    margin: 0;
    vertical-align: top;
}

.vision-navBar-div-right p.start-splitter {
    display: inline-block;
    line-height: 37px;
    font-size: 17px;
    height: 100%;
    margin: 0;
    margin-left: 11px;
    vertical-align: top;
}

.vision-navBar-div-right p.start-splitter.right-button {
    margin-right: 6px;
}

.vision-navBar-div-right p.splitter {
    display: inline-block;
    line-height: 37px;
    font-size: 17px;
    height: 100%;
    margin: 0;
    vertical-align: top;
}

.vision-navBar-div-right button.centered {
    text-align: center;
}

.vision-navBar-userRepository {
    line-height: 37px;
    font-size: 17px;
}

.vision-navBar-userRepository button.bp5-button {
    margin: -3px 0;
    border-radius: 0;
    color: #5c7080;
}

.vision-navBar-userRepository button.bp5-button.slim {
    padding: 10px 5px 12px;
    min-width: 30px;
    position: relative;
    top: -3px;
}

.vision-navBar-userRepository button.bp5-button.last {
    padding-right: 20px;
    padding-left: 10px;
}

.vision-navBar-userRepository button.bp5-button span.arrow {
    margin-left: 4px !important;
}

.vision-workArea-w-breadcrumb {
    height: calc(100% - 40px);
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
}

button.vision-navBar-homeButton.bp5-button {
    background: #137cbd;
    padding: 0;
    height: 39px;
}

button.vision-navBar-homeButton.bp5-button:hover {
    background: #106ba3;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}

.vision-navBar-homeButton:focus {
    outline: none;
}

.vision-breadcrumb-item {
    font-size: 17px;
    line-height: 39px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.vision-navBar-div .first {
    font-weight: bold;
}

.vision-navBar-div .count {
    font-weight: normal;
}

.vision-breadcrumb {
    display: flex;
    vertical-align: top;
    height: 39px;
    line-height: 40px;
    margin-left: 10px;
    color: #5c7080;
    overflow: hidden;
    flex-wrap: nowrap;
}

.bp5-dark .vision-breadcrumb {
    color: var(--bp-light-gray3);
}

div.vision-navBar-div-right span.user-button {
    line-height: 39px;
}

div.vision-navBar-div-right button.bp5-button.user-button {
    padding: 10px 20px 6px 5px;
}

div.vision-navBar-div-right button.bp5-button.user-button .bp5-button-text {
    line-height: 26px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    background-color: #5d707f;
    border-radius: 13px;
    width: 26px;
    height: 26px;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fefefe;
}

button.bp5-button.user-button:hover {
    color: #5c7080;
}

button.bp5-button.bp5-active.user-button {
    color: #5c7080;
}

.user-tooltip-content .bp5-popover-content {
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-tooltip-content {
    margin-right: 7px;
}

.session-settings-content {
    margin-right: 7px;
}

.bp5-progress-bar:not(.bp5-no-animation):not(.bp5-no-stripes) .bp5-progress-meter {
    animation: linear-progress-bar-stripes 300ms linear infinite;
}

.vision-breadcrumb > li {
    flex-shrink: 1;
    display: flex;
    overflow: hidden;
    min-width: 40px;
}

.vision-breadcrumb > li:last-child {
    flex-shrink: 0;
    overflow: visible;
    margin-right: 20px;
}

.vision-breadcrumb > li:last-child .vision-breadcrumb-item {
    text-overflow: clip;
    overflow: visible;
    white-space: nowrap;
}

.bp5-breadcrumbs > li::after {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    flex-shrink: 0;
}
.bp5-menu-item .bp5-icon {
    margin-top: 2px;
    color: #5c7080;
}

.bp5-menu-header.user-name-menu-divider {
    display: flex;
    font-size: 16px;
    user-select: none;
    color: #5c7080;
    border-top: none;
    margin-left: 5px;
    align-items: center;
}

.bp5-dark .bp5-menu-header.user-name-menu-divider {
    color: var(--bp-gray4);
}

.bp5-menu-header.user-name-menu-divider > h6 {
    font-weight: bold;
    font-size: 14px;
    padding: 5px 7px;
    padding-top: 0 !important;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vision-icon-recipient-user {
    margin-top: 24px;
}

.vision-icon-recipient-user::before {
    content: "";
    display: inline-block;
    margin-top: 7px;
    max-width: 16px;
    max-height: 16px;
    min-width: 16px;
    min-height: 16px;
    background-image: url(/images/App-Pathoview_16x16.svg);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}
.vision-navBar-div-right .color-switcher {
    padding-bottom: 9px !important;
    outline: 0;
}

.bp5-dark .vision-navBar-div-right .color-switcher {
    padding-bottom: 7px !important;
}
.vision-mainMenu-overlay {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vision-mainMenu-overlay:focus {
    outline: 0;
}

.vision-mainMenu-buttonsDiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.vision-mainMenu-itemDiv {
    position: relative;
    width: 130px;
    margin-right: 40px;
    margin-left: 40px;
    height: 190px;
    text-align: center;
    cursor: default;
    display: inline-block;
}

.vision-mainMenu-itemDiv div.hover {
    background-color: #000000;
    position: absolute;
    left: 0;
    top: 0;
    width: 130px;
    height: 130px;
    opacity: 0;
    padding: 17px;
    cursor: pointer;
    border-radius: 10px;
    transition: opacity 200ms ease;
}

.vision-mainMenu-itemDiv div.hover:hover {
    opacity: 0.25;
}

.vision-mainMenu-itemDiv div.hover:active {
    opacity: 0.5;
}

.vision-mainMenu-menuButton {
    width: 130px;
    height: 130px;
    border-radius: 10px;
    background: white;
    padding: 17px;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 22px 3px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0 2px 22px 3px rgba(0, 0, 0, 0.41);
    box-shadow: 0 2px 22px 3px rgba(0, 0, 0, 0.41);
}

.bp5-dark .vision-mainMenu-menuButton {
    background: var(--bp-dark-gray5);
}

.vision-mainMenu-label {
    color: white;
    font-size: 20px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    white-space: nowrap;
}

.vision-mainMenu-itemDiv:focus {
    outline: 0;
}

.vision-mainMenu-itemDiv::selection {
    background: 0;
}

div.vision-settings-mainPanel {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: auto;
}

div.vision-settings-mainPanel .footer {
    margin-top: 20px;
    width: 60%;
    padding-bottom: 40px;
}

div.vision-settings-mainPanel .footer h5{
    color: #5c7080;
    margin-bottom: 10px;
    line-height: 17px;
}

.bp5-dark div.vision-settings-mainPanel .footer h5{
    color: var(--bp-light-gray3);
}

div.vision-settings-mainPanel div.panel {
    width: 60%;
    margin-top: 20px;
}

div.vision-settings-mainPanel div.panel h5 {
    color: #5c7080;
}

.bp5-dark div.vision-settings-mainPanel div.panel h5 {
    color: var(--bp-light-gray3);
}

div.vision-settings-mainPanel div.panel h5 .headerText {
    margin-right: 10px;
    line-height: 17px;
}

div.vision-settings-mainPanel div.panel h5 .userIcon {
    font-size: 16px;
    font-weight: normal;
}

div.vision-settings-mainPanel div.panel div.settings-group {
    background: white;
    padding: 20px;
}

.bp5-dark div.vision-settings-mainPanel div.panel div.settings-group {
    background: var(--bp-dark-gray2);
}

div.vision-settings-mainPanel div.panel div.settings-group .columnList-column {
    display: inline-block;
    width: 50%;
    height: 240px;
}

div.vision-settings-mainPanel div.panel div.settings-group .columnList-column .columnBox {
    display: inline-block;
    width: calc(100% - 40px);
    height: 210px;
    overflow: auto;
}

div.vision-settings-mainPanel div.panel div.settings-group .columnList-column .buttonDiv {
    display: inline-block;
    height: 210px;
    width: 40px;
    position: relative;
}

div.vision-settings-mainPanel div.panel div.settings-group .columnList-column .textLabel {
    line-height: 30px;
    margin-bottom: 0;
}

div.vision-settings-mainPanel div.panel div.settings-group .columnList-column .columnItem {
    line-height: 35px;
    font-size: 14px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

div.vision-settings-mainPanel div.panel div.settings-group .columnList-column .columnItem.focused {
    box-shadow: inset 0 0 0 1px rgba(19, 124, 189, 1);
    background-color: rgba(19, 124, 189, 0.1);
}

div.vision-settings-mainPanel div.panel div.settings-group .buttonDiv .arrowTop {
    position: absolute;
    left: 10px;
    top: 72.5px;
}

div.vision-settings-mainPanel div.panel div.settings-group .buttonDiv .arrowBot {
    position: absolute;
    left: 10px;
    bottom: 72.5px;
}

div.vision-settings-mainPanel div.panel div.settings-group .buttonDiv .button30 {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

div.vision-settings-mainPanel div.panel div.settings-group div.panel-gallery {
    padding-top: 10px;
    padding-bottom: 15px;
}

div.vision-settings-mainPanel div.panel div.settings-group div.panel-gallery .bp5-label {
    margin-bottom: 5px;
    height: 30px;
}

div.vision-settings-mainPanel div.panel div.settings-group label.bp5-label:last-child {
    margin: 0;
    height: 30px;
}

div.vision-settings-mainPanel div.panel div.settings-group div.panel-gallery .groupName {
    line-height: 30px;
    margin-bottom: 5px;
}

div.vision-settings-mainPanel div.panel div.settings-group.panel-gallery .groupNameBold {
    line-height: 30px;
    margin-bottom: 5px;
}

div.vision-settings-mainPanel div.panel div.settings-group.panel-gallery .groupNameBold.newLine {
    border-top: 1px solid rgba(128, 128, 128, 0.23);
    padding-top: 10px;
}

/* ColorPicker */

div.vision-settings-mainPanel .vision-settings-swatch {
    padding: 7px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
    display: flex;
    cursor: pointer;
    background-color: #f5f8fa;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
}

.bp5-dark div.vision-settings-mainPanel .vision-settings-swatch {
    box-shadow: inset 0 0 0 1px rgba(121, 117, 117, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
    background-color: var(--bp-dark-gray3);
    background-image: linear-gradient(to bottom, rgba(16, 22, 26, 0.8), rgba(16, 22, 26, 0));
}

div.vision-settings-mainPanel .vision-settings-swatch:hover {
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
    background-clip: padding-box;
    background-color: #ebf1f5;
}

.bp5-dark div.vision-settings-mainPanel .vision-settings-swatch:hover {
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
    background-color: var(--bp-dark-gray2);
}

div.vision-settings-mainPanel .vision-settings-swatch .swatchColor {
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    margin-right: 10px;
}

.vision-settings-popover-nopadding .bp5-popover-content {
    padding: 0 !important;
}

div.vision-settings-mainPanel label.bp5-label.vision-settings-colorPickDiv {
    margin-bottom: 5px;
    height: 30px;
    display: flex;
}

div.vision-settings-mainPanel span.vision-settings-colorPickLable {
    width: 250px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.vision-settings-mainPanel div.archive-settings div.checkbox-quote {
    margin-left: 26px;
}

div.archive-settings-schedule-rule > div > label, div.archive-settings-schedule-rule > div > div {
    margin-right: 10px;
    margin-bottom: 10px;
}

div.archive-settings-schedule-rule > div > label {
    display: inline-block;
    line-height: 30px;
    vertical-align: bottom;
}

.archive-settings-schedule-rule-hr {
    margin: 0 0 21px;
    border: none;
    height: 1px;
    background-color: rgba(128, 128, 128, 0.23);
}

.archive-settings-button {
    background: #ffffff !important;
    box-shadow: none !important;
}

.bp5-dark .archive-settings-button {
    background: var(--bp-dark-gray3) !important;
}

.archive-settings-button .bp5-icon-caret-up {
    margin-top: 2px !important;
}

div.vision-settings-mainPanel div.archive-settings select.bp5-input {
    margin-left: 0;
}

div.vision-settings-mainPanel div.archive-settings .bp5-inline, .bp5-numeric-input, .bp5-input-group {

    /* display: inline-flex; */
    vertical-align: top;
    white-space: nowrap;
}

.archive-settings-numeric-input {
    display: inline-flex;
    vertical-align: bottom;
}

.archive-settings-numeric-input .bp5-input-group {
    margin-right: 0 !important;
}

div.vision-settings-mainPanel div.archive-settings .bp5-input-group {
    width: 36px;
}

div.vision-settings-mainPanel div.archive-settings div.inline {
    white-space: nowrap;
    margin-bottom: 8px;
}

div.vision-settings-mainPanel div.archive-settings div.inline span.inline-text {
    vertical-align: top;
    line-height: 30px;
}

div.vision-settings-mainPanel div.archive-settings div.inline .space-after {
    margin-right: 16px;
}

div.vision-settings-mainPanel .checkBox {
    margin-bottom: 20px;
}

div.vision-settings-mainPanel div.archive-settings .checkBox {
    margin-bottom: 12px;
}

div.vision-settings-mainPanel div.archive-settings div.no-bottom .checkBox {
    margin-bottom: 0 !important;
}

div.vision-settings-mainPanel .checkBox:last-child {
    margin-bottom: 0;
}

div.vision-settings-mainPanel div.select-panel {
    margin-top: 10px;
}

div.archive-settings-schedule-rule {
    display: grid;
    grid-template-columns: auto 90px;
}

div.vision-settings-mainPanel div.select-panel .bp5-select {
    margin-bottom: 0;
    height: 30px;
}

div.vision-settings-mainPanel div.select-panel .bp5-inline {
    white-space: nowrap;
}

.vision-settings-mainPanel .settings-group .vision-logo-picker {
    margin-bottom: 20px;
}

.vision-settings-mainPanel .settings-group .vision-logo-picker .logoImage {
    max-height: 75px;
    max-width: 175px;
    box-shadow: 0 0 2px 1px #a0a0a0;
}

.vision-settings-collapse .bp5-collapse-body {
    padding-top: 10px;
}

.vision-settings-collapse .bp5-collapse-body:last-child {
    padding-bottom: 10px;
}

.vision-reportSettings-logo-leftColumn {
    vertical-align: top;
    display: inline-block;
}

.vision-reportSettings-logo-rightColumn {
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 470px);
    height: 100%;
}

.vision-reportSettings-logo-button {
    justify-content: flex-start;
    margin-left: 20px;
    margin-bottom: 10px;
    width: 170px;
    height: 30px;
}

.bp5-label .bp5-inline {
    display: inline-block;
}

.bp5-numeric-input .bp5-button-group {
    min-height: 30px;
}

.vision-reset-settings{
    display: flex;
}

.vision-reset-settings > span{
    flex: 0;
    margin-right: 20px;
}
.bp5-dark .sketch-picker {
    background: var(--bp-dark-gray4) !important;
}

.bp5-dark .sketch-picker span {
    color: var(--bp-light-gray5) !important;
}

.bp5-dark .sketch-picker input {
    background-color: var(--bp-dark-gray4) !important;
}

.bp5-dark .sketch-picker .flexbox-fix:last-child {
    border-top: 1px solid var(--bp-dark-gray5) !important;
}
div.image-quality-select-panel select{
    margin-left: 0 !important;
    width: 500px;
}
.vision-collapsibleBlock {
    margin-top: 8px;
    display: inline-block;
    cursor: default;
    width: 100%;
}

div.vision-collapsibleBlock .animated::before {
    transition: transform ease 0.25s;
    position: relative;
    top: 2px;
    height: fit-content;
}

div.vision-collapsibleBlock .ccw::before {
    transform: rotate(-90deg);
    display: inline-block;
    top: 1px;
}

div.vision-collapsibleBlock > p.bp5-icon-caret-down {
    font-weight: bold;
    font-family: "blueprint-icons-16", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif;
}
div.settings-panel span {
    width: 240px;
    vertical-align: middle;
}

div.settings-panel textarea {
    width: 400px;
    resize: none;
    margin-top: 15px;
    margin-left: 13px;
    background: #f6f6f6;
}

div.div-report-settings-remove-the-margin-mount {
    margin-top: -15px;
}

.checkbox-inner-margin {
    margin-left: 30px;
}

hr.grey-line {
    border: none;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: rgba(128, 128, 128, 0.23);
}

@media screen and (width <= 1164.64px) {

    div.settings-panel textarea {
        margin-top: -3px;
        margin-left: 13px;
    }

    div.div-report-settings-remove-the-margin-mount {
        margin-top: -6px;
    }

    div.div-report-settings-remove-the-margin-mount+div {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    div.settings-panel div.div-additional-media-formatting>span {
        margin-left: 13px;
    }

    div.settings-panel div.div-additional-media-formatting+div>span {
        margin-left: 13px;
    }
}
div.inputText-span-reportSettings {
    width: 100%;
    display: block;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

div.inputText-span-reportSettings > span {
    resize: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
}

div.inputText-span-reportSettings > input {
    width: 400px;
    max-width: 100%;
    font-size: 13px;
    display: inline;
    background: #f6f6f6;
    margin-left: 3px;
    overflow-wrap: break-word;
    word-break: break-all;
}

@media screen and (width <= 1164.64px) {

    div.inputText-span-reportSettings {
        margin-left: 10px;
        margin-top: 7px;
    }

    div.inputText-span-reportSettings > span {
        margin-left: 4px;
    }
}
.confirm-dialog-sizing {
    width: 300px;
    min-height: 125px;
    padding: 15px;
    background-color: white;
}

.popup-confirm-dialog-sizing {
    width: 260px;
    min-height: 85px;
}

.confirm-form-buttons {
    text-align: right;
}

.confirm-form-buttons > button {
    width: 80px;
    height: 30px;
    margin: 0 0 10px 10px;
}

.confirm-form-buttons > button:focus {
    outline: rgba(45, 114, 210, 0.6) solid 2px;
    outline-offset: 2px;
}

.bp5-popover-content-sizing.bp5-popover-content-padding .bp5-popover-content {
    padding: 15px;
}

p.confirm-form-info {
    margin-bottom: 15px;
    word-break: break-word;
}

.bp5-dialog .confirm-form-info {
    padding-left: 15px;
}

.bp5-dialog .confirm-form-buttons {
    padding-right: 15px;
}

input.confirm-form-input {
    display: block;
    margin-bottom: 15px;
}
.vision-sampleLog .vision-sampleList-table .bp5-table-body-cells .bp5-table-cell {
    cursor: default;
}

.vision-sample-ds-column {
    vertical-align: top;
    display: inline-block;
    width: 360px;
    height: 100%;
    padding: 10px 20px;
    background-color: #ffffff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-right: 20px;
}

.vision-sample-ds-innerColumn {
    width: calc(100% + 17px);
    height: 100%;
    overflow-y: scroll;
}

.vision-sample-ds-columnRight {
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 420px);
    height: 100%;
    margin-right: 20px;
}

.vision-sample-ds-columnRight.expanded {
    width: calc(100% - 40px);
}
.vision-controls-markerSmall .vision-controls-marker-button {
    height: 30px;
    width: 30px;
    padding-top: 5px;
}

.vision-controls-markerSmall a.vision-controls-marker-buttonSmall {
    height: 30px;
    width: 18px;
    min-width: 18px;
    line-height: 30px;
}

.vision-controls-markerSmall .vision-controls-markerContainer {
    width: 18px;
    height: 18px;
    margin: 4px;
    cursor: pointer;
    position: relative;
}

.vision-controls-markerSmall .vision-controls-markerContainerButton {
    width: 18px;
    height: 18px;
    position: relative;
}

.vision-controls-markerSmall .vision-controls-marker:before {
    display: block;
    content: "";
    position: absolute;
    border-left: 18px solid transparent;
    border-top: 18px solid rgba(0, 0, 0, 0.6);
}

.vision-controls-markerSmall .vision-controls-marker::after {
    display: block;
    content: "";
    position: absolute;
    border-left: 15px solid transparent;
    top: 1px;
    right: 1px;
}

.vision-controls-markerSmall .vision-controls-marker-blue::after {
    border-top: 15px solid #2471c3;
}

.vision-controls-markerSmall .vision-controls-marker-green::after {
    border-top: 15px solid #23b023;
}

.vision-controls-markerSmall .vision-controls-marker-red::after {
    border-top: 15px solid #df2323;
}

.vision-controls-markerSmall .vision-controls-marker-yellow::after {
    border-top: 15px solid #e2c606;
}

.vision-controls-markerSmall .vision-controls-marker-purple::after {
    border-top: 15px solid #c92ece;
}

.vision-controls-markerSmall .vision-controls-marker-gray::after {
    border-top: 15px solid #adb4b7;
}

/* big */

.vision-controls-marker-button {
    height: 40px;
    width: 40px;
}

a.vision-controls-marker-buttonSmall {
    height: 40px;
    width: 20px;
    min-width: 20px;
    line-height: 40px;
}

ul.vision-controls-markerMenu {
    min-width: 20px;
}

.vision-controls-invisible {
    display: none;
}

.vision-controls-downloadButton {
    width: 40px;
    padding-left: 12px;
}

.vision-controls-markerContainer {
    width: 18px;
    height: 18px;
    margin: 6px;
    cursor: pointer;
    position: relative;
}

.vision-controls-markerContainerButton {
    margin-top: 1px;
    width: 18px;
    height: 18px;
    position: relative;
}

.vision-controls-markerContainer:hover {
    background-color: rgba(167, 182, 194, 0.3);
}

.vision-controls-marker:before {
    display: block;
    content: "";
    position: absolute;
    border-left: 18px solid transparent;
    border-top: 18px solid rgba(0, 0, 0, 0.6);
}

.vision-controls-marker::after {
    display: block;
    content: "";
    position: absolute;
    border-left: 15px solid transparent;
    top: 1px;
    right: 1px;
}

.vision-controls-marker-blue::after {
    border-top: 15px solid #2471c3;
}

.vision-controls-marker-green::after {
    border-top: 15px solid #23b023;
}

.vision-controls-marker-red::after {
    border-top: 15px solid #df2323;
}

.vision-controls-marker-yellow::after {
    border-top: 15px solid #e2c606;
}

.vision-controls-marker-purple::after {
    border-top: 15px solid #c92ece;
}

.vision-controls-marker-gray::after {
    border-top: 15px solid #adb4b7;
}

.vision-controls-sliderDiv {
    display: inline-block;
    margin-left: 20px;
    height: 40px;
    padding-top: 12px;
}

.vision-controls-topAlign {
    vertical-align: top;
}

.vision-cellColorPicker-portal > .bp5-overlay > .bp5-popover-transition-container {
    left: 425px !important;
}

.vision-controls-cellColorPicker {
    height: 30px;
    width: 10px;
}

.vision-controls-disabledImg {
    opacity: 0.6;
}

.vision-labelTooltip-blank {
    background: white;
    box-shadow: 0 0 18px 1px #a0a0a0;
    border-radius: 4px;
    padding: 6px;
}

.bp5-dark .vision-labelTooltip-blank {
    background: var(--bp-dark-gray5);
}

.vision-labelTooltip-blank:focus {
    outline: none;
}

/* Zoom control */

.vision-controls-zoomInput {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}

.vision-logo-picker .logoLabel {
    width: 220px;
    justify-content: flex-start;
}
.template-editor, .template-data-editor {
    box-sizing: border-box;
    max-height: calc(100dvh - 70px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.template-editor {
    width: min(900px, calc(100vw - 40px));
    min-height: min(600px, calc(100dvh - 70px));
    --template-filter-max-height: max(40px, calc(100dvh - 70px - 470px));
    --key-filter-height: 40px;
    --table-min-height: clamp(180px, 35dvh, 250px);
}

.template-data-editor {
    width: min(760px, calc(100vw - 40px));
    --template-filter-max-height: max(40px, calc(100dvh - 70px - 190px));
    --key-filter-height: 40px;
}

.template-editor-body, .template-data-editor-body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.template-editor label, .template-data-editor label {
    flex: 0 0 auto;
    margin-bottom: 5px;
}

.template-editor-body button, .template-data-editor-body button {
    min-width: 100px;
}

.input-group {
    display: flex;
    gap: 10px;
    min-width: 0;
}

.input-group-filter {
    flex: 0 0 auto;
    align-items: flex-start;
}

.input-group-textArea {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 760px;
}

.input-group-action {
    flex: 0 0 auto;
}

.template-editor-key-filter {
    flex: 0 0 auto;
    width: min(760px, 100%);
}

.template-editor-filter {
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    margin-bottom: 5px;
    overflow: auto;
}

.template-editor-filter-template {
    max-height: var(--template-filter-max-height);
    resize: vertical;
}

.template-editor-filter-key {
    height: var(--key-filter-height);
    min-height: var(--key-filter-height);
    max-height: var(--key-filter-height);
    resize: none;
}

.input-group-table-row {
    flex: 1 1 400px;
    min-height: var(--table-min-height);
    margin-top: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    align-items: stretch;
}

.input-group-table-row .input-group-table {
    flex: 1 1 auto;
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.input-group-table-row .buttons {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.input-group-table-row .buttons .order-control {
    display: flex;
    gap: 10px;
}

.input-group-table-row .buttons .order-control button {
    min-width: 30px;
}

.footer-buttons {
    flex: 0 0 auto;
    justify-content: flex-end;
    display: flex;
    gap: 10px;
}

.template-data-editor .footer-buttons button {
    margin-top: 5px;
}

.template-editor .input-group .input-group-table .bp5-table-quadrant, .template-editor .input-group .input-group-table .bp5-table-quadrant-main, .template-editor .input-group .input-group-table .bp5-table-quadrant-stack, .template-editor .input-group .input-group-table .bp5-table-quadrant-scroll-container, .template-editor .input-group .input-group-table .bp5-table-scroll-container {
    max-width: 100%;
    overflow-x: hidden !important;
}
.vision-sample-textArea-hint-item div {
    white-space: pre-line;
}
.time .bp5-datepicker {
    display: none;
}

.time .bp5-popover .bp5-popover-arrow {
    display: none;
}

.time .bp5-timepicker-input-row {
    width: 100%;
}

.time .bp5-timepicker-input {
    text-align: left;
    padding: 10px;
    width: 100%;
}

.time .bp5-timepicker .bp5-timepicker-divider-text {
    width: 7px;
}

input.without-picker::-webkit-calendar-picker-indicator {
    display: none;
}
.vision-sample-customAttr-folderInside {
    padding-left: 9px;
}

.vision-sample-customAttr-radio {
    margin-top: 1px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.1;
}

.vision-sample-customAttr-radio input[type="checkbox"]:focus + span, .vision-sample-customAttr-radio input[type="radio"]:focus + span, .custom-attr-radio input[type="radio"]:focus + span {
    outline: none !important;
    outline-offset: 0 !important;
}

.vision-sample-customAttr-labelRadio {
    text-align: left;
}

.vision-sample-customAttr-checkBoxDiv {
    text-align: left;
    padding-top: 2px;
    width: 100%;
    overflow: hidden;
    display: grid;
    justify-content: start;
    justify-items: start;
}

.vision-sample-customAttr-labelRadio .bp5-label {
    display: block;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
}

.vision-sample-customAttr-alert {
    display: block;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
    color: red;
    font-weight: bold;
    background: url(/images/Sample_Attention-Black_16x16.svg) no-repeat;
    padding-left: 20px;
}

.bp5-dark .vision-sample-customAttr-alert {
    color: var(--bp-red5);
    background: url(/images/Sample_Attention-Dark_16x16_dark.svg) no-repeat;
}

.vision-sample-customAttr-pointsTotal {
    position: absolute;
    right: 0;
    margin-right: 40px;
}

.vision-sample-customAttr-referenceText {
    padding-left: 10px;
    margin-bottom: 20px;
    font-weight: normal;
}

.vision-sample-customAttr-calcHeader {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 130px);
    display: inline-block;
    vertical-align: top;
}

.vision-sample-customAttr-folder label.bp5-label .bp5-select select {
    width: 0;
}

.displacedDropdown select.vision-sample-oak-result-input {
    width: calc(180px - 32px) !important;
    min-width: calc(180px - 12px) !important;
    left: 12px;
    position: relative;
}

span.attr-info-block-row {
    line-height: 18px;
    display: block;
}

.custom-attr-info-block-icon {
    color: #5f6b7c;
    align-content: center;
    padding: 0 0 0 10px;
    position: relative;
    right: 5px;
}

.bp5-dark .custom-attr-info-block-icon {
    color: var(--bp-gray4);
}

.attr-grid {
    display: grid !important;
    grid-template-columns: 1fr 2fr 20px 20px;
    grid-template-rows: 1fr;
    gap: 0;
}

.attr-grid.without-info {
    grid-template-columns: 1fr 1fr 0 0;
}

.attr-input-icon {
    font-family: "blueprint-icons-16", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif;
}

textarea.vision-sample-text-attr {
    padding: 6px 10px;
}

textarea.vision-sample-text-attr.bp5-text-area-auto-resize {
    resize: none;
    width: 100% !important;
}

.custom-attr-root {
    display: grid;
    grid-template-columns: 1fr repeat(3, auto);
}

.custom-attr-content {
    display: grid;
}

.custom-attr-input {
    padding: 10px;
    word-break: break-word;
}

.custom-attr-input input {
    width: 100% !important;
}

.custom-attr-ref-result {
    align-content: center;
}

.custom-attr-radio {
    display: flex;
    line-height: 1.1;
    margin-bottom: 5px;
}

.custom-attr-radio .bp5-control-indicator {
    top: 2px;
}

.custom-attr-wordbreak {
    word-break: break-word;
    white-space: normal;
}

.custom-attr-hk {
    align-content: center;
    padding-top: 6px;
}

.custom-attr-hk input {
    width: 30px;
    height: 20px;
    position: relative;
    top: -3px;
}

.custom-attr-hk-tag {
    font-weight: bold;
    font-size: smaller;
    right: 5px;
    top: -2px;
}

.bp5-dark .custom-attr-hk-tag {
    background-color: var(--bp-gray4);
}

.custom-attr-input .readOnly {
    cursor: default;
}

.bp5-dark .custom-attr-input .readOnly {
    box-shadow: inset 0 0 0 1px rgba(128, 128, 128, 0.25);
}

.custom-attr-row-fill {
    width: 100%;
}
.vision-waiter-fieldset {
    margin: 0;
    padding: 0;
    border-width: 0;
}

.vision-waiter-fieldset > .vision-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.responsible-dialog {
    width: 850px;
    min-height: 570px;
    padding-bottom: 10px;
}

.only-assign {
    width: 750px !important;
    height: 340px !important;
    min-height: unset;
}

.responsible-dialog>.bp5-dialog-body {
    height: 80%;
    display: grid;
    grid-template-rows: auto 1fr;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.section-button {
    margin-left: 10px;
    margin-right: 5px;
    width: 95px;
    height: 30px;
}

.only-assign .buttons {
    margin-right: 10px;
    width: 700px;
}

.responsible-dialog>.bp5-dialog-body div.buttons {
    text-align: right;
    margin-top: 20px;
}

.responsible-dialog>.bp5-dialog-body div.buttons>button {
    margin-left: 10px;
    min-width: 100px;
}

.bp5-table-container.responsibility-table {
    width: 700px !important;
}

.bp5-table-container.responsibility-table .bp5-table-cell {
    cursor: default;
    pointer-events: none;
}

.bp5-table-container.responsibility-table:focus {
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(17, 20, 24, 0.15) !important;
}

.bp5-table-container.assignments-table {
    width: 700px !important;
}

.bp5-table-container.assignments-table .bp5-table-cell {
    cursor: default;
    pointer-events: none;
}

.bp5-table-container.assignments-table:focus {
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(17, 20, 24, 0.15) !important;
}
.vision-sample-oak-result-columnRight {
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 420px);
    height: 100%;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
}

.vision-sample-oak-result-columnLeft {
    vertical-align: top;
    display: inline-block;
    width: 360px;
    margin-left: 20px;
    margin-right: 20px;
    height: 100%;
}

.vision-sample-oak-result-columnPadding {
    padding-left: 20px;
}

.vision-sample-oak-result-innerColumn {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 20px;
    background-color: #ffffff;
}

.bp5-dark .vision-sample-oak-result-innerColumn {
    background-color: var(--bp-black);
}

.vision-sample-oak-result-innerColumnHalf {
    display: inline-block;
    height: 100%;
    width: 50%;
    vertical-align: top;
}

.vision-sample-oak-innerColumnBorders {
    border-top: 1px solid #dbdcdd;
    border-bottom: 1px solid #dbdcdd;
    padding-bottom: 20px;
}

.bp5-dark .vision-sample-oak-innerColumnBorders {
    border-top: 1px solid var(--bp-gray1);
    border-bottom: 1px solid var(--bp-gray1);
}

.vision-sample-oak-result-textInput {
    text-align: left;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
    display: flex;
}

.vision-sample-oak-result-responsible-textInput {
    text-align: left;
    height: 24px !important;
    margin-right: 5px !important;
    display: flex;
}

.vision-sample-oak-result-responsibleInput {
    text-align: left;
    margin-bottom: 10px !important;
    margin-right: 5px !important;
    grid-template-columns: 2fr auto 25px;
    display: grid;
}

.vision-sample-info-responsible-list {
    overflow: hidden;
    display: flex;
    padding-right: 10px;
    flex-direction: column;
    width: 155px;
}

.vision-sample-info-responsible-button .bp5-icon > svg {
    width: 16px;
    height: 16px;
}

.vision-template-button .bp5-icon > svg {
    width: 16px;
    height: 16px;
}

.vision-sample-oak-result-textInput > a {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 157px;
    width: 140px;
    text-align: left;
}

label.bp5-label.bp5-inline input.vision-sample-oak-result-input, .vision-sample-oak-result-input {
    min-width: 157px;
    width: 140px;
    display: flex;
}

.vision-sampleView-workArea .bp5-table-selection-enabled .bp5-table-cell {
    cursor: default !important;
}

.bp5-table-selection-enabled .bp5-editable-text::before, .bp5-table-selection-enabled .bp5-editable-content{
    cursor: text !important;
}

.vision-sample-oak-result-input-readOnly {
    box-shadow: 0 0 0 0 #000000 !important;
    width: 180px !important;
    min-width: 180px !important;
    margin: 0 !important;
    cursor: default !important;
}

.vision-sample-customAttr-folder .vision-sample-oak-result-input-readOnly {
    box-shadow: 0 0 0 0 rgba(45, 114, 210, 0), 0 0 0 0 rgba(45, 114, 210, 0), inset 0 0 0 1px rgba(17, 20, 24, 0.2), inset 0 1px 1px rgba(17, 20, 24, 0.3) !important;
}

.bp5-dark .vision-sample-customAttr-folder .vision-sample-oak-result-input-readOnly {
    box-shadow: 0 0 0 0 rgba(76, 144, 240, 0), 0 0 0 0 rgba(76, 144, 240, 0), 0 0 0 0 rgba(76, 144, 240, 0), inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.vision-sample-oak-result-responsible-readOnly {
    box-shadow: 0 0 0 0 #000000 !important;
    max-width: 180px;
    height: 20px;
    margin: 0 !important;
    cursor: default !important;
    white-space: nowrap;
}

.vision-sample-oak-result-input-disabled {
    cursor: default !important;
}

.vision-sample-oak-result-input {
    width: 180px !important;
    min-width: 180px !important;
    box-shadow: 0 0 0 0 rgba(45, 114, 210, 0), 0 0 0 0 rgba(45, 114, 210, 0), inset 0 0 0 1px rgba(17, 20, 24, 0.2), inset 0 1px 1px rgba(17, 20, 24, 0.3);
    border: none;
}

.bp5-dark .vision-sample-oak-result-input {
    background: var(--bp-black);
    box-shadow: 0 0 0 0 rgba(76, 144, 240, 0), 0 0 0 0 rgba(76, 144, 240, 0), 0 0 0 0 rgba(76, 144, 240, 0), inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.3);
}

.vision-sample-oak-result-input .bp5-input-action {
    pointer-events: none;
}

.vision-sample-oak-result-textInputLabel {
    float: left;
    padding-right: 6px;
    font-weight: normal;
    line-height: 29px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.vision-sample-result-textInputLabel-fixed {
    display: inline-block;
    font-weight: normal;
    line-height: 30px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.vision-sample-result-textInput-fixed {
    width: 400px;
}

.vision-sample-result-select {
    padding: 0 !important;
    line-height: 0 !important;
    width: 220px;
    background-color: #f6f7f9;
}

.vision-sample-result-select-color {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0px !important;
    width: 220px;
}

.vision-sample-oak-result-textInputLabel-bold {
    float: left;
    padding-right: 6px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 165px);
}

.vision-sample-oak-dropDownsDiv {
    margin-bottom: 20px;
}

.vision-sample-textArea-label {
    padding-right: 6px;
    font-weight: normal;
    line-height: 29px;
    padding-top: 1px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
}

.vision-sample-textArea-div {
    margin-bottom: 5px;
}

.vision-sample-textArea-area {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 31px;
    line-height: 1.5;
    outline: none;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
    background: #ffffff;
    padding: 5px 10px;
    vertical-align: middle;
    color: #182026;
    font-size: 14px;
    font-weight: normal;
    transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: auto;
    resize: vertical;
}

.bp5-dark .vision-sample-textArea-area {
    background: var(--bp-black);
    color: var(--bp-light-gray5);
    box-shadow: 0 0 0 0 rgba(76, 144, 240, 0), 0 0 0 0 rgba(76, 144, 240, 0), 0 0 0 0 rgba(76, 144, 240, 0), inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.3);
}

.vision-sample-textArea-area.readOnly {
    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.05), inset 0 1px 1px rgba(16, 22, 26, 0.05);
}

.bp5-dark .vision-sample-textArea-area.readOnly {
    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 1px rgba(255, 255, 255, 0.1);
}

.vision-sample-textArea-line.with-template-buttons {
    display: flex;
    gap: 2.5px;
    height: 100%;
}

.vision-template-buttons {
    display: flex;
    flex-direction: column;
    outline: 0;
}

.bp5-select select::-ms-value {
    background: transparent;
    color: black;
}

label.bp5-label.vision-sample-oak-DateInput span.bp5-popover-wrapper {
    margin: 0;
}

div.bp5-table-container .animated::before {
    transition: transform ease 0.25s;
    position: relative;
    top: 1px;
}

div.bp5-table-container .ccw::before {
    transform: rotate(-90deg);
    display: inline-block;
    top: 0;
}

.vision-sample-textArea-hint {
    flex: auto;
}
.glassGallery-button {
    margin-right: 20px;
}

.vision-sampleview-toolbar {
    display: flex;
    height: 80px;
    width: 100%;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    flex-flow: row;
    min-width: 800px;
}

.vision-toolbar-leftbar {
    order: 1;
    width: 390px;
    min-width: 390px;
    margin-right: 20px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.vision-toolbar-middlebar {
    order: 2;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    flex-grow: 1;
}

.vision-toolbar-rightbar {
    flex-grow: unset;
    order: 3;
    height: 100%;
    vertical-align: top;
    white-space: nowrap;
    flex-basis: 390px;
    display: flex;
    flex-flow: row;
}

.vision-toolbar-rightbar>.left-side {
    flex-grow: 1;
    order: 1;
}

.vision-toolbar-rightbar>.right-side {
    order: 2;
    text-align: right;
}

.vision-toolbar-rightbar>.left-side .bp5-button-group {
    margin-left: 0 !important;
    margin-right: 20px !important;
}

button.vision-toolbutton {
    height: 40px !important;
    width: 40px !important;
    padding: 8px;
    line-height: 0;
}

button.vision-toolbutton-active {
    height: 40px !important;
    width: 40px !important;
    background: #ced9e0 !important;
    padding: 8px;
    z-index: 10;
}

.bp5-dark button.vision-toolbutton-active {
    background: var(--bp-dark-gray1) !important;
}

.vision-sampleMode-rightbar-button a {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
}

.vision-sampleMode-buttons {
    line-height: 40px;
    height: 40px;
    width: 40px;
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

.menuField {
    overflow-y: scroll;
    height: 245px;
}

.menuItem-icon {
    margin-right: 4px;
}

.vision-toolbar-rightbar .vision-tooltip-popover {
    width: 40px;
    height: 40px;
}

.vision-toolbar-overflowOpacity {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}

.vision-toolbar-rightbar>.right-side> :first-child .bp5-button-group:first-of-type {
    margin-left: 0 !important;
}

#slideView-anchor-button .bp5-icon-eye-open {
    margin: 9px 1px;
}

#slideView-anchor-button::after {
    right: 2px !important;
}
.share-dialog-content .vision-tooltip-popover {
    width: 100%;
}

.share-dialog {
    user-select: none;
    width: 454px;
}

.share-button, .share-select {
    width: calc(100% / 2 - 5px) !important;
}

.share-send-button {
    width: 30px !important;
}

.share-dialog-content {
    margin: 0;
    padding: 10px 20px 0;
    max-height: 55vh;
    overflow-y: auto;
}

.share-form {
    margin: 0;
}

.share-form-content > * {
    margin: 10px 0;
}

.share-form-content > label, .share-label {
    font-weight: bold;
    display: block;
}

.share-send-group {
    display: flex;
    align-items: flex-start;
}

.share-send-group button {
    margin-left: 10px;
}

.share-divider {
    margin: 5px 0;
}

.share-divider.black {
    border-color: black;
}

.share-access {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.share-switch {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.share-switch > div {
    display: flex;
}

.share-switch > div > span {
    margin: 2px 0 0 15px;
    font-weight: normal;
    color: gray;
    width: unset;
}

.share-delete-icon {
    cursor: pointer;
}

.share-tag-input input {
    width: auto !important;
}

.share-tag-input input.zero-width {
    width: 0 !important;
}

.share-error {
    color: red;
}

.bp5-dark .share-error {
    color: var(--bp-red5);
}
.vision-panzoom {
    width: 100%;
    height: 100%;
    position: relative;
}

.vision-panzoom.with-measurer {
    width: 100%;
    height: 100%;
    position: absolute;
}

.vision-panzoom-container {
    border: 1px solid;
    border-color: #e4e4e4;
    text-align: center;
    overflow: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    align-content: center;
}

.bp5-dark .vision-panzoom-container {
    border-color: var(--bp-gray1);
}

svg.vision-panzoom-container {
    pointer-events: none;
}

.vision-panzoom-centerFlex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.vision-panzoom-container div.thumbnail {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    z-index: 19;
}

.vision-panzoom-container img.frame {
    transition: opacity ease-in 400ms;
    -webkit-transform: translateZ(0);
}

.vision-panzoom div.progress-bar {
    overflow: auto;
    width: 100%;
    height: 4px;
    top: 0;
    position: absolute;
    background-color: #ffffff;
    pointer-events: none;
    transition: opacity 300ms ease;
}

.vision-panzoom div.progress-bar div.progress {
    overflow: auto;
    height: 4px;
    top: 0;
    position: absolute;
    background-color: #137cbd;
}

.vision-panzoom div.progress-bar div.animate {
    transition: width 200ms ease;
}

div.vision-panzoom-editing {
    cursor: crosshair;
}

div.vision-panzoom .clickable {
    cursor: pointer;
}

div.vision-panzoom .loading {
    filter: blur(8px);
}

div.vision-panzoom canvas.animate {
    align-items: center;
}

div.vision-panzoom .rotateButton {
    left: 6px;
    top: 6px;
    height: 30px;
    width: 25px;
    position: absolute;
    z-index: 1;
}
.vision-cells-tooltip-blankBody {
    position: absolute;
    text-align: center;
    pointer-events: none;
}

.vision-cells-tooltip-blankBody:focus {
    outline: 0;
}

div.vision-cells-tooltip-body {
    position: absolute;
    white-space: nowrap;
    pointer-events: none;
}

.vision-cells-tooltip-column {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    max-width: 300px;
}

.vision-cells-tooltip-grid {
    display: grid;
    grid-template-columns: max-content auto;
}

.vision-cells-tooltip-grid-full-row {
    grid-column: 1 / -1;
}

.vision-cells-tooltip-field {
    white-space: nowrap;
}

.vision-cells-tooltip-bold {
    font-weight: 600;
}

.vision-cells-tooltip-white.bp5-tooltip .bp5-popover-content {
    background: #ffffff;
    color: inherit;
}

.vision-cells-tooltip-white.bp5-popover .bp5-popover-arrow-fill {
    fill: #ffffff;
}

.vision-cells-tooltip-marker:before {
    display: block;
    content: "";
    position: absolute;
    border-left: 15px solid transparent;
    border-top: 15px solid rgba(0, 0, 0, 0.6);
    top: 0;
    right: 0;
}

.vision-cells-tooltip-marker::after {
    display: block;
    content: "";
    position: absolute;
    border-left: 15px solid transparent;
    top: 0;
    right: 0;
}

.vision-cells-tooltip-marker.blueMarker::after {
    border-top: 15px solid #2471c3;
}

.vision-cells-tooltip-marker.greenMarker::after {
    border-top: 15px solid #23b023;
}

.vision-cells-tooltip-marker.redMarker::after {
    border-top: 15px solid #df2323;
}

.vision-cells-tooltip-marker.yellowMarker::after {
    border-top: 15px solid #e2c606;
}

.vision-cells-tooltip-marker.purpleMarker::after {
    border-top: 15px solid #c92ece;
}
svg.cell-editor text.cluster {
    text-anchor: middle;
    pointer-events: none;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-shadow: -1px -1px 1px #ffffff, 0 -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 0 1px #ffffff, 1px 0 1px #ffffff, -1px 1px 1px #ffffff, 0 1px 1px #ffffff, 1px 1px 1px #ffffff;
}

svg.cell-editor text.point {
    text-anchor: middle;
    pointer-events: none;
    font-family: Arial, Helvetica;
    font-size: 9px;
    font-weight: bold;
}

svg.cell-editor text.rect {
    text-anchor: start;
    pointer-events: none;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

svg.cell-editor text.light {
    text-shadow: -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000, 1px 1px 1px #000000;
}

svg.cell-editor text.dark {
    text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px 1px 1px #ffffff;
}

svg.cell-editor text.pointer {
    text-anchor: middle;
    pointer-events: none;
    font-family: Arial, Helvetica;
    font-size: 12px;
    text-shadow: -1px -1px 1px #ffffff, 0 -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 0 1px #ffffff, 1px 0 1px #ffffff, -1px 1px 1px #ffffff, 0 1px 1px #ffffff, 1px 1px 1px #ffffff;
}

svg.crosshair {
    cursor: crosshair;
}

svg.cell-editor text.roiInfo {
    text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px 1px 1px #ffffff;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
}
.vision-cellEdit-cross {
    cursor: pointer;
    font-size: 32px;
    color: white;
    position: absolute;
    right: 30px;
    top: 20px;
    pointer-events: all;
}

div.vision-cellEdit-overlay {
    margin: 0;
    height: 60%;
    min-height: 500px;
    max-width: 800px;
    width: 60%;
    margin-top: 100px;
    z-index: 25;
    pointer-events: all;
    background-color: #ffffff;
}

div.vision-cellEdit-overlay .vision-controls-marker:before {
    border-left-width: 14px;
    border-top-width: 14px;
    top: 1px;
    left: 2px;
}

div.vision-cellEdit-overlay .vision-controls-marker::after {
    border-left-width: 11px;
    border-top-width: 11px;
    top: 2px;
    left: 4px;
    width: 0;
}

.vision-cellEdit-body {
    height: calc(100% - 30px);
    padding: 20px;
}

.vision-cellEdit-footer {
    height: 30px;
    width: 100%;
    padding: 0 20px;
    display: flex;
    margin-bottom: 15px;
}

.vision-cellEdit-measurer-button {
    width: 30px;
    height: 30px;
    margin-left: 10px;
}

.vision-cellEdit-measurer-button-image {
    margin-top: 3px;
}

.vision-cellEdit-flexDiv .vision-cellEdit-body .vision-panzoom-container {
    overflow: hidden;
}

.vision-cellEdit-flexDiv .vision-cellEdit-body .vision-panzoom-container.scroll {
    overflow: auto !important;
}

.vision-cellEdit-flexDiv .vision-cellEdit-body .vision-panzoom-container.no-scroll {
    overflow: hidden !important;
}

.vision-cellEdit-flexDiv .vision-cellEdit-preview .vision-panzoom-container.no-scroll {
    overflow: hidden;
}

.vision-cellEdit-commentInputReadOnly {
    background: #f5f8fa !important;
    box-shadow: 0 0 0 0 #000000 !important;
}

.vision-cellEdit-commentInput {
    width: 663px;
    vertical-align: top;
    margin-right: 10px;
}

.vision-cellEdit-overlay .vision-cellEdit-preview {
    height: 100%;
    padding: 20px;
    overflow: hidden;
}

.ce-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0 15px;
}

.ce-rectangle {
    width: 50px;
    height: 80px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background-color: var(--bp-gray5);
}

.bp5-dark .ce-rectangle {
    background-color: var(--bp-dark-gray5);
}

.ce-arrow {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
}

.ce-arrow.right {
    border-left-width: 35px;
    border-left-style: solid;
    border-left-color: var(--bp-white);
}

.ce-arrow.left {
    border-right-width: 35px;
    border-right-style: solid;
    border-right-color: var(--bp-white);
}

.bp5-dark .ce-arrow.left {
    border-right-color: var(--bp-gray4);
}

.bp5-dark .ce-arrow.right {
    border-left-color: var(--bp-gray4);
}

.ce-dialog {
    max-width: 800px;
    min-width: 500px;
    min-height: 500px;
    width: 100%;
    height: 100%;
}

.vision-cellEdit-flexDiv {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}
svg.measurer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

svg.measurer.clickable {
    cursor: default;
}

svg.measurer text.text-measurer {
    font-family: Arial;
    font-size: 0.8em;
    text-anchor: middle;
    text-shadow: -1px -1px 1px #ffffff, 0 -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 0 1px #ffffff, 1px 0 1px #ffffff, -1px 1px 1px #ffffff, 0 1px 1px #ffffff, 1px 1px 1px #ffffff;
}

svg.ruler {
    --primary-color: var(--bp-black);
    --secondary-color: var(--bp-white);
    position: absolute;
    cursor: default;
    z-index: 10;
    pointer-events: none;
}

.bp5-dark svg.ruler {
    --primary-color: var(--bp-white);
    --secondary-color: var(--bp-black);
}

svg.ruler g {
    pointer-events: all;
    cursor: move;
}

svg.coords-animate {
    transition-property: right, bottom;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

svg.ruler text {
    fill: var(--primary-color);
    font-weight: bold;
    font-size: 0.8em;
    text-anchor: middle;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: -1px -1px 1px var(--secondary-color), 1px -1px 1px var(--secondary-color), -1px 1px 1px var(--secondary-color), 1px 1px 1px var(--secondary-color);
}

svg.ruler path {
    stroke: transparent;
}

svg.ruler #ed {
    fill: var(--primary-color);
    fill-opacity: 0.5;
}

svg.ruler #od {
    fill: var(--secondary-color);
    fill-opacity: 0.5;
}

svg.ruler #ld {
    stroke: var(--primary-color);
    stroke-width: 1;
    stroke-linecap: square;
    stroke-linejoin: miter;
    shape-rendering: crispedges;
}

svg.ruler circle {
    stroke: var(--primary-color);
    fill: var(--secondary-color);
    stroke-width: 1;
    fill-opacity: 0.5;
}

svg.ruler #paths-background path {
    stroke-width: 1;
    stroke: var(--secondary-color);
    stroke-opacity: 0.7;
    vector-effect: non-scaling-stroke;
}
.vision-sample-framesGallery-top {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    height: calc(100% - 178px);
    overflow: hidden;
    background-color: #ffffff;
}

.bp5-dark .vision-sample-framesGallery-top {
    background-color: var(--bp-black);
}

.vision-sample-framesGallery-div {
    width: 100%;
    height: 100%;
}

.vision-sample-framesGallery-mainFrame {
    display: block;
    margin: 0 auto;
}

.vision-sample-fullFrames-columnLeft {
    vertical-align: top;
    display: inline-block;
    width: 390px;
    height: 100%;
    overflow: hidden;
    margin-right: 20px;
}

.vision-sample-fullFrames-columnRight {
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 450px);
    height: 100%;
    margin-right: 20px;
    position: relative;
}

.vision-sample-fullFrames-columnRight.expanded {
    width: calc(100% - 40px);
}
div.frameslistbox {
    vertical-align: top;
    display: inline-flex;
    width: 100%;
    height: 158px;
    padding: 7px 11px;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    cursor: default;
    background-color: #ffffff;
    margin-top: 20px;
}

.bp5-dark div.frameslistbox {
    background-color: var(--bp-black);
}

div.frameslistbox div.thumbnail {
    position: absolute;
    display: inline-block;
    border: 1px solid #d8d6d7;
    color: #182026;
    overflow: hidden;
    text-overflow: ellipsis;
    font: normal 13px Arial, Verdana;
    padding: 2px;
    text-shadow: -1px -1px 1px #ffffff, 0 -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 0 1px #ffffff, 1px 0 1px #ffffff, -1px 1px 1px #ffffff, 0 1px 1px #ffffff, 1px 1px 1px #ffffff;
    z-index: 1;
}

.bp5-dark div.frameslistbox div.thumbnail {
    border: 1px solid var(--bp-dark-gray2);
}

div.frameslistbox div.focused {
    border: 1px solid #3399ff;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
}

.bp5-dark div.frameslistbox div.focused {
    border: 2px solid var(--bp-blue3);
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
}

div.frameslistbox div.scrollbar {
    position: absolute;
    display: inline-block;
}

div.frameslistbox div.marker {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
}

div.frameslistbox div.marker::before {
    right: 0;
    top: 0;
    display: block;
    content: "";
    position: absolute;
    border-left: 18px solid transparent;
    border-top: 18px solid rgba(0, 0, 0, 0.6);
}

div.frameslistbox div.marker::after {
    display: block;
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 15px 0 0 15px;
    top: 1px;
    right: 1px;
}

div.frameslistbox div.marker-blue::after {
    border-color: #2471c3 transparent transparent;
}

div.frameslistbox div.marker-green::after {
    border-color: #23b023 transparent transparent;
}

div.frameslistbox div.marker-purple::after {
    border-color: #c92ece transparent transparent;
}

div.frameslistbox div.marker-red::after {
    border-color: #df2323 transparent transparent;
}

div.frameslistbox div.marker-yellow::after {
    border-color: #e2c606 transparent transparent;
}

div.frameslistbox div.has-comment {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

div.frameslistbox div.has-comment::before {
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    position: absolute;
    border-left: 18px solid rgba(0, 0, 0, 0.6);
    border-top: 18px solid transparent;
    pointer-events: none;
}

div.frameslistbox div.has-comment::after {
    display: block;
    content: "";
    position: absolute;
    border-left: 15px solid #bbbbbb;
    border-top: 15px solid transparent;
    bottom: 1px;
    left: 1px;
    pointer-events: none;
}
svg.scale-bar {
    --primary-color: var(--bp-black);
    --secondary-color: var(--bp-white);
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
}

.bp5-dark svg.scale-bar {
    --primary-color: var(--bp-white);
    --secondary-color: var(--bp-black);
}

svg.scale-bar path {
    stroke: var(--primary-color);
    stroke-linecap: square;
}

svg.scale-bar .background-path {
    stroke: var(--secondary-color);
    stroke-opacity: 0.7;
    vector-effect: non-scaling-stroke;
}

svg.scale-bar text {
    fill: var(--primary-color);
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: -1px -1px 1px var(--secondary-color), 1px -1px 1px var(--secondary-color), -1px 1px 1px var(--secondary-color), 1px 1px 1px var(--secondary-color);
}
.draggable-container {
    border: 1px;
    border-color: #c9cbcd;
    border-style: solid;
    position: absolute;
    overflow: hidden;
    background-color: white;
}

.bp5-dark .draggable-container {
    background-color: var(--bp-dark-gray3);
    border-color: var(--bp-gray1);
}

.draggable-container:hover .top-anchor, .draggable-container:hover .bottom-anchor {
    display: block !important;
}

.openseadragon-canvas {
    width: 100% !important;
}

.draggable-move-container {
    border: 1px  #c9cbcd;
    height: 10px;
    width: 10px;
    border-style: solid;
    top: 0;
    left: 0;
    position: absolute;
    cursor: move;
    background-color: #c9cbcd;
    display: none;
    z-index: 10;
}

.bp5-dark .draggable-move-container {
    border: 1px var(--bp-gray1);
    background-color: var(--bp-gray1);
}

.draggable-resize-container {
    border: 7px solid transparent;
    border-right: 7px solid #c9cbcd;
    border-bottom: 7px solid #c9cbcd;
    position: absolute;
    cursor: nw-resize;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 15;
}

.bp5-dark .draggable-resize-container {
    border-right: 7px solid var(--bp-gray1);
    border-bottom: 7px solid var(--bp-gray1);
}
.image-viewer {
    position: absolute;
    transition: transform ease 0.4s;
}

.vision-panzoom-container {
    overflow: hidden !important;
}
div.hi-res-image-container {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    display: table; /* Для выравнивания .notSupportedMessage по вертикальному центру */
}

.bp5-dark div.hi-res-image-container {
    background-color: var(--bp-black);
}

div.hi-res-image-container .notSupportedMessage {
    display: table-cell; /* Для выравнивания по вертикальному центру */
    vertical-align: middle;
    text-align: center;
}

div.hi-res-image-annotate {
    cursor: crosshair;
}

div.hi-res-image-editing {
    cursor: crosshair;
}

div.hi-res-image-editing .field-disabled {
    cursor: not-allowed;
}

div.hi-res-image-container .clickable {
    cursor: pointer;
}

div.hi-res-image-annotate .clickable {
    cursor: crosshair;
}

div.hi-res-image-container .editing {
    cursor: crosshair;
}

div.hi-res-image-container *:focus {
    outline: initial;
    outline-offset: initial;
}

.navigator {
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: crosshair;
}

.container {
    position: relative;
    height: 100%;
    width: 100%;
}

.openseadragon-container {
    position: absolute !important;
}

.displayregioncontainer {
    position: absolute !important;
}

.openseadragon-canvas {
    border: none !important;
}
.coord-dialog-sizing {
    width: 400px;
    min-height: 200px;
    padding: 15px;
    background-color: white;
}

.dialog-content {
    margin: 20px 20px 10px;
}

.dialog-form {
    margin-bottom: 20px;
}

.coord-dialog-sizing .buttons {
    text-align: right;
}

.coord-dialog-sizing .buttons > .bp5-button {
    margin-left: 10px;
    min-width: 100px;
}

.cs-dialog-body {
    user-select: none;
    flex: 1 1 auto;
    margin: 15px;
}

.cs-slider {
    margin-top: 10px;
    min-width: 200px;
    width: auto;
}

.cs-item {
    justify-content: space-between;
    margin: 0 10px;
}

.bp5-label.cs-item {
    margin-bottom: 5px !important;
}

.cs-form-content {
    display: flex;
}

.cs-slide-value {
    width: 25px;
    margin: 3px 15px !important;
    text-align: end;
}

.cs-images-container {
    display: flex;
    justify-content: center;
}

.cs-images-container > div {
    width: 220px;
    height: 220px;
    margin: 0 10px 10px;
}

.cs-image {
    border: 1px solid #d8d6d7;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cs-button-group {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.cs-button {
    margin: 0 0 0 10px;
    min-width: 80px;
}

.cs-popover .bp5-popover-content {
    padding: 15px 5px;
}

#ds-color-settings::after {
    right: 2px !important;
}

.ds-color-settings-devider {
    margin: 5px 5px 10px;
}

.zoomSelect-button-width button {
    width: 84px;
}
.vision-combobox-button {
    padding-right: 36px !important;
}

.vision-combobox-button span.bp5-button-text {
    line-height: 28px;
}

.vision-combobox-portal {
    z-index: 10000;
}

.vision-combobox-portal .bp5-popover {
    z-index: 10000;
}
div.mode-selector {
    vertical-align: top;
}

div.mode-selector button.bp5-disabled img.vector {
    opacity: 0.5;
}

.vector {
    vertical-align: middle;
}

.vision-cell-context-menu {
    position: fixed;
}

.no-icon::before {
    content: "\00a0";
    width: 16px;
}

.vision-cellContext-popover .bp5-popover-content {
    max-height: 500px;
    overflow-y: auto;
}

.vision-context-marker-blue::after {
    border-top: 15px solid #2471c3;
}

.vision-context-marker-green::after {
    border-top: 15px solid #23b023;
}

.vision-context-marker-red::after {
    border-top: 15px solid #df2323;
}

.vision-context-marker-yellow::after {
    border-top: 15px solid #e2c606;
}

.vision-context-marker-purple::after {
    border-top: 15px solid #c92ece;
}

.vision-context-marker-gray::after {
    border-top: 15px solid #adb4b7;
}

.vision-context-marker::after {
    display: block;
    content: "";
    border-left: 15px solid transparent;
    top: 1px;
    right: 1px;
}

.roi-context-menu .bp5-menu-item::before {
    margin-right: 7px;
}

.roi-context-menu .bp5-menu-item-icon {
    margin-right: 8px;
}
.vision-sampleView-workArea-glass-gallery-visible {
    height: calc(100% - 292px);
    width: 100%;
    min-height: 500px;
}

.vision-sampleView-workArea {
    height: 100%;
    width: 100%;
}

.vision-sampleView-workArea-sampleMode {
    height: calc(100% - 100px);
    width: 100%;
}

.vision-sampleView-workArea-left {
    vertical-align: top;
    display: inline-block;
    height: 100%;
    background-color: #ffffff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 390px;
    margin-right: 20px;
}

.bp5-dark .vision-sampleView-workArea-left {
    background-color: var(--bp-black);
}

.vision-sampleView-workArea-rightPanel {
    position: relative;
    vertical-align: top;
    display: inline-block;
    height: 100%;
    margin-right: 20px;
    width: calc(100% - 450px);
}

.vision-sampleView-workArea-rightPanel.expanded {
    width: calc(100% - 40px);
}

.vision-sampleView-workArea-left.fixed {
    margin-left: 20px;
}

.vision-sampleView-workArea-left>.vision-sampleCommon {
    margin: 10px 20px 20px;
}

.vision-sampleView-workArea-left>div.vision-sample-customAttr-folder {
    margin-top: 10px;
    margin-left: 4px;
}

.vision-sampleAttributes {
    margin: 0 20px;
}
div.info-panel.bp5-toast-container {
    position: inherit;
    height: 40px;
    width: 100%;
    line-height: 40px;
    z-index: 4;
    margin: 0;
    padding: 0;
    opacity: 0.92;
}

div.info-panel.bp5-toast-container div.bp5-toast {
    padding: 0;
    max-width: inherit;
    width: 100%;
    margin: 0;
}

div.info-panel.bp5-toast-container div.bp5-toast span.bp5-icon {
    max-width: inherit;
}

div.info-panel.bp5-toast-container div.bp5-toast span.bp5-toast-message {
    padding: 0;
}

.rotateMenu {
    padding-left: 25px;
    padding-right: 25px;
}

.rotateMenu-field {
    padding-top: 10px;
    width: 300px;
    display: flex;
    align-items: center;
}

.rotateSelect-button-width {
    width: 50px;
}

#rotate-anchor-button::after {
    padding-left: 10px;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.ql-disabled
{
    border: none !important;
}

.popover-empty
{
    min-width: 160px;
}

.internal-link
{
    color: #01a049;
    cursor: pointer;
    font-weight: normal;
    border-bottom: none;
    text-decoration: none;
}

.internal-link:hover
{
    color: #04a63f;
    background-color: transparent;
    text-decoration: underline;
}

.ql-editor a.internal-link
{
    color: #01a049 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    font-weight: normal;
}

.ql-editor a.internal-link:hover
{
    background-color: transparent !important;
    text-decoration: underline !important;
}

.ql-toolbar .ql-internal-link .bp5-icon-pin::before
{
    font-size: 18px;
    color: #444;
}

.ql-toolbar .ql-internal-link .bp5-icon-pin:hover::before
{
    font-size: 18px;
    color: #0066cc;
}

.bp5-dark .ql-toolbar .ql-link:hover
{
    font-size: 18px;
    color: #0066cc;
}

.bp5-dark .ql-toolbar .ql-internal-link .bp5-icon-pin:hover::before
{
    font-size: 18px;
    color: #0066cc;
}

.bp5-dark .ql-toolbar .ql-internal-link .bp5-icon-pin::before
{
    font-size: 18px;
    color: #c3cbd8;
}

.ql-toolbar .ql-internal-link.ql-active .bp5-icon-pin::before
{
    color: #01a049;
}

.dark .ql-container, .dark-mode-quill .ql-container
{
    background-color: var(--bp-black);
    color: #e5e7eb !important;
}

.dark .ql-editor, .dark-mode-quill .ql-editor
{
    background-color: var(--bp-black);
    color: #e5e7eb !important;
    border: 1px solid #4f4f4f !important;
}

.dark-mode-quill .ql-toolbar.ql-snow
{
    border: 1px solid #4f4f4f !important;
    background-color: var(--bp-black);
    color: var(--bp-light-gray5);
}

.dark-mode-quill > .ql-snow .ql-picker.ql-expanded .ql-picker-options
{
    background-color: var(--bp-black);
    color: var(--bp-light-gray5);
}

.dark-mode-quill > .ql-snow .ql-picker-options .ql-picker-item
{
    background-color: var(--bp-black);
    color: var(--bp-light-gray5);
}

.dark-mode-quill > .ql-snow .ql-tooltip
{
    background-color: var(--bp-black);
    color: var(--bp-light-gray5);
}

.dark-mode-quill > .ql-snow .ql-tooltip a
{
    background-color: var(--bp-black);
    color: var(--bp-light-gray5);
}

.dark-mode-quill > .ql-snow .ql-stroke
{
    stroke: #c3cbd8;
}

.dark-mode-quill > .ql-snow .ql-active .ql-stroke
{
    stroke: #cdd0d8;
}

.dark-mode-quill > .ql-snow .ql-fill
{
    fill: #abb3bf;
}

.dark-mode-quill > .ql-snow .ql-active .ql-fill
{
    fill: #cdd0d8;
}

.dark-mode-quill .ql-snow .ql-picker {
    color: var(--bp-light-gray5);
    background-color: var(--bp-black);
}

.dark .ql-editor h1, .dark .ql-editor h2, .dark .ql-editor h3, .dark .ql-editor strong
{
    color: #f3f4f6;
}

.dark .ql-snow a {
    color: #8abbff;
}

.dark .ql-editor blockquote {
    border-left-color: #6b7280;
    color: #9ca3af;
}

.dark .ql-editor pre {
    background-color: #374151;
    color: #e5e7eb;
}

.bp5-dark .ql-container.ql-snow {
    border: 1px solid #4f4f4f;
}

.bp5-dark .ql-container.ql-snow.ql-disabled {
    border: none !important;
}

.description-block-header {
    color: #5d707f;
    background: #eaeff3;
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
}

.bp5-dark .description-block-header {
    color: var(--bp-light-gray5);
    background: var(--bp-dark-gray1);
}

.bp5-dark .vision-sample-pap-multi-column3 {
    background-color: var(--bp-black);
}

.vision-sample-pap-multi-column3 {
    background-color: var(--bp-white);
}

.quill .ql-container.ql-snow
{
    height: 100%;
    border: 0;
}

.quill
{
    height: calc(100% - 185px);
}

.bp5-dark .description-readonly.ql-editor
{
    border: 1px solid #4f4f4f !important;
}

.bp5-dark .description-readonly.ql-editor a
{
    color: #06c;
}

.description-readonly.ql-editor
{
    border: 1px solid #ccc;
    height: calc(100% - 40px);
}

.ql-editor
{
    height: calc(100% + 145px);
    overflow: auto;
    border: 1px solid #ccc;
}

.ql-container.ql-snow[contenteditable="false"] {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

.ql-editor[contenteditable="false"] {
    user-select: text !important;
    -webkit-user-select: text !important;
    cursor: text !important;
}

.ql-toolbar.ql-snow .ql-formats
{
    position: relative;
    margin-right: 5px;
    padding-right: 5px;
}

.ql-toolbar.ql-snow .ql-formats:not(:last-child)::after
{
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: calc(100% - 10px);
    background: #c5cbd3;
}

.dark-mode-quill .ql-toolbar.ql-snow .ql-formats:not(:last-child)::after
{
    background: #5c6570;
}

#editor .ql-toolbar.ql-snow
{
    position: relative;
    z-index: 2;
    white-space: nowrap;
    overflow: visible;
}

.area-tooltip
{
    width: 100% !important;
}

.ql-editor[contenteditable="true"], .ql-editor[contenteditable="true"] a, .ql-editor[contenteditable="true"] a.internal-link
{
    cursor: text !important;
}

.ctrl-link-mode .ql-editor[contenteditable="true"] a, .ctrl-link-mode .ql-editor[contenteditable="true"] a.internal-link
{
    cursor: pointer !important;
}
div.simple-table .drag-place {
    position: relative;
    width: 0;
    height: 0;
}

div.simple-table .drag-place .dragger {
    position: absolute;
    width: 2px;
    background-color: #5c7080;
    z-index: 5;
}

div.simple-table .work-area {
    overflow-x: auto;
    overflow-y: hidden;
}

div.simple-table .work-area > div {
    width: inherit !important;
}

div.simple-table .table-columns {
    position: relative;
    white-space: nowrap;
    border-top: 1px solid #c9ced2;
    border-bottom: 1px solid #c9ced2;
    color: #5d707f;
    font-size: 14px;
    height: 31px;
    background-color: #f5f8fa;
}

.bp5-dark div.simple-table .table-columns {
    border-top: 1px solid var(--bp-gray1);
    border-bottom: 1px solid var(--bp-gray1);
    color: var(--bp-light-gray1);
    background-color: var(--bp-dark-gray1);
}

div.simple-table .table-columns .table-column {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    line-height: 30px;
}

div.simple-table .table-columns .table-column:hover {
    background-color: #e1e8ed;
}

.bp5-dark div.simple-table .table-columns .table-column:hover {
    background-color: var(--bp-dark-gray5);
}

div.simple-table .resizing .table-columns .table-column:hover {
    background-color: transparent;
}

div.simple-table .table-columns .column-resizer {
    position: absolute;
    display: inline-block;
    height: 29px;
    width: 16px;
    cursor: col-resize;
    margin: 0 0 0 -8px;
    z-index: 4;
}

div.simple-table .resizing .table-columns .column-resizer.active {
    background-image: linear-gradient(90deg, #c9ced2, #f5f8fa);
}

div.simple-table .table-columns .column-resizer:hover {
    background-image: linear-gradient(90deg, #c9ced2, #f5f8fa);
}

.bp5-dark div.simple-table .resizing .table-columns .column-resizer.active {
    background-image: linear-gradient(90deg, var(--bp-gray1), var(--bp-dark-gray5));
}

.bp5-dark div.simple-table .table-columns .column-resizer:hover {
    background-image: linear-gradient(90deg, var(--bp-gray1), var(--bp-dark-gray5));
}

div.simple-table .table-body .table-row {
    white-space: nowrap;
    font-size: 14px;
    height: 30px;
    color: #182026;
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
}

.bp5-dark div.simple-table .table-body .table-row {
    color: var(--bp-light-gray5);
}

div.simple-table .table-body .table-row.selected {
    background-color: #e7f2f8;
}

.bp5-dark div.simple-table .table-body .table-row.selected {
    background-color: var(--bp-dark-gray4);
}

div.simple-table:focus-within .table-body .table-row.selected {
    box-shadow: inset 0 0 0 rgba(19, 124, 189, 1), inset 0 -1px 0 rgba(19, 124, 189, 1), inset 0 1px 0 rgba(19, 124, 189, 1);
}

div.simple-table:focus .table-body .table-row.selected {
    box-shadow: inset 0 0 0 rgba(19, 124, 189, 1), inset 0 -1px 0 rgba(19, 124, 189, 1), inset 0 1px 0 rgba(19, 124, 189, 1);
}

div.simple-table .table-body .table-row:hover {
    background-color: #fbfbfb;
}

.bp5-dark div.simple-table .table-body .table-row:hover {
    background-color: var(--bp-dark-gray5);
}

div.simple-table .resizing .table-body .table-row:hover {
    background-color: transparent;
}

div.simple-table .table-body .table-row .table-cell {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    line-height: 30px;
}

div.simple-table .table-body .table-row .table-cell.editable {
    padding: 0;
    box-shadow: rgba(19, 124, 189, 1) 0 0 6px;
}

div.simple-table .table-body .table-row .table-cell.editable input[type="text"] {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 9px;
    border: 1px solid rgba(19, 124, 189, 1);
    border-radius: 0;
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif;
    font-size: 14px;
}

div.simple-table .table-body .table-row .table-cell .animated::before {
    display: inline-block;
    transition: transform ease 0.25s;
}

div.simple-table .table-body .table-row .table-cell .ccw::before {
    transform: rotate(-90deg);
    display: inline-block;
}

div.simple-table input[type="text"].typing {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    background-color: red;
    border: 0 transparent;
    z-index: -1;
}
.vision-flagCells-innerColumn {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.vision-flagCells-tableFlex {
    overflow: auto;
    flex: 1 1 100%;
}

.vision-flagCells-commentFlex {
    flex: none;
    padding: 15px;
    box-shadow: inset 0 0.5px 0 0 #a0a0a0;
}
div.vision-table .bp5-table-cell {
    font-size: 14px;
    padding: 0 4px;
}

div.vision-table .bp5-table-quadrant-scroll-container {
    border-bottom: 1px solid #c9ced2;
}

div.vision-table .bp5-table-quadrant-top {
    border-top: 1px solid #c9ced2;
}

div.vision-table .bp5-table-column-name {
    font-size: 14px;
    line-height: 28px;
}

div.vision-table .bp5-table-column-headers {
    color: #5d707f;
}

.bp5-dark div.vision-table .bp5-table-column-headers {
    color: var(--bp-light-gray1);
    background: var(--bp-dark-gray1);
}

.bp5-dark div.vision-table .bp5-table-top-container {
    background: var(--bp-dark-gray1);
    border-bottom: 1px solid var(--bp-gray1);
}

div.vision-table .bp5-table-cell .bp5-table-truncated-text {
    line-height: 30px;
}

div.vision-table .bp5-table-cell .bp5-table-editable-text {
    line-height: 30px;
}

.vision-table .bp5-table-body-cells .bp5-table-cell {
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
    cursor: default;
}

.vision-table .bp5-table-body-cells .bp5-table-last-in-column {
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), 0 1px 0 rgba(16, 22, 26, 0.15);
}

.vision-table .bp5-table-column-headers .bp5-table-header {
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
}

.vision-table {
    box-shadow: 0 0 0;
}

.vision-table:focus {
    outline: 0;
}

.vision-table .bp5-table-quadrant-main {
    background: #ffffff;
}

.bp5-dark .vision-table .bp5-table-quadrant-main {
    background: var(--bp-black);
}

.bp5-dark .vision-table .bp5-table-quadrant-main .bp5-table-cell-client {
    background: var(--bp-black);
}

div.vision-table.vision-concentration-editCell-fix .bp5-table-quadrant-scroll-container {
    overflow-y: hidden;
}

.bp5-editable-text-editing {
    margin-top: 1px;
    height: calc(100% - 2px) !important;
}

.bp5-editable-text-input {
    margin-top: -1px;
}

.bp5-table-editable-name.bp5-editable-text::before {
    left: 0;
    right: 0;
    width: calc(100% - 2px);
}

.vision-sample-wbc-column-left {
    vertical-align: top;
    display: inline-block;
    width: 360px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-right: 20px;
}

.vision-sample-wbc-column-right {
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 420px);
    height: 100%;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
}

.vision-sample-wbc-column-right.expanded {
    width: calc(100% - 40px);
}

.vision-sample-wbc-innerColumn {
    width: calc(100% + 17px);
    height: 100%;
    overflow-y: scroll;
}

.vision-sample-wbc-colorPicker {
    width: 15px;
    height: 10px;
    margin: 7px 0 0 5px;
}

.vision-sample-wbc-gallery-groupHeader {
    background-color: #e1e8ed;
    padding: 6px 9px;
    border-radius: 3px;
}

.vision-sample-wbc-gallery-groupBody {
    padding: 6px 9px;
    color: #a19faf;
}

.vision-sample-wbc-gallery-cellImage {
    margin: 3px;
    box-shadow: 0 0 1px 1px #8a9ba8;
}

.vision-sample-wbc-hotkeyInput {
    text-align: center;
    cursor: text;
    width: 100%;
    height: 28px;
}

.vision-sample-wbc-hotkeyInput:focus {
    outline: 0;
}

.vision-sample-wbc-hotkeyInputFocused {
    box-shadow: inset 0 0 1px 1px rgba(2, 116, 175, 0.77);
    background: #ffffff;
    z-index: 50;
    position: relative;
}

.bp5-dark .vision-sample-wbc-hotkeyInputFocused {
    background: var(--bp-black);
}
div.cellgallery {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    cursor: default;
    background-color: #ffffff;
}

.bp5-dark div.cellgallery {
    background-color: var(--bp-black);
}

div.cellgallery div.cellgallery {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

div.cellgallery div.part {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid black;
    margin: 4px;
    padding: 0;
}

div.cellgallery div.scroll-helper {
    display: inline-block;
    width: 0;
}

div.cellgallery div.thumbnail {
    position: absolute;
    display: inline-block;
    border: 1px solid #d8d6d7;
    color: #182026;
    overflow: hidden;
    text-overflow: ellipsis;
    font: normal 13px Arial, Verdana;
    padding: 2px;
    text-shadow: -1px -1px 1px #ffffff, 0 -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 0 1px #ffffff, 1px 0 1px #ffffff, -1px 1px 1px #ffffff, 0 1px 1px #ffffff, 1px 1px 1px #ffffff;
    z-index: 1;
}

.bp5-dark div.cellgallery div.thumbnail {
    border: 1px solid var(--bp-dark-gray5);
}

div.cellgallery div.selected {
    border: 1px solid #3399ff;
    box-shadow: inset #3399ff 0 0 2px 1px;
}

div.cellgallery div.focused {
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
}

div.cellgallery div.selected.focused {
    box-shadow: inset #3399ff 0 0 2px 1px, inset 0 0 8px 0 rgba(0, 0, 0, 0.75);
}

div.cellgallery div.fixeader {
    position: absolute;
    display: inline-block;
    overflow: visible;
    z-index: 3;
    max-width: calc(100% - var(--scrollbar-width, 0px));
}

div.cellgallery .fixeader div.header {
    border-top: 0;
}

div.cellgallery div.header {
    position: absolute;
    display: inline-block;
    border-top: 1px solid #c9ced2;
    border-bottom: 1px solid #c9ced2;
    background-color: #eaeff3;
    color: #5d707f;
    font: normal 13px Arial, Verdana;
    padding: 2px 10px 0;
    z-index: 10;
}

.bp5-dark div.cellgallery div.header {
    border-top: 1px solid var(--bp-gray1);
    border-bottom: 1px solid var(--bp-gray1);
    color: var(--bp-light-gray5);
    background-color: var(--bp-dark-gray3);
}

div .cellgallery div.group {
    position: absolute;
    display: inline-block;
    background-color: #ffffff;
    color: #808080;
    font: normal 13px Arial, Verdana;
    padding: 17px 0 0 10px;
    z-index: 0;
}

.bp5-dark div .cellgallery div.group {
    background-color: var(--bp-black);
    color: var(--bp-light-gray5);
}

div.cellgallery div.group-selected {
    background-color: #deecf4 !important;
    border-bottom: 1px solid #137cbd;
}

.bp5-dark div.cellgallery div.group-selected {
    background-color: var(--bp-blue2) !important;
}

div.cellgallery div.header-selected {
    background-color: #b0dbf2 !important;
    border-top: 1px solid #137cbd;
    border-bottom: 1px solid #137cbd;
}

.bp5-dark div.cellgallery div.header-selected {
    background-color: var(--bp-blue3) !important;
}

div.cellgallery div.scrollbar {
    position: absolute;
    display: inline-block;
}

div.cellgallery div.marker {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

div.cellgallery div.marker::before {
    right: 0;
    top: 0;
    display: block;
    content: "";
    position: absolute;
    border-left: 18px solid transparent;
    border-top: 18px solid rgba(0, 0, 0, 0.6);
    pointer-events: none;
}

div.cellgallery div.marker::after {
    display: block;
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 15px 0 0 15px;
    top: 1px;
    right: 1px;
    pointer-events: none;
}

div.cellgallery div.marker-blue::after {
    border-color: #2471c3 transparent transparent;
}

div.cellgallery div.marker-green::after {
    border-color: #23b023 transparent transparent;
}

div.cellgallery div.marker-purple::after {
    border-color: #c92ece transparent transparent;
}

div.cellgallery div.marker-red::after {
    border-color: #df2323 transparent transparent;
}

div.cellgallery div.marker-yellow::after {
    border-color: #e2c606 transparent transparent;
}

div.cellgallery div.has-comment {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

div.cellgallery div.has-comment::before {
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    position: absolute;
    border-left: 18px solid rgba(0, 0, 0, 0.6);
    border-top: 18px solid transparent;
    pointer-events: none;
}

div.cellgallery div.has-comment::after {
    display: block;
    content: "";
    position: absolute;
    border-left: 15px solid #bbbbbb;
    border-top: 15px solid transparent;
    bottom: 1px;
    left: 1px;
    pointer-events: none;
}

div.cellgallery-drag-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    cursor: grabbing;
}

div.cellgallery-drag-container div.dragger {
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #d8d6d7;
    background-color: #d8d6d7;
    color: #182026;
    font: normal 13px Arial, Verdana;
    text-shadow: -1px -1px 1px #ffffff, 0 -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 0 1px #ffffff, 1px 0 1px #ffffff, -1px 1px 1px #ffffff, 0 1px 1px #ffffff, 1px 1px 1px #ffffff;
    z-index: 9999;
    margin: 0;
    padding: 0;
    cursor: -webkit-grabbing;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
    transition: transform 0.5s ease;
}

div.cellgallery.progress-bar {
    overflow: auto;
    width: calc(100% - 10px);
    height: 3px;
    top: 0;
    position: absolute;
    z-index: 10;
    background-color: transparent;
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms ease;
}

div.cellgallery.progress-bar div.progress {
    overflow: auto;
    height: inherit;
    top: 0;
    position: absolute;
    background-color: #137cbd;
}

div.cellgallery.progress-bar div.animate {
    transition: width 200ms ease;
}
.vision-TypesTreeTable-eye {
    padding-left: 5px;
    font-size: 14px;
}

.vision-TypesTreeTable-eyeHead {
    margin: 6px;
}

.vision-TypesTreeTable-countHead {
    font-size: 15px;
}

.vision-TypesTreeTable-eyeCell {
    margin-left: 2px;
    margin-top: 7px;
    cursor: pointer;
    color: #5d707f;
}

.vision-TypesTreeTable-eyeCell-popover {
    width: 18px;
}

.vision-TypesTreeTable-popover {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 4px;
}

.vision-TypesTreeTable .bp5-table-header-content {
    display: inline-grid;
}

.vision-TypesTreeTable-hotkeyHead-popover {
    padding: 0 10px;
}

.vision-TypesTreeTable .bp5-table-column-headers {
    color: #5d707f;
    background: #eaeff3;
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
}

.bp5-dark .vision-TypesTreeTable .bp5-table-column-headers {
    color: var(--bp-light-gray5);
    background: var(--bp-dark-gray1);
}

.vision-TypesTreeTable .bp5-table-cell {
    font-size: 14px;
    padding: 0 4px;
}

.vision-TypesTreeTable .bp5-table-column-headers .bp5-table-header {
    box-shadow: 0 0 0;
    line-height: 28px;
    height: 30px;
}

.vision-TypesTreeTable .bp5-table-quadrant-top {
    background: #eaeff3;
    padding-top: 1px;
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
}

.bp5-dark .vision-TypesTreeTable .bp5-table-quadrant-top {
    background: var(--bp-black);
}

.bp5-dark .vision-TypesTreeTable .bp5-table-cell-client {
    background: var(--bp-black);
}

.vision-TypesTreeTable .bp5-table-body-cells .bp5-table-cell {
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
    line-height: 28px;
    cursor: default;
}

.vision-TypesTreeTable .bp5-table-body-cells .bp5-table-last-in-column {
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), 0 1px 0 rgba(16, 22, 26, 0.15);
}

.vision-TypesTreeTable:focus {
    outline: 0;
}

.vision-TypesTreeTable .bp5-table-quadrant-main {
    background: #ffffff;
}

.bp5-dark .vision-TypesTreeTable .bp5-table-quadrant-main {
    background: var(--bp-black);
}

.bp5-table-body-cells .bp5-table-cell.vision-TypesTreeTable-colorCell {
    padding: 0;
}

.vision-TypesTreeTable-tableDiv {
    width: 100%;
}

.bp5-dark .vision-sampleView-workArea-left .bp5-table-header.bp5-table-last-in-row, .bp5-dark .vision-flagCells-tableFlex .bp5-table-header.bp5-table-last-in-row {
    background-color: var(--bp-dark-gray1);
}

.vision-TypesTreeTable.onlyheader, .vision-rbc-treeTable.onlyheader {
    min-height: 30px;
    max-height: 30px;
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
}

.vision-TypesTreeTable.onlybody .bp5-table-top-container, .vision-TypesTreeTable.onlybody .bp5-table-quadrant.bp5-table-quadrant-top, .vision-rbc-treeTable.onlybody .bp5-table-top-container, .vision-rbc-treeTable.onlybody .bp5-table-quadrant.bp5-table-quadrant-top {
    display: none;
}
.vision-sample-rbc-column-left {
    vertical-align: top;
    display: inline-block;
    width: 390px;
    height: 100%;
    overflow: hidden;
    background: white;
    margin-right: 20px;
}

.bp5-dark .vision-sample-rbc-column-left {
    background: var(--bp-black);
}

.vision-sample-rbc-column-right {
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 450px);
    height: 100%;
    margin-right: 20px;
    position: relative;
}

.vision-sample-rbc-column-right.expanded {
    width: calc(100% - 40px);
}

.vision-sample-rbc-circle {
    margin: 8px 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    box-shadow: inset 0 0 1px 0 #4c494c;
}

.vision-sample-rbc-circleEditable {
    cursor: pointer;
}

.vision-sample-rbc-circleEditable.disabled {
    cursor: not-allowed;
}

.vision-sample-rbc-columnName {
    margin-left: 8px;
    font-size: 13px;
}

.vision-sample-rbc-circleGreen {
    background: #299229;
}

.vision-sample-rbc-circleRed {
    background: #db0000;
}

.vision-sample-rbc-circleBlank {
    background: #f3f2f2;
}

.vision-sample-rbc-cellGalleryModeButton {
    height: 40px;
    width: 40px;
    padding: 8px;
    vertical-align: top;
}

span button .vision-sample-rbc-groupSelect .bp5-button {
    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
    background: #ffffff;
    min-width: 120px;
    display: inline-block;
    vertical-align: top;
}

.vision-sample-rbc-groupSelect .bp5-icon-caret-down {
    position: relative;
    top: 2px;
}

.vision-sample-rbc-groupSelectLabel {
    min-width: 80px;
    display: inline-block;
    text-align: left;
}

.vision-sample-rbc-showMaskButton {
    height: 40px;
    width: 40px;
    padding: 8px;
    margin-left: 20px;
    vertical-align: top;
}

.vision-rbc-treeTable .bp5-table-column-headers {
    color: #5d707f;
    background: #eaeff3;
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
}

.vision-rbc-treeTable .bp5-table-header-content {
    display: inline-grid;
}

.bp5-dark .vision-rbc-treeTable .bp5-table-column-headers {
    background: var(--bp-dark-gray1);
    color: var(--bp-light-gray5);
}

.vision-rbc-treeTable .bp5-table-cell {
    font-size: 14px;
    padding: 0 4px;
}

.vision-rbc-treeTable .bp5-table-column-headers .bp5-table-header {
    box-shadow: 0 0 0;
    line-height: 28px;
    height: 30px;
}

.vision-rbc-treeTable .bp5-table-quadrant-top {
    background: #eaeff3;
    padding-top: 1px;
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
}

.bp5-dark .vision-rbc-treeTable .bp5-table-quadrant-top {
    background: var(--bp-black);
}

.vision-rbc-treeTable .bp5-table-body-cells .bp5-table-cell {
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), inset 0 -1px 0 rgba(16, 22, 26, 0.15);
    line-height: 28px;
    cursor: default;
}

.vision-rbc-treeTable .bp5-table-body-cells .bp5-table-last-in-column {
    box-shadow: inset 0 0 0 rgba(16, 22, 26, 0.15), 0 1px 0 rgba(16, 22, 26, 0.15);
}

.vision-rbc-treeTable:focus {
    outline: 0;
}

.vision-rbc-treeTable .bp5-table-quadrant-main {
    background: #ffffff;
}

.bp5-dark .vision-rbc-treeTable .bp5-table-quadrant-main {
    background: var(--bp-black);
}

.bp5-dark .vision-rbc-treeTable .bp5-table-cell-client {
    background: var(--bp-black);
}

.vision-rbc-fitToZoom {
    height: 40px;
    width: 40px;
    margin-right: 20px;
}

.bp5-table-cell .bp5-tether-target:focus {
    outline: 0;
}
.vision-sample-pap-innerColumn {
    width: calc(100% + 17px);
    height: 100%;
    overflow-y: scroll;
}

.vision-sampleView-workArea-results {
    background: white;
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow: auto;
}

.bp5-dark .vision-sampleView-workArea-results {
    background: var(--bp-black);
}

.vision-sampleView-workArea-results .papHalf {
    width: 50%;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

.vision-sampleView-workArea-main {
    position: relative;
    vertical-align: top;
    display: inline-block;
    height: 100%;
    width: calc(100% - 420px);
}

.vision-sampleView-workArea-leftRight {
    position: relative;
    vertical-align: top;
    display: inline-block;
    height: 100%;
    margin-right: 20px;
    width: calc(100% - 420px);
}

.vision-sampleView-workArea-leftRight.expanded {
    width: calc(100% - 40px);
}

.vision-sample-pap-multi-inner {
    width: 100%;
    height: 100%;
}

.vision-sample-pap-multi-column2 {
    position: relative;
    vertical-align: top;
    display: inline-block;
    height: 100%;
    width: calc(100% - 410px);
}

.vision-sample-pap-multi-column3 {
    position: relative;
    vertical-align: top;
    display: inline-block;
    height: 100%;
    margin-left: 20px;
    width: 390px;
}

.vision-sample-pap-multi-navBarRight {
    position: absolute;
    vertical-align: top;
    display: inline-block;
    left: calc(100% - 151px);
}

@media only screen and (max-width: 1500px) {

    .vision-sample-pap-multi-navBarRight {
        left: calc(100% - 151px);
    }
}

.multiscale-container {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
}

.annotation-edit-body {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}
div.slides-listbox {
    vertical-align: top;
    display: inline-flex;
    width: 100%;
    height: 173px;
    padding: 7px 11px;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    cursor: default;
    background-color: #ffffff;
    margin-top: 20px;
}

.bp5-dark div.slides-listbox {
    background-color: var(--bp-black);
}

div.slides-listbox div.thumbnail {
    position: absolute;
    display: inline-block;
    border: 1px solid #d8d6d7;
    color: #182026;
    overflow: hidden;
    text-overflow: ellipsis;
    font: normal 13px Arial, Verdana;
    background-position-x: center !important;
    background-position-y: center !important;
    padding: 2px;
    text-shadow: -1px -1px 1px #ffffff, 0 -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 0 1px #ffffff, 1px 0 1px #ffffff, -1px 1px 1px #ffffff, 0 1px 1px #ffffff, 1px 1px 1px #ffffff;
    z-index: 1;
}

div.slides-listbox div.focused {
    border: 1px solid #3399ff;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
}

div.slides-listbox div.scrollbar {
    position: absolute;
    display: inline-block;
}

div.slides-listbox div.marker {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
}

div.slides-listbox div.marker::before {
    right: 0;
    top: 0;
    display: block;
    content: "";
    position: absolute;
    border-left: 18px solid transparent;
    border-top: 18px solid rgba(0, 0, 0, 0.6);
}

div.slides-listbox div.marker::after {
    display: block;
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 15px 0 0 15px;
    top: 1px;
    right: 1px;
}

div.slides-listbox div.marker-blue::after {
    border-color: #2471c3 transparent transparent;
}

div.slides-listbox div.marker-green::after {
    border-color: #23b023 transparent transparent;
}

div.slides-listbox div.marker-purple::after {
    border-color: #c92ece transparent transparent;
}

div.slides-listbox div.marker-red::after {
    border-color: #df2323 transparent transparent;
}

div.slides-listbox div.marker-yellow::after {
    border-color: #e2c606 transparent transparent;
}

div.slides-listbox div.has-comment {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

div.slides-listbox div.has-comment::before {
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    position: absolute;
    border-left: 18px solid rgba(0, 0, 0, 0.6);
    border-top: 18px solid transparent;
    pointer-events: none;
}

div.slides-listbox div.has-comment::after {
    display: block;
    content: "";
    position: absolute;
    border-left: 15px solid #bbbbbb;
    border-top: 15px solid transparent;
    bottom: 1px;
    left: 1px;
    pointer-events: none;
}

div.slides-listbox input.slide-checkbox {
    position: absolute;
    margin: 1px 0 0 4px;
    width: 15px;
}
button img.vector, a img.vector {
    margin-top: 2px;
}

button.bp5-button.bp5-icon-large::before {
    font-family: "blueprint-icons-20", sans-serif;
    font-size: 20px;
    line-height: 0.9;
    width: 20px;
}

a.bp5-button.bp5-icon-large::before {
    font-family: "blueprint-icons-20", sans-serif;
    font-size: 20px;
    line-height: 0.9;
    width: 20px;
}

.no-mouse-events {
    pointer-events: none;
}

.vision-sample-expander {
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    width: 20px;
    height: 100%;
    overflow: hidden;
}

.vision-sample-expander button {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #5c7080;
    background-color: transparent;
    border: none;
    transition: transform ease 0.5s;
}

.vision-sample-expander button.expanded {
    transform: scaleX(-1);
}

.vision-sample-expander button:hover {
    background-color: #d6dee5;
    cursor: pointer;
}

.vision-sampleView-with-glass-gallery {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.chevron-rotated {
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}
.vision-sample-digital-slide {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    margin-left: 20px;
    margin-top: 20px;
}

@media screen and (max-width: 800px) {

    .vision-sample-digital-slide {
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-top: 0;
    }
}

.vision-sample-digital-slide .thumbnail {
    position: absolute;
    display: inline-block;
    border: 1px solid #d8d6d7;
    color: #182026;
    overflow: hidden;
    text-overflow: ellipsis;
    font: normal 13px Arial, Verdana;
    background-position-x: center !important;
    background-position-y: center !important;
    padding: 2px;
    text-shadow: -1px -1px 1px #ffffff, 0 -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 0 1px #ffffff, 1px 0 1px #ffffff, -1px 1px 1px #ffffff, 0 1px 1px #ffffff, 1px 1px 1px #ffffff;
    z-index: 1;
}

.vision-sample-digital-slide .thumbnail.focused {
    border: 1px solid #3399ff;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
}
.glass-flex-items-selected {
    background: rgba(255, 255, 255, 0.4);
    width: 102px;
    height: 248px;
    margin-top: 15px;
    line-height: 300px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
    margin-left: 5px;
    border: 1px;
    border-style: solid;
    border-color: blue;
    display: inline-block;
    cursor: pointer;
}

.glass-flex-items-selected:first-child {
    background: rgba(255, 255, 255, 0.4);
    width: 102px;
    height: 248px;
    margin-top: 15px;
    line-height: 300px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
    border: 1px;
    border-style: solid;
    border-color: blue;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 2px;
    margin-left: 1%;
}

.glass-flex-container-gallery {
    display: flex;
    flex-flow: nowrap;
    padding: 0;
    overflow-x: auto;
    margin-left: 20px;
    margin-right: 20px;
    overflow-y: hidden;
    border: 1px;
    border-style: solid;
    border-color: #e4e4e4;
    background-color: white;
    margin-top: 7px;
    height: 285px;
}

.vision-glassGallery-noSampleState {
    height: 285px;
}

.bp5-dark .glass-flex-container-gallery {
    background-color: var(--bp-black);
    border-color: var(--bp-gray1);
}

.glass-flex-items {
    background: rgba(255, 255, 255, 0.4);
    width: 102px;
    height: 248px;
    margin-top: 15px;
    line-height: 300px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
    margin-left: 5px;
    border: 1px;
    border-style: solid;
    border-color: #e4e4e4;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 2px;
}

.glass-flex-items:first-child {
    background: rgba(255, 255, 255, 0.4);
    width: 102px;
    height: 248px;
    margin-top: 15px;
    line-height: 300px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
    border: 1px;
    border-style: solid;
    border-color: #e4e4e4;
    display: inline-block;
    cursor: pointer;
    margin-left: 1%;
}

.glass-flex-item-samples {
    width: 100px;
    height: 190px;
    position: relative;
}

.glass-flex-item-barcode-gallery {
    width: 100px;
    height: 58px;
    background: rgba(231, 231, 231, 0.8);
    line-height: 65px;
    margin-top: -2px;
}

.glass-barcode-images {
    width: 100%;
    height: 58px;
    display: flex;
}

.glass-preview-images {
    height: 100px;
    transform: rotate(90deg) translate(-7px, 28px);
    width: 156px;
    object-fit: contain;
    pointer-events: none;
}

.glass-preview-hint {
    font-size: 14px;
    white-space: nowrap;
}

.glass-popover-button {
    display: block;
    margin-top: 3px;
    position: relative;
    text-align-last: center;
    width: 17px;
    height: 17px;
    left: 8px;
    min-width: 16px;
    min-height: 16px;
    padding: 0 7px;
    padding-left: 3px;
}

.glass-popover-body {
    max-height: 280px;
    width: 340px;
    padding: 20px;
    overflow: auto;
}

.glass-popover-column {
    padding-top: 5px;
    margin: -10px;
}

.glass-popover-column>.attribute, .glass-popover-column>.value {
    white-space: nowrap;
}

.glass-popover-wrapper {
    top: -300px;
    left: 40px;
    display: none;
}
div.admin-key-dialog .bp5-dialog-body {
    text-align: right;
    margin: 20px 20px 10px;
}

div.admin-key-dialog input[type="password"] {
    width: 170px;
}

div.admin-key-dialog input.bp5-intent-primary {
    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

div.admin-key-dialog .admin-login-textInputLabel {
    text-align: left;
    float: left;
    width: 150px;
    line-height: 17px;
}

div.admin-key-dialog {
    width: 370px;
}

div.admin-key-dialog label.bp5-label {
    margin: 1px 0 9px;
}

div.admin-key-dialog button.bp5-button {
    width: 80px;
}

.bp5-dialog-close-button {
    width: 30px !important;
}

.admin-key-dialog .admin-key-error {
    color: red;
}

.bp5-dark .admin-key-dialog .admin-key-error {
    color: var(--bp-red5);
}

.admin-key-dialog .change-error {
    margin-top: -10px;
    text-align: left;
    margin-left: 160px;
}

.admin-key-dialog .length-error {
    margin-bottom: -5px;
    margin-top: -7px;
}

.admin-key-dialog .mismatch-error {
    margin-bottom: -5px;
    margin-top: -7px;
}
.vision-invisibleInput {
    position: absolute;
    width: 0;
    height: 0;
    border: 0;
}

.admin-error-dialog {
    width: 550px;
}

.admin-error-portal {
    z-index: 30;
}
.loading-panel {
    position: absolute;
    right: 0;
    background-color: #ffffff;
    width: 50px;
    height: 20px;
    z-index: 3;
    opacity: 0;
    transition: opacity ease 1s;
    pointer-events: none;
}

.bp5-dark .loading-panel {
    background-color: var(--bp-dark-gray3);
}

.loading-panel .progress {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 100%;
    height: 100%;
}

.loading-panel .progress .pane {
    padding: 4px 0 0;
}

.loading-panel .progress .pane .item {
    opacity: 1;
    transition: opacity ease 1s;
    display: inline-block;
    margin: 1px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}
.profile-form {
    padding: 20px;
}

.profile-form .topPanel {
    display: grid;
    grid-template-columns: 145px auto auto;
}

.profile-form .topPanel .avatar-buttons {
    text-align: right;
}

.profile-form .imgInput {
    display: none;
}

.profile-form .topPanel .avatar-buttons button {
    display: block;
    margin-right: 0;
    margin-left: auto;
}

.profile-form .imgButton-a {
    width: 160px;
}

.profile-form .imgButton-b {
    margin-top: 10px;
    width: 160px;
}

.profile-form .info .input {
    display: grid;
    grid-template-areas: "vision-Profile-label label" "vision-Profile-field content";
    grid-template-columns: 120px auto;
    clear: both;
    column-gap: 25px;
}

.profile-form .info .label {
    margin-top: 15px;
}

.profile-form .info .field {
    border-radius: 4px;
    margin-top: 10px;
    width: 100%;
}

.profile-form .info .field select {
    width: 100%;
}

.profile-form .info label.bp5-radio {
    margin-bottom: 0;
    margin-top: 10px;
}

.profile-form .buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.profile-form .buttons button {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 120px;
}

.profile-form .buttons button.save {
    align-self: flex-start;
}

.profile-form .buttons button.changePassword {
    align-self: flex-end;
}
.vision-accountSettings {
    display: grid;
    grid-template-columns: minmax(455px, 1fr) 1fr;
    grid-template-rows: auto 1fr;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 60%;
    min-width: 900px;
    grid-column-gap: 15px;
}

.account-settings-header {
    margin-bottom: 10px;
    margin-right: 10px;
    line-height: 17px;
    color: #5c7080;
    font-size: 16px;
    font-weight: 600;
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif;
    margin-top: 10px;
}

.bp5-dark .account-settings-header {
    color: var(--bp-light-gray3);
}

.vision-accountSettings > div {
    overflow: hidden;
    display: block;
}

.vision-accountSettings > div > .form {
    background: #ffffff;
    margin-left: 2px;
    margin-bottom: 2px;
    width: calc(100% - 4px);
}

.bp5-dark .vision-accountSettings > div > .form {
    background: var(--bp-dark-gray4);
}

.vision-accountSettings > .vision-profile {
    grid-row: span 2;
}

.vision-accountSettings > .vision-storage {
    grid-column: 2;
    grid-row: 1;
}

.vision-accountSettings > .vision-organizationaccount {
    grid-column: 2;
    grid-row: 2;
}
.vision-storage .storage-form {
    display: grid;
}

.vision-storage {
    overflow: auto;
}

.vision-storage .form {
    display: grid;
    grid-template-areas: "vision-storage-label label" "vision-storage-field content";
    grid-template-columns: auto 1fr;
    clear: both;
}

.vision-storage .info {
    float: left;
    overflow-y: auto;
    padding-bottom: 20px;
}

.vision-storage .label {
    float: left;
    margin-left: 21px;
    margin-top: 15px;
}

.vision-storage .ProgressBar {
    grid-column: span 2;
    margin-left: 21px;
    margin-top: 20px;
    margin-right: 21px;
}

.vision-storage .save {
    float: right;
    height: 29px;
    min-width: 115px;
    margin-top: 15px;
    margin-right: 21px;
}

.vision-storage .info .submitForm {
    grid-column: span 2;
}
.dialog-window {
    padding-bottom: 0;
}

.tariff-selector-dialog-size {
    min-width: 870px;
    min-height: 440px;
}

.main-window {
    padding: 35px;
    width: 100%;
    height: 100%;
    position: relative;
}

.dialog-window > .bp5-dialog-header {
    padding-left: 0;
}

.dialog-window > .bp5-dialog-header > .bp5-icon {
    margin-left: 10px;
}

.period-container {
    display: flex;
    position: relative;
    align-items: center;
}

.segmentedControl {
    background-color: #ececec;
}

.bp5-dark .segmentedControl {
    background-color: var(--bp-dark-gray5);
}

.period-title {
    flex: 1;
    line-height: 3;
    font-size: 14px;
    color: #182026;
}

.bp5-dark .period-title {
    color: var(--bp-light-gray5);
}

.tariffs-list {
    display: grid;
    grid-template-columns: repeat(3, calc((100% - 40px) / 3));
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    overflow-y: auto;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 5px;
    padding: 8px;
}

.current-tariff {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 15px;
    border: 1px solid #c8c8c8;
    border-radius: 10px;
    background: white;
    margin: 2px 0;
}

.bp5-dark .current-tariff {
    background: var(--bp-dark-gray1);
    border: 1px solid var(--bp-dark-gray3);
}

.current-tariff:hover:not(.favorable-tariff) {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.7);
}

.favorable-tariff {
    --favorable-tariff-color: var(--bp-red3);
    --darkened-favorable-color: var(--bp-red2);
    border: none;
    box-shadow: 0 0 5px 3px var(--favorable-tariff-color);
}

.bp5-dark .favorable-tariff {
    --favorable-tariff-color: var(--bp-red5);
}

.current-tariff.favorable-tariff:hover {
    box-shadow: 0 0 5px 3px var(--darkened-favorable-color);
}

.current-tariff-title {
    font-size: 16px;
    margin-bottom: 15px;
}

.current-tariff-size {
    font-size: 24px;
    margin-bottom: 15px;
}

.current-tariff-body {
    margin-bottom: 15px;
}

.current-tariff-body .feature {
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 10px;
}

.current-tariff-body .feature.cloud {
    background-image: url(/images/Cloud_16.svg);
}

.current-tariff-body .feature.share {
    background-image: url(/images/Share_16.svg);
}

.current-tariff-body .feature.slides {
    background-image: url(/images/Slides_16.svg);
}

.current-tariff-footer-button {
    margin-top: auto;
    cursor: pointer;
    min-height: 50px;
    background: white;
    border: 1px solid rgb(200, 200, 200);
    border-radius: 10px;
    bottom: 15px;
    padding: 5px;
    user-select: none;
    color: #182026;
    text-align: center;
}

.bp5-dark .current-tariff-footer-button {
    border: 1px solid var(--bp-dark-gray3);
}

.current-tariff-footer-button:active {
    background: rgb(217, 224, 232);
}

.current-tariff-footer-button:hover {
    background: #ebf1f5;
}

.current-tariff-footer-button .connectLabel, .current-tariff-footer-button .requestLabel {
    font-size: 14px;
}

.current-tariff-footer-button .priceLabel {
    font-weight: bold;
    font-size: 16px;
}

.tariff-dialog-payment-size {
    width: 450px;
}

.tariff-payment-form {
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

.tariff-payment-form > input:invalid, select:invalid {
    border: 2px solid red;
}

.tariff-payment-text-input {
    margin-bottom: 10px;
    width: 100%;
}

.tariff-payment-submit-button {
    width: 100%;
}
.vision-organizationaccount .organizationAccount-form {
    display: grid;
}

.vision-organizationaccount {
    overflow: auto;
    margin-top: 10px;
}

.vision-organizationaccount .info {
    float: left;
    height: 360px;
}

.vision-organizationaccount .row {
    width: 99%;
}

.vision-organizationaccount .label {
    float: left;
    margin-left: 21px;
    margin-top: 15px;
}

.vision-organizationaccount .save {
    float: left;
    width: 160px;
    height: 29px;
    margin-bottom: 20px;
    margin-left: 21px;
}

.vision-organizationaccount .href {
    float: right;
    margin-bottom: 20px;
    margin-right: 21px;
    margin-top: 6px;
    color: #137cbd;
}

.vision-organizationaccount .images {
    display: grid;
    grid-template-areas: "img1 img2 img3" "img4 img5 img6";
    grid-template-columns: 64px 64px 64px;
    clear: both;
    grid-gap: 20px;
    margin: 25px auto;
}

.vision-organizationaccount .images span {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    padding: 8px;
    background-repeat: no-repeat;
    background-size: cover;
}

.vision-organization-account-div {
    align-self: end;
}

div.admin-login-dialog .admin-login-textInput {
    text-align: right;
}

div.admin-login-dialog .admin-login-textInput input {
    width: 215px;
}

div.admin-login-dialog .admin-login-textInput input.bp5-intent-primary {
    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

div.admin-login-dialog .admin-login-textInputLabel {
    text-align: left;
    float: left;
}

div.admin-login-dialog {
    width: 260px;
    padding-bottom: 16px;
}

div.admin-login-dialog label.bp5-label {
    margin: 1px 0 9px;
}

div.admin-login-dialog .bp5-dialog-body.login-dialog-repo-label {
    margin: 7px 20px 16px 11px;
    text-shadow: 0.4px 0.4px 0 black, -0.4px 0.4px 0 black, 0.4px -0.4px 0 black, -0.4px -0.4px 0 black;
}

div.admin-login-dialog .bp5-dialog-body {
    margin: 10px 20px;
}

div.admin-login-dialog .bp5-dialog-body div.bp5-input-group {
    margin-bottom: 10px;
}

div.admin-login-dialog div.validationError {
    color: red;
    margin-top: -10px;
}

.bp5-dark div.admin-login-dialog div.validationError {
    color: var(--bp-red5);
}

div.admin-login-dialog div.validationError > p {
    margin-top: 0;
    margin-bottom: 0;
}

.admin-login-language {
    float: left;
    line-height: 25px;
}

.admin-login-language select {
    background-color: var(--bp-light-gray5);
    border: 0;
    color: #2d72d2;
}

.bp5-dark .admin-login-language select {
    background-color: var(--bp-dark-gray2);
}

.admin-login-language .bp5-collapse-list {
    display: inline-flex;
}

div.reg-input {
    width: 155px;
    display: inline-flex;
    margin-right: 10px;
}

.date-input {
    width: 320px;
}

.borderless {
    border-width: 0;
    outline-width: 0;
    background-color: #ebf1f5;
    color: #106ba3;
}

.wmlogo {
    margin-bottom: 20px;
    margin-top: 10px;
}

.linklike-button {
    background: none !important;
    border: none;
    padding: 0 !important;
    color: #2d72d2 !important;
    text-decoration: none;
    cursor: pointer;
    box-shadow: none !important;
}

.linklike-button:hover > span {
    text-decoration: underline;
}

div.admin-login-dialog .bp5-select::after {
    content: "\f140";
}

.date-input .bp5-input-action {
    pointer-events: none;
}

.dialog-backdrop-disable {
    background: none !important;
}

.color-scheme-switcher-container {
    position: absolute;
    z-index: 21;
    top: 30px;
    right: 30px;
}

.color-scheme-switcher-container .bp5-button:hover {
    background-color: transparent !important;
    box-shadow: none !important;
}

.color-scheme-switcher-container .color-switcher .bp5-icon-moon {
    color: var(--bp-gray4) !important;
}
.admin-login-dialog div.captcha-validation-error > div > div > div {
    border: 1px solid red;
}

.bp5-dark .admin-login-dialog div.captcha-validation-error > div > div > div {
    border: 1px solid var(--bp-red5);
}

.admin-login-dialog .bp5-select {
    display: block;
}

iframe[title*="reCAPTCHA"] {
    color-scheme: auto; /* убирает белую обводку, нужно для темной темы */
}

.bp5-overlay:has(.agreement-dialog) {
    z-index: 25; /* убирает возможность переключать тему если открыт диалог с этим классом */
}

.reg-input-full .hidden-text {
    -webkit-text-security: disc !important;
}
.vision-LoginDialogToOtherRepository {
    width: 400px;
    padding-bottom: 10px;
}

.vision-LoginDialogToOtherRepository > .bp5-dialog-body {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0;
}

.vision-LoginDialogToOtherRepository > .bp5-dialog-body div.text {
    margin-bottom: 15px;
}

.vision-LoginDialogToOtherRepository > .bp5-dialog-body div.error {
    margin-bottom: 10px;
    color: red;
}

.vision-LoginDialogToOtherRepository > .bp5-dialog-body div {
    margin-bottom: 10px;
}

.vision-LoginDialogToOtherRepository > .bp5-dialog-body div > input {
    width: 100%;
}

.vision-LoginDialogToOtherRepository > .bp5-dialog-body div.buttons {
    text-align: right;
}

.vision-LoginDialogToOtherRepository > .bp5-dialog-body div.buttons > button {
    margin-left: 10px;
    min-width: 100px;
}

.addFolderDialog .bp5-dialog-header .bp5-icon-folder-new {
    margin-left: 0 !important;
}

.validationError {
    color: red;
    margin: 0;
}

.bp5-dark .validationError {
    color: var(--bp-red5);
}
.vision-FolderSelectorDialog {
    min-width: 400px;
    min-height: 300px;
    width: 25%;
    height: 40vh;
    padding-bottom: 10px;
}

.vision-FolderSelectorDialog>.bp5-dialog-body {
    height: 80%;
    display: grid;
    grid-template-rows: auto 1fr;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.vision-FolderSelectorDialog>.bp5-dialog-body div.tree {
    display: grid;
    max-width: 100%;
    overflow: auto;
    background: white;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.bp5-dark .vision-FolderSelectorDialog>.bp5-dialog-body div.tree {
    background: var(--bp-dark-gray3);
}

.vision-FolderSelectorDialog>.bp5-dialog-body div.text {
    margin-bottom: 15px;
}

.vision-FolderSelectorDialog>.bp5-dialog-body div.buttons {
    text-align: right;
}

.vision-FolderSelectorDialog>.bp5-dialog-body div.buttons>button {
    margin-left: 10px;
    min-width: 100px;
}

.bp5-tree-node-label div.tree-node.disabled {
    color: lightgrey;
}

.bp5-tree-node-caret > svg {
    pointer-events: none;
}
.bp5-large .bp5-menu-item::before {
    margin-top: 0;
}

.bp5-menu li {
    outline-offset: 0;
}

.bp5-submenu * svg {
    pointer-events: none;
}
.glass-flex-container {
    display: flex;
    margin: 0;
    list-style: none;
    flex-flow: row wrap;
    padding: 0;
}

.glass-flex-item {
    background: rgba(255, 255, 255, 0.4);
    width: 102px;
    height: 302px;
    margin-top: 5px;
    line-height: 300px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
    margin-left: 5px;
    border: 1px;
    border-style: solid;
    border-color: #e4e4e4;
    display: inline-block;
    cursor: pointer;
}

.glass-flex-item>.progressbar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: white;
    opacity: 0.8;
    pointer-events: none;
}

.glass-flex-item>.progressbar>.fill {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(200, 240, 200);
}

.glass-flex-item>.caption {
    position: absolute;
    top: 50%;
    left: 50%;
    color: gray;
    transform: translate(-50%, -50%);
    font-weight: bold;
    font-size: 16px;
    line-height: normal;
    white-space: nowrap;
}

.glass-flex-item>.caption:before {
    font-size: 20px;
    margin-right: 3px;
}

.glass-flex-item>button.bp5-icon-stop {
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translate(-50%, 0);
    line-height: normal;
    box-shadow: none;
    background: none;
}

.glass-flex-item-sample {
    width: 100px;
    height: 225px;
    position: relative;
}

.glass-flex-item-barcode {
    width: 99px;
    height: 74px;
    background: rgba(231, 231, 231, 0.8);
    line-height: 65px;
    margin-top: -2px;
}

.glass-barcode-image {
    width: 100%;
    height: 100%;
    display: flex;
}

.glass-preview-image {
    height: 95px;
    max-height: 100%;
    transform: rotate(90deg) translate(-7px, 60px);
    width: 220px;
    object-fit: contain;
    pointer-events: none;
}

.glass-popover-button {
    left: -12px;
    position: absolute;
    top: -16px;
    display: block;
    margin-top: 3px;
    text-align-last: center;
    width: 17px;
    height: 17px;
    min-width: 16px;
    min-height: 16px;
    padding: 0 7px;
    padding-left: 3px;
}

.glass-popover-body {
    max-height: 280px;
    width: 340px;
    padding: 20px;
    overflow: auto;
}

.glass-popover-column {
    padding-top: 5px;
    margin: -10px;
}

.glass-popover-column>.attribute, .glass-popover-column>.value {
    white-space: nowrap;
}

.glass-popover-wrapper {
    visibility: hidden;
}

.glass-popover-divider {
    margin-left: 0;
    margin-right: 0;
}

.empty-glass-popover-wrapper {
    left: 40px;
    visibility: hidden;
}

.glass-flex-item-sample:hover>.checkbox-hide {
    visibility: visible;
}

.glass-flex-item-sample:hover>.glass-popover-wrapper {
    position: relative;
    top: -450px;
    visibility: visible;
}

.glass-flex-item-sample:hover>.empty-glass-popover-wrapper {
    visibility: visible;
    position: relative;
    top: -150px;
}

.glass-block:checked {
    left: -30px;
}

.glass-block:checked+.glass-flex-item-sample:hover>.glass-popover-wrapper {
    left: 37px;
    visibility: visible;
}

.glass-flex-item-sample:hover>.glass-block:checked {
    left: -30px;
}

.vision-folder {
    height: auto;
    width: auto;
    margin: 2px auto;
    display: inline-grid;
    grid-template-rows: 80px;
}

.vision-folder-slide {
    height: auto;
    width: auto;
    font-size: 14px;
    font-weight: normal;
    display: inline-grid;
    grid-template-columns: 60px;
    justify-items: center;
    position: relative;
    vertical-align: middle;
}

.vision-folder-slide-checked {
    height: auto;
    width: auto;
    font-size: 14px;
    font-weight: normal;
    display: inline-grid;
    grid-template-columns: 60px;
    justify-items: center;
    position: relative;
    vertical-align: middle;
}

.glass-flex-folder:hover>.checkbox-hide {
    visibility: visible;
}

.glass-flex-folder:hover>.glass-popover-wrapper {
    visibility: visible;
    display: inline-block !important;
    left: 10px;
    position: relative;
    top: -150px;
}

.glass-flex-folder {
    width: 100px;
    height: 300px;
    position: relative;
}

.checkbox-block {
    position: absolute;
    top: 4px;
    left: 4px;
    visibility: visible;
}

.checkbox-hide {
    position: absolute;
    top: 4px;
    left: 4px;
    visibility: hidden;
}

.ReactVirtualized__Collection {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 100% !important;
    width: 100% !important;
}

.glass-flex-item-barcode-small-scale {
    width: 94px;
    height: 70px;
    background: #e4e4e4;
    line-height: 65px;
    margin-top: -2px;
}

.glass-barcode-image-small-scale {
    width: 94px;
    height: 70px;
    display: flex;
}

.glass-preview-image-small-scale {
    height: 85px;
    max-height: 100%;
    transform: rotate(90deg) translate(-7px, 60px);
    width: 220px;
    object-fit: contain;
    pointer-events: none;
}

/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
}
.ReactVirtualized__Table__row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
}

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

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  -webkit-box-flex: 0;
          flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}
.vision-slide {
    height: auto;
    width: auto;
    margin: 2px auto;
    display: inline-grid;
    grid-template-columns: 180px 60px;
    grid-template-rows: 80px;
    background: rgba(255, 255, 255, 0.4);
    border-width: 1px;
    border-color: #e4e4e4;
    border-style: solid;
}

.vision-folder > .vision-slide-sample {
    display: inline-block;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
}

.vision-folder > .vision-folder-name {
    line-height: initial;
    grid-column: 2;
    white-space: normal;
    margin: auto auto auto 15px;
    word-break: break-word;
}

.vision-slide > .vision-slide-sample {
    display: flex;
    grid-column: 1;
    grid-row: 1;
}

.vision-slide > .vision-slide-sample > img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}

.vision-slide > .vision-slide-label {
    grid-column: 2;
    grid-row: 1;
    background: rgba(231, 231, 231, 0.8);
}

.vision-slide > .vision-slide-label > img {

    /* Ширина и высота поменяна местами потому что потом повернём */
    width: 80px;
    height: 60px;

    /* Перед вращением перемещаем в новый центр: (height-width)/2, (width-height)/2 */
    transform: translate(-10px, 10px) rotate(-90deg);
    transition: transform ease 0.4s;
}

.glass-flex-item > .glass-flex-item-barcode > img.flipped {
    transform: rotate(180deg);
}

.vision-slide > .vision-slide-label > img.flipped {

    /* Перед вращением перемещаем в новый центр: (height-width)/2, (width-height)/2 */
    transform: translate(-10px, 10px) rotate(90deg);
}

.vision-slide > .vision-slide-label > button.button-rotate {
    display: none;
    position: relative;
    left: -82px;
    top: -45px;
    background-image: url(/images/Rotate-with-white-border_18x18.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.glass-flex-item > .glass-flex-item-barcode > button.button-rotate {
    display: none;
    position: relative;
    left: 35px;
    top: -94px;
    background-image: url(/images/Rotate-with-white-border_18x18.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.glass-flex-item > .glass-flex-item-barcode:hover > button.button-rotate {
    display: initial;
}

.vision-slide > .vision-slide-label:hover > button.button-rotate {
    display: initial;
}

.bp5-dark .vision-slide > .vision-slide-label > button.button-rotate:hover {
    background-color: rgba(143, 153, 168, 0.3);
}
.dnd-alert-area {
    float: right;
    flex: 1 1 100%;
    width: calc(100% - 60px);
    height: calc(100% - 100px);
    margin: 60px 30px 30px;
    display: table;
    pointer-events: auto;
    min-height: 610px;
    min-width: 1050px;
}

.dnd-alert-area-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 22px;
}

.dnd-hr-line {
    border-bottom: solid #b4b4b4 1px;
    width: 1000px;
    padding-top: 15px;
    margin: 10px 0 10px calc((100% - 1000px) / 2);
}

.dnd-choose-button {
    min-width: 278px !important;
    margin: 5px 15px 5px 35px;
}

.dnd-choose-button-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hint-tooltip-content {
    max-width: 200px;
    white-space: normal;
    text-align: center;
}

.dnd-about-content {
    display: inline-block;
}

.dnd-about-item {
    display: flex;
    margin: 10px 0;
}

.dnd-about-label {
    align-content: center;
}

.dnd-file-format-icon {
    margin: 0 20px 0 0;
}
.payment-result-dialog {
    width: 400px;
    min-height: 230px;
}

.payment-result-dialog > .bp5-dialog-header {
    padding-left: 0;
}

.payment-result-dialog > .bp5-dialog-header > .bp5-icon {
    margin-left: 15px;
    margin-right: 15px;
}

.payment-result-body {
    padding: 20px 40px;
}

.payment-result-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 157px;
    height: 50px;
}

.payment-result-submit {
    display: flex;
    justify-content: center;
}

.payment-result-submit > button {
    margin-top: 20px;
    width: 100px;
}