.guide-block .panel-body {padding: 0}

.guide-block .tab-content {width: 100%;}
.guide-block .tab-pane {padding: 0;}
.guide-block .bg-secondary-pale {background: #F3F6FA;}
.guide-block .mode-switch img {height: 180px; margin: auto; object-fit: cover;}
.guide-block .vision-switch img {height: 180px; margin: auto; object-fit: cover;}
.guide-block .mode-switch .state:hover:before {opacity: 0;}

.guide-block .flowchart .flow-chart-row {display: flex; gap: 5px; margin-bottom: 9px; width: 100%;}
.guide-block .flowchart .flow-item {background: url('static/svg/arrow-blue.svg') center no-repeat; background-size: cover; text-align: center; margin: 0; padding-right: 15px; flex:0 1 15%; position: relative; padding: 5px 0 5px 12px; white-space:nowrap; overflow: hidden; color: #3c4353; display: flex; align-items: center; text-align: center; padding-right: 10px;}
.guide-block .flowchart .ie-8 .flow-item > div:before {display: none;}
.guide-block .flowchart .flow-item > div:before {border-left-color: #fff; z-index: 1;}
.guide-block .flowchart .flow-item > div > div {display: flow-root; overflow: hidden;}.ie-8 .flow-item > div {margin-right: 10px}.flow-item-0 > div {color: #FFF; font-weight: 400;}
.guide-block .flowchart .flow-item-0 > div:before {display: none;}
.guide-block .flowchart .flow-item-arrow {background-image: url('static/svg/arrow-white.svg');}
.guide-block .flowchart .flow-item-display {overflow: hidden; white-space:nowrap; text-overflow: clip; font-size: 12px;}

.guide-block .theme-switch div.theme-default    {background-color: #3785ff;}
.guide-block .theme-switch div.theme-blue       {background-color: #2b80ff;}
.guide-block .theme-switch div.theme-green      {background-color: #248f83;}
.guide-block .theme-switch div.theme-red        {background-color: #f34a5a;}
.guide-block .theme-switch div.theme-pink       {background-color: #f7889c;}
.guide-block .theme-switch div.theme-blackberry {background-color: #304269;}
.guide-block .theme-switch div.theme-classic    {background-color: #114f8e;}
.guide-block .theme-switch div.theme-purple     {background-color: #9958dc;}
.guide-block .theme-switch .block.active i.icon-check-circle  {display: inline!important; position: absolute; left: 45px; bottom: 8px;}
.guide-block .theme-switch img {height: 68px; margin: auto; object-fit: cover;}

.guide-block .download-client .avatar > img {object-fit: revert;}

.guide-block .block {background: rgba(230, 240, 255, 0.4);}
.guide-block .block:hover {box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);}
.guide-block .block.active {box-shadow: 0 0 0 2px #2E7FFF; border-radius: 2px;}
.guide-block .theme-switch .block.active {box-shadow: none; border-radius: 0;}

.preference-menu.picker-menu-list {padding: 0.25rem;}
.preference-menu.picker-menu-list .menu-item {padding: 0.25rem;}
.preference-menu.picker-menu-list .menu-item > a {padding: 0; border-width: 1px;}
.preference-menu.picker-menu-list .menu-item>a.active, .preference-menu.picker-menu-list .menu-item>a.hover, .preference-menu.picker-menu-list .menu-item>a:hover{background: unset; border-color: var(--color-primary-500);}
.preference-menu.picker-menu-list .menu-item>a:hover:before {opacity: 0;}
.preference-menu.picker-menu-list .menu-item>a.active .preference-box {background: var(--color-primary-50); color: var(--color-primary-500);}
.preference-menu.picker-menu-list .menu-item>a:hover .preference-box, .preference-menu.picker-menu-list .menu-item>a.hover .preference-box{background: var(--color-primary-50); color: var(--color-primary-500); box-shadow: 0px 0px 1px 1px #2E7FFF;}
.preference-menu.picker-menu-list .menu-item>a.active .preference-box .label, .preference-menu.picker-menu-list .menu-item>a:hover .preference-box .label, .preference-menu.picker-menu-list .menu-item>a.hover .preference-box .label{background: var(--menu-active-bg); color: var(--color-primary-500);}
.ursr-menu > li{width: 50%;}