:root {
--mg-primary: #005BF0;
--mg-primary-hover: rgba(0, 91, 240, 0.08);
--mg-primary-btn-base: var(--mg-primary);
--mg-primary-btn-hover: #0069d9;
--mg-primary-btn-focus: #0069d9;
--mg-primary-btn-active: #0062cc;
--mg-border-color: #eeeeee;
}
body {
margin: 0px;
}
div {
display: block;
font-family: Arial, sans-serif;
color: #26273B;
float: none;
box-sizing: border-box;
text-align: left;
line-height: initial;
box-shadow: initial;
text-decoration: none;
border: none;
margin: 0;
padding: 0;
min-height: 0px;
min-width: 0px;
font-size: 13px;
word-wrap: break-word;
}
div.fa {
font-size: 13px;
}
div[contenteditable='false'] {
display: none;
}
div a {
color: var(--mg-primary);
text-decoration: underline;
font-family: Arial, sans-serif;
font-weight: normal;
line-height: initial;
}
div a:hover,
div a:visited {
color: #5b64dd !important;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
display: none !important;
}
.disabled {
pointer-events: none;
opacity: 0.5;
}
/* Loader Container CSS */
.ege-loader-wrapper {
background-color: #ffffff70;
position: absolute;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ege-loader-wrapper .ege-loader-wrapper-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ege-loader-wrapper .ege-loader-wrapper-spinner .mgPlayerJSProd_loader-image {
width: 150px;
height: 150px;
}
#main-container.whiteout {
opacity: 0.5;
}
#main-container #upload-multiple-images-file-input {
opacity: 0;
pointer-events: none;
}
div.ege-panel-overlay {
display: none;
position: fixed;
right: 0px;
top: 0px;
z-index: 999;
width: 500px;
height: 100%;
overflow: visible;
background: rgba(10, 10, 10, 0.6);
}
div.ege-panel {
position: fixed;
/* top: 0; */
right: 0px;
width: 100%;
min-width: 400px;
max-width: 500px;
background: #fff;
height: 100%;
box-shadow: 0px 0px 5px 0px #cccccc;
transition: all 0.7s;
}
div.ege-panel.mgPlayerJSProd_micro-player-container {
width: 400px !important;
}
div.ege-panel.mgPlayerJSProd_micro-player-resize {
top: 50%;
right: 50px;
transform: translate(0, -50%);
border-radius: 6px;
max-height: 500px;
overflow: hidden;
}
.horizontal-line {
display: block;
border: 0;
border-top: 1px solid #f1f1f1;
}
.horizontal-line.margin-none {
margin: 0px;
}
.horizontal-line.mgPlayerJSProd_border-dark {
border-top: 1px solid #757575;
opacity: 0.2;
}
.mgPlayerJSProd_title-tooltip-wrapper {
position: absolute;
max-width: 200px;
background: rgba(60, 64, 67, 0.9);
text-align: center;
border-radius: 4px;
padding: 4px 8px;
z-index: 1000;
transition: opacity 0.3s;
display: none;
z-index: 2147483647;
}
.mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title {
color: #ffffff !important;
font-size: 12px !important;
letter-spacing: 0.8px;
line-height: 16px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-left {
left: 0px;
}
.mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-top-left {
top: -30px;
right: 0px;
}
.mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-top-center {
top: -30px;
right: -10px;
}
.mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-top-right {
top: -30px;
left: 0px;
}
.mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-bottom-left {
top: 33px;
right: 0px;
}
.mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-bottom-center {
top: 33px;
right: -10px;
}
.mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-bottom-right {
top: 33px;
left: 0px;
}
/* ------- utility classes --------- */
.ege-inline-block-div {
display: inline-block;
vertical-align: middle;
}
.mgPlayerJSProd_stop-screencast {
display: none;
top: 0%;
width: 100%;
background-color: var(--mg-primary);
color: white;
cursor: pointer;
padding: 5px;
}
.ege-inline-block-vt {
display: inline-block;
vertical-align: top;
}
.ege-inline-block-vm {
display: inline-block;
vertical-align: middle;
}
.ege-inline-block-vb {
display: inline-block;
vertical-align: bottom;
}
.mgPlayerJSProd_inline-block-vm {
display: inline-block;
vertical-align: middle;
}
.mgPlayerJSProd_inline-block-vt {
display: inline-block;
vertical-align: top;
}
.mgPlayerJSProd_inline-block-vb {
display: inline-block;
vertical-align: bottom;
}
.mgPlayerJSProd_align-left {
text-align: left !important;
}
.mgPlayerJSProd_align-center {
text-align: center !important;
}
.mgPlayerJSProd_align-right {
text-align: right !important;
}
.mgPlayerJSProd_drag-placeholder {
display: block;
background-color: #f0f0f5;
padding: 10px 15px;
font-size: 15px;
}
.ege-position-pr {
position: relative;
}
.mgPlayerJSProd_icons-hover-effect {
width: 30px;
height: 30px;
padding: 5px;
cursor: pointer;
border-radius: 50%;
text-align: center;
transition: all 0.3s;
}
.mgPlayerJSProd_icons-hover-effect:hover {
background: rgba(10, 10, 10, 0.06);
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.no-padding {
padding: 0px !important;
}
.no-margin {
margin: 0px !important;
}
.ege-clear {
clear: both;
}
.align-center {
text-align: center;
}
.text-input {
border: 1px solid #acadc1 !important;
border-radius: 4px !important;
box-shadow: 0px 2px 4px -4px #333 !important;
font-family: Arial, sans-serif;
width: 100% !important;
min-width: 0px !important;
min-height: 0px !important;
font-size: 13px;
background: #ffffff !important;
padding: 0px 10px !important;
outline: none !important;
height: 30px !important;
box-sizing: border-box !important;
line-height: 30px !important;
margin: 10px 0 !important;
color: #454560 !important;
text-align: left !important;
}
.text-input::-webkit-input-placeholder {
color: #707070 !important;
}
.text-input::-moz-placeholder {
color: #707070 !important;
}
.text-input::-moz-placeholder {
color: #707070 !important;
}
.text-input::-ms-input-placeholder {
color: #707070 !important;
}
.password-text-input {
-webkit-text-security: disc;
}
.error-input-wrapper {
margin-top: 5px;
margin-bottom: 5px;
color: #DE350B;
display: none;
}
.error-input-wrapper.active {
display: block;
}
.error-input-wrapper.active.error-msg-padding {
padding: 20px 0 0 0;
}
.ng-hide {
display: none !important;
}
.ng-show {
display: block;
}
/* -----------------------------------*/
div.ege-panel-header {
/* Logo Container css*/
/* User Details Container css*/
/* Tabs Container css*/
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
div.ege-panel-header div.ege-logo-container {
padding: 0 0 0 10px;
width: 48%;
text-align: left;
}
div.ege-panel-header div.ege-logo-container div {
text-align: center;
}
div.ege-panel-header div.ege-logo-container .ege-logo-wrapper img {
width: auto;
max-width: 100px;
max-height: 40px;
}
div.ege-panel-header div.ege-logo-container .ege-logo-wrapper .mgPlayerJSProd_logo-text {
padding: 10px 0px;
font-weight: bold;
font-size: 15px;
color: #000000;
}
div.ege-panel-header div.ege-logo-container .ege-current-version {
display: none;
font-size: 8px;
text-align: left !important;
}
div.ege-panel-header .ege-user-details-container {
width: 50%;
text-align: right;
padding: 0 8px 0 0;
}
div.ege-panel-header .ege-user-details-container .mgPlayerJSProd_select-application-label {
color: #757575;
float: left;
margin: 0 3px 0 0;
}
div.ege-panel-header .ege-user-details-container .mgPlayerJSProd_select-application-down-arrow-icon {
float: right;
}
div.ege-panel-header .ege-user-details-container .mgPlayerJSProd_select-application-down-arrow-icon svg {
width: 10px;
height: 10px;
}
div.ege-panel-header .ege-user-details-container .mgPlayerJSProd_select-application-down-arrow-icon svg polygon {
fill: #757575;
}
div.ege-panel-header .ege-user-details-container .ege-user-image-wrapper {
cursor: pointer;
margin: 0 10px 0 10px;
transition: all 0.2s;
position: relative;
}
div.ege-panel-header .ege-user-details-container .ege-user-image-wrapper:hover .mgPlayerJSProd_user-text-wrapper .mgPlayerJSProd_select-application-label,
div.ege-panel-header .ege-user-details-container .ege-user-image-wrapper:hover .mgPlayerJSProd_user-text-wrapper .mgPlayerJSProd_select-application-down-arrow-icon svg {
color: #404040;
}
div.ege-panel-header .ege-user-details-container .ege-user-image-wrapper:hover .mgPlayerJSProd_user-text-wrapper .mgPlayerJSProd_select-application-label polygon,
div.ege-panel-header .ege-user-details-container .ege-user-image-wrapper:hover .mgPlayerJSProd_user-text-wrapper .mgPlayerJSProd_select-application-down-arrow-icon svg polygon {
fill: #404040;
}
div.ege-panel-header .ege-user-details-container .ege-user-image-wrapper img.ege-user-image {
width: 25px;
height: 25px;
border-radius: 50%;
border: 2px solid #ccc;
}
div.ege-panel-header .ege-user-details-container .ege-user-image-wrapper .mgPlayerJSProd_user-text-wrapper {
pointer-events: none;
}
div.ege-panel-header .ege-user-details-container .mgPlayerJSProd_refresh-btn-wrapper {
text-align: center;
cursor: pointer;
margin: 0 4px 0 5px;
transition: all 0.2s;
color: #757575;
}
div.ege-panel-header .ege-user-details-container .mgPlayerJSProd_refresh-btn-wrapper:hover {
color: #404040;
}
div.ege-panel-header .ege-user-details-container .mgPlayerJSProd_refresh-btn-wrapper:hover svg path {
fill: #404040;
}
div.ege-panel-header .ege-user-details-container .mgPlayerJSProd_refresh-btn-wrapper:hover .mgPlayerJSProd_refresh-label {
color: #404040;
}
div.ege-panel-header .ege-user-details-container .mgPlayerJSProd_refresh-btn-wrapper .mgPlayerJSProd_refresh-label {
color: #757575;
}
div.ege-panel-header .ege-user-details-container .mgPlayerJSProd_refresh-btn-wrapper svg {
width: 20px;
height: 20px;
margin: 2px 0 0 0;
}
div.ege-panel-header .ege-user-details-container .mgPlayerJSProd_refresh-btn-wrapper svg path {
fill: #757575;
}
div.ege-panel-header .ege-user-details-container .ege-header-user-login-btn {
font-family: Arial, sans-serif;
display: inline-block;
text-align: center;
font-weight: normal;
color: #757575;
cursor: pointer;
line-height: 29px;
font-size: 13px;
height: 29px;
min-width: 65px;
width: 65px;
margin: 5px 5px 6px 0;
transition: all 0.3s;
background: #ffffff !important;
border: none !important;
outline: none !important;
padding: 0px !important;
border-radius: 0px !important;
border-bottom: 0px solid #008dc5 !important;
}
div.ege-panel-header .ege-user-details-container .ege-header-user-login-btn:hover {
color: #fff;
background: var(--mg-primary) !important;
}
div.ege-panel-header .ege-user-details-container .ege-header-lang {
padding: 3px 10px 5px 10px;
margin: 0 5px 0 0;
cursor: pointer;
display: none;
}
div.ege-panel-header .ege-user-details-container .ege-header-lang svg {
vertical-align: middle;
width: 10px;
height: 7px;
fill: #757575;
}
div.ege-panel-header .ege-user-details-container .ege-header-action-dropdown {
position: absolute;
height: auto;
width: 135px;
right: 5px;
display: none;
top: 50px;
background: #ffffff;
box-shadow: 0px 1px 5px -1px #a2a2a2;
padding: 2px 0;
z-index: 99999999999999;
}
div.ege-panel-header .ege-user-details-container .ege-header-action-dropdown:before {
top: -13px;
right: 7px;
content: "";
position: absolute;
border-right: 7px solid transparent !important;
border-left: 7px solid transparent !important;
border-bottom: 9px solid #f5f5f5 !important;
}
div.ege-panel-header .ege-user-details-container .ege-header-action-dropdown:after {
top: -11px;
right: 7px;
border-bottom: 9px solid #ffffff !important;
content: "";
position: absolute;
border-right: 7px solid transparent !important;
border-left: 7px solid transparent !important;
}
div.ege-panel-header .ege-user-details-container .ege-header-action-dropdown.header-lang-dropdown {
right: 38px;
width: auto;
}
div.ege-panel-header .ege-user-details-container .ege-header-action-dropdown.header-lang-dropdown .header-lang-dropdown-item {
padding: 5px 10px;
cursor: pointer;
}
div.ege-panel-header .ege-user-details-container .ege-header-action-dropdown.header-lang-dropdown .header-lang-dropdown-item:hover {
background: #f5f5f5;
border-left: #2fb6a0 3px solid;
padding: 5px 10px 5px 7px;
}
div.ege-panel-header .ege-user-details-container .ege-header-action-dropdown.header-lang-dropdown .header-lang-dropdown-item.active-lang {
background: #f5f5f5;
border-left: #2fb6a0 3px solid;
padding: 5px 10px 5px 7px;
}
div.ege-panel-header .ege-user-details-container .ege-header-panel-close {
position: relative;
}
div.ege-panel-header .ege-user-details-container .ege-header-panel-close:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
div.ege-panel-header .ege-user-details-container .ege-header-panel-close svg {
height: 13px;
width: 13px;
margin: 4px 0 0 0;
}
div.ege-panel-header .ege-user-details-container .ege-header-panel-close svg path {
fill: #757575;
}
div.ege-panel-header .ege-user-details-container .ege-header-panel-close svg:hover path {
fill: #404040;
}
div.ege-panel-header .ege-user-details-container .ege-panel-close-button {
width: 14px;
margin: 0 10px 0px 0px;
float: right;
cursor: pointer;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper {
display: none;
position: absolute;
top: 61px;
right: 31px;
background: #ffffff;
z-index: 1000;
border-radius: 4px;
box-shadow: 0px 1px 5px -1px #a2a2a2;
width: 190px;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-wrapper-header {
background: #f1f1f1;
padding: 15px 10px;
border-radius: 4px 4px 0px 0px;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-wrapper-header .ege-login-logout-wrapper-header-user-img {
margin: 0px 8px 0px 0px;
width: 41px;
height: 41px;
border: 2px solid #cccccc;
border-radius: 50%;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-wrapper-header .ege-login-logout-wrapper-header-user-img .mgPlayerJSProd_user-image {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
border-radius: 50%;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-wrapper-header .ege-login-logout-wrapper-header-user-details {
display: inline-block;
vertical-align: top;
width: 112px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-wrapper-header .ege-login-logout-wrapper-header-user-details .ege-user-name {
font-size: 13px;
color: #1d1d1d;
font-weight: bold;
text-transform: capitalize;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-wrapper-header .ege-login-logout-wrapper-header-user-details .mgPlayerJSProd_user-role-wrapper {
margin: 3px 0px;
width: 260px;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-wrapper-header .ege-login-logout-wrapper-header-user-details .mgPlayerJSProd_user-role-wrapper .mgPlayerJSProd_user-role {
text-transform: capitalize;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-wrapper-header .ege-login-logout-wrapper-header-user-details .mgPlayerJSProd_manage-account-wrapper {
margin: 7px 0px;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-wrapper-header .ege-login-logout-wrapper-header-user-details .mgPlayerJSProd_manage-account-wrapper .mgPlayerJSProd_manage-account-link {
font-size: 12px;
color: var(--mg-primary);
padding: 3px 10px 4px 10px;
background: #ffffff;
border-radius: 2px;
border: 1px solid var(--mg-primary);
transition: all 0.3s;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-wrapper-header .ege-login-logout-wrapper-header-user-details .mgPlayerJSProd_manage-account-wrapper .mgPlayerJSProd_manage-account-link:hover {
background: var(--mg-primary);
color: #ffffff;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-wrapper-header .ege-login-logout-wrapper-header-user-details .ege-user-email {
padding: 10px;
margin: 0;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper.active {
display: block;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-btn {
width: 100%;
cursor: pointer;
font-size: 13px;
padding: 10px 10px 10px 15px;
color: #1d1d1d;
background: #f1f1f1;
font-weight: bold;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-btn svg {
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
margin: 2px 8px 0 0;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-btn svg path {
fill: #1d1d1d;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-btn span {
vertical-align: middle;
display: inline-block;
height: 15px;
line-height: 15px;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-logout-btn {
width: 100%;
cursor: pointer;
font-size: 13px;
padding: 10px;
color: #1d1d1d;
background: #f1f1f1;
font-weight: bold;
border-radius: 0px 0px 4px 4px;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-logout-btn svg {
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
margin: 0px 5px 0 0;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-logout-btn svg path {
fill: #1d1d1d;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-logout-btn span {
vertical-align: middle;
display: inline-block;
height: 15px;
line-height: 15px;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-logout-btn.mgPlayerJSProd_logout-btn-player {
background: #ffffff;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-logout-btn.mgPlayerJSProd_logout-btn-player:hover {
color: var(--mg-primary);
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-setting-btn,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-embed-btn,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-browse-btn,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-download-btn,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-show-guideme-btn,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-hide-guideme-btn {
padding: 10px;
width: 100%;
cursor: pointer;
font-size: 13px;
color: #1d1d1d;
transition: all 0.3s;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-setting-btn svg,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-embed-btn svg,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-browse-btn svg,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-download-btn svg,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-show-guideme-btn svg,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-hide-guideme-btn svg {
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-setting-btn svg path,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-embed-btn svg path,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-browse-btn svg path,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-download-btn svg path,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-show-guideme-btn svg path,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-hide-guideme-btn svg path {
fill: #1d1d1d;
transition: all 0.3s;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-setting-btn span,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-embed-btn span,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-browse-btn span,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-download-btn span,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-show-guideme-btn span,
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-hide-guideme-btn span {
vertical-align: middle;
display: inline-block;
height: 15px;
line-height: 15px;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .mgPlayerJSProd_analytics-btn {
width: 100%;
cursor: pointer;
font-size: 13px;
color: #1d1d1d;
transition: all 0.3s;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .mgPlayerJSProd_analytics-btn a {
display: block;
padding: 10px;
font-size: 13px;
color: #1d1d1d;
transition: all 0.3s;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .mgPlayerJSProd_analytics-btn svg {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .mgPlayerJSProd_analytics-btn svg path {
fill: #1d1d1d;
transition: all 0.3s;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .mgPlayerJSProd_analytics-btn span {
vertical-align: middle;
display: inline-block;
height: 15px;
line-height: 15px;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-btn:hover a {
background: #f5f5f5;
color: var(--mg-primary);
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-btn:hover {
background: #f5f5f5;
color: var(--mg-primary);
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .ege-login-logout-btn:hover svg path {
fill: var(--mg-primary);
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .mgPlayerJSProd_show-org-name-wrapper .mgPlayerJSProd_org-label {
background: #f1f1f1;
font-size: 11px;
padding: 5px 10px;
}
div.ege-panel-header .ege-user-details-container .ege-login-logout-wrapper .mgPlayerJSProd_show-org-name-wrapper .mgPlayerJSProd_org-name {
color: #1d1d1d;
font-size: 13px;
padding: 10px;
width: 100%;
text-transform: capitalize;
}
div.ege-panel-header .ege-panel-header-tabs {
clear: both;
border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
width: 100%;
text-align: center;
margin: 5px 0px 0px;
}
div.ege-panel-header .ege-panel-header-tabs .my-tab,
div.ege-panel-header .ege-panel-header-tabs .discover-tab,
div.ege-panel-header .ege-panel-header-tabs .chatbot-tab,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_import-tab,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_export-tab {
position: relative;
font-size: 14px;
padding: 12px 0px 12px 0px;
text-align: center;
transition: all 0.3s;
}
div.ege-panel-header .ege-panel-header-tabs .my-tab:hover,
div.ege-panel-header .ege-panel-header-tabs .discover-tab:hover,
div.ege-panel-header .ege-panel-header-tabs .chatbot-tab:hover,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_import-tab:hover,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_export-tab:hover {
background: #f5f5f5;
color: #404040;
}
div.ege-panel-header .ege-panel-header-tabs .my-tab:hover svg path,
div.ege-panel-header .ege-panel-header-tabs .discover-tab:hover svg path,
div.ege-panel-header .ege-panel-header-tabs .chatbot-tab:hover svg path,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_import-tab:hover svg path,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_export-tab:hover svg path,
div.ege-panel-header .ege-panel-header-tabs .my-tab:hover svg circle,
div.ege-panel-header .ege-panel-header-tabs .discover-tab:hover svg circle,
div.ege-panel-header .ege-panel-header-tabs .chatbot-tab:hover svg circle,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_import-tab:hover svg circle,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_export-tab:hover svg circle {
fill: #404040;
}
div.ege-panel-header .ege-panel-header-tabs .my-tab.mgPlayerJSProd_increase-tabs-size,
div.ege-panel-header .ege-panel-header-tabs .discover-tab.mgPlayerJSProd_increase-tabs-size,
div.ege-panel-header .ege-panel-header-tabs .chatbot-tab.mgPlayerJSProd_increase-tabs-size,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_import-tab.mgPlayerJSProd_increase-tabs-size,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_export-tab.mgPlayerJSProd_increase-tabs-size {
width: 50% !important;
}
div.ege-panel-header .ege-panel-header-tabs .my-tab {
color: #757575;
float: left;
cursor: pointer;
width: 30%;
padding: 12px 10px;
}
div.ege-panel-header .ege-panel-header-tabs .my-tab.active-tab {
color: var(--mg-primary) !important;
}
div.ege-panel-header .ege-panel-header-tabs .my-tab.active-tab:before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: var(--mg-primary);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
content: '';
display: block;
height: 2px;
}
div.ege-panel-header .ege-panel-header-tabs .my-tab.active-tab svg path {
fill: var(--mg-primary);
}
div.ege-panel-header .ege-panel-header-tabs .my-tab svg {
width: 14px;
height: 14px;
margin: 0px 4px 2px 0px;
vertical-align: middle;
}
div.ege-panel-header .ege-panel-header-tabs .my-tab svg path {
fill: #757575;
}
div.ege-panel-header .ege-panel-header-tabs .discover-tab {
color: #757575;
float: left;
cursor: pointer;
width: 30%;
padding: 12px 10px;
}
div.ege-panel-header .ege-panel-header-tabs .discover-tab.active-tab {
color: #9476C9 !important;
}
div.ege-panel-header .ege-panel-header-tabs .discover-tab.active-tab:before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #9476C9;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
content: '';
display: block;
height: 2px;
}
div.ege-panel-header .ege-panel-header-tabs .discover-tab.active-tab svg path,
div.ege-panel-header .ege-panel-header-tabs .discover-tab.active-tab svg circle {
fill: #9476C9;
}
div.ege-panel-header .ege-panel-header-tabs .discover-tab svg {
margin: 0px 3px 1px 0;
width: 16px;
height: 16px;
}
div.ege-panel-header .ege-panel-header-tabs .discover-tab svg path,
div.ege-panel-header .ege-panel-header-tabs .discover-tab svg circle {
fill: #757575;
}
div.ege-panel-header .ege-panel-header-tabs .discover-tab .arrow-down-icon svg {
vertical-align: middle;
margin: 0 2px 1px 10px;
width: 14px;
height: 14px;
}
div.ege-panel-header .ege-panel-header-tabs .discover-tab .arrow-down-icon svg path {
fill: #757575;
}
div.ege-panel-header .ege-panel-header-tabs .chatbot-tab {
color: #757575;
float: left;
cursor: pointer;
width: 34%;
}
div.ege-panel-header .ege-panel-header-tabs .chatbot-tab.active-tab {
color: var(--mg-primary) !important;
}
div.ege-panel-header .ege-panel-header-tabs .chatbot-tab.active-tab:before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: var(--mg-primary);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
content: '';
display: block;
height: 2px;
}
div.ege-panel-header .ege-panel-header-tabs .chatbot-tab.active-tab svg path {
fill: var(--mg-primary);
}
div.ege-panel-header .ege-panel-header-tabs .chatbot-tab svg {
width: 18px;
height: 14px;
vertical-align: top;
margin: 2px 2px 0 0;
}
div.ege-panel-header .ege-panel-header-tabs .chatbot-tab svg path {
fill: #757575;
}
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_import-tab,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_export-tab {
color: #757575;
float: left;
cursor: pointer;
width: 50%;
}
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_import-tab.active-tab,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_export-tab.active-tab {
color: var(--mg-primary) !important;
}
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_import-tab.active-tab:before,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_export-tab.active-tab:before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: var(--mg-primary);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
content: '';
display: block;
height: 2px;
}
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_import-tab.active-tab svg path,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_export-tab.active-tab svg path {
fill: var(--mg-primary);
}
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_import-tab svg,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_export-tab svg {
width: 14px;
height: 14px;
margin-right: 2px;
vertical-align: middle;
}
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_import-tab svg path,
div.ege-panel-header .ege-panel-header-tabs .mgPlayerJSProd_export-tab svg path {
fill: #757575;
}
div.ege-panel-header .ege-panel-header-detail-view {
background: #F5F5F5;
width: 100%;
height: 45px;
padding: 0 10px;
}
div.ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-icon-wrapper {
width: 26px !important;
height: 26px !important;
padding: 2px !important;
background: var(--mg-primary) !important;
}
div.ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-icon-wrapper:hover {
background: var(--mg-primary-btn-hover) !important;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title {
width: 67%;
color: #ffffff;
float: left;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_tour-title-wrapper {
width: 82%;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_tour-title-wrapper label {
color: #555555;
font-size: 17px;
margin: 0px 0px 0px 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_tour-title-wrapper .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-tour-desc {
color: #ffffff !important;
font-size: 12px !important;
letter-spacing: 0.8px;
line-height: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 15;
overflow: hidden;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_tour-title-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_back-button {
position: relative;
border-radius: 0% !important;
padding: 14px !important;
width: 45px !important;
height: 45px !important;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_back-button .mgPlayerJSProd_title-tooltip-wrapper {
top: 45px !important;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_back-button:hover .mgPlayerJSProd_title-tooltip-wrapper {
left: 5px;
font-weight: normal !important;
display: block !important;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_back-button svg {
cursor: pointer;
vertical-align: middle;
width: 12px;
height: 14px;
margin: 0px 0px 2px 0px;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_back-button svg path {
fill: #555555;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-download-container .guide-view-full-screen {
margin: 9px 5px 0 0;
float: right;
cursor: pointer;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-download-container .guide-view-full-screen .guide-view-full-screen-icon svg {
width: 13px;
height: 13px;
vertical-align: middle;
margin: 4.5px 0px 0px 0.5px;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-download-container .guide-view-full-screen .guide-view-full-screen-icon svg path {
fill: #ffffff;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-download-container .guide-view-change-lang {
position: relative;
color: #fff;
float: right;
cursor: pointer;
margin: 9px 5px 0 0;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-download-container .guide-view-change-lang .guide-view-change-lang-icon {
width: 26px !important;
height: 26px !important;
padding: 2px !important;
background: var(--mg-primary) !important;
border-radius: 50%;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-download-container .guide-view-change-lang .guide-view-change-lang-icon:hover {
background: #288070 !important;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-download-container .guide-view-change-lang .guide-view-change-lang-icon svg {
width: 15px;
height: 15px;
vertical-align: middle;
margin: 3px 0 0 4px;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-download-container .guide-view-change-lang .guide-view-change-lang-icon svg path {
fill: #ffffff;
}
div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-download-container .guide-view-change-lang .guide-view-change-lang-icon svg polygon {
fill: #ffffff;
}
div.ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon {
position: relative;
margin: 9px 5px 0px 0px;
color: #ffffff;
float: right;
cursor: pointer;
background: var(--mg-primary) !important;
border-radius: 50% !important;
}
div.ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .mgPlayerJSProd_header-icon-wrapper {
padding: 0 !important;
}
div.ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .mgPlayerJSProd_header-icon-wrapper svg {
height: 26px;
width: 26px;
}
div.ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .mgPlayerJSProd_header-icon-wrapper svg circle {
fill: #ffffff;
}
div.ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .mgPlayerJSProd_header-icon-wrapper svg circle:first-child {
fill: var(--mg-primary);
}
div.ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .mgPlayerJSProd_header-icon-wrapper svg .mgPlayerJSProd_more-option-icon-path {
display: none;
}
div.ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .mgPlayerJSProd_header-icon-wrapper:hover svg circle:first-child {
fill: var(--mg-primary-btn-hover);
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper {
height: 45px;
background: #F5F5F5;
border-bottom: 3px solid transparent;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_selected-app-name {
color: #555555;
font-weight: 600;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application {
width: 40px;
height: 40px;
border-radius: 4px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_select-application-icon {
width: 20px;
height: 20px;
opacity: 0.9;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_select-application-icon:hover {
opacity: 1;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_select-application-icon svg circle {
fill: #0078d4;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown {
position: absolute;
top: 42px;
left: -5px;
background: #ffffff;
width: 500px;
box-shadow: 0px 2px 10px -2px #827f7f;
z-index: 999999;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown.mgPlayerJSProd_application-dropdown-player {
right: -20px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown.mgPlayerJSProd_application-dropdown-player:before,
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown.mgPlayerJSProd_application-dropdown-player:after {
right: 30px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-overlay-wrapper {
position: fixed;
top: 160px;
left: 0px;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(10, 10, 10, 0.3);
cursor: default;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper {
max-height: 308px;
background: #ffffff;
overflow-y: auto;
overflow-x: hidden;
padding: 8px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_title-all-apps {
font-size: 15px;
margin: 0 0 10px 0;
display: none;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-dropdown-title {
font-size: 12px;
margin: 5px 0 10px 0;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list {
width: 137px;
height: 125px;
background: #ffffff;
box-sizing: border-box;
border: 1px solid #E6E6E6;
border-radius: 4px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list:hover .mgPlayerJSProd_application-list-img .mgPlayerJSProd_application-overlay {
display: block;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-list-img {
height: 92px;
background: #ffffff;
border-radius: 4px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-list-img .mgPlayerJSProd_application-overlay {
display: none;
position: absolute;
right: 0px;
top: 0px;
z-index: 999;
width: 100%;
height: 100%;
overflow: visible;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-list-img .mgPlayerJSProd_application-overlay:hover {
background: rgba(10, 10, 10, 0.3);
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-list-img .mgPlayerJSProd_application-overlay.mgPlayerJSProd_show-application-overlay {
display: block;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-list-img .mgPlayerJSProd_select-application-image {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-list-img .mgPlayerJSProd_select-application-cart {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
line-height: 90px;
background: #ffffff;
color: #fff;
font-size: 18px;
text-transform: uppercase;
border-radius: 4px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-list-img .mgPlayerJSProd_select-application-cart .mgPlayerJSProd_application-img-wrapper {
width: 60px;
height: 60px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-list-img .mgPlayerJSProd_select-application-cart .mgPlayerJSProd_application-img-wrapper .mgPlayerJSProd_logo-image {
max-height: 60px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-list-img .selected-application-tick {
position: absolute;
z-index: 99999999999999;
top: -10px;
right: -10px;
width: 24px;
height: 24px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_app-settings {
position: absolute;
z-index: 99999999999999;
top: 5px;
width: 25px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_app-settings svg {
vertical-align: top;
width: 25px;
height: 25px;
border-radius: 50%;
background: #fff;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_app-settings svg path {
fill: #00a000;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-details-wrapper {
height: 30px;
background: #ffffff;
border-radius: 4px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-details-wrapper .mgPlayerJSProd_application-list-title {
width: 100%;
background: #ffffff;
text-align: center;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-details-wrapper .mgPlayerJSProd_icon-settings-domain-wrapper {
width: 25px;
height: 25px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-details-wrapper .mgPlayerJSProd_icon-settings-domain-wrapper:hover {
background: #EBEEF1;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-details-wrapper .mgPlayerJSProd_icon-settings-domain-wrapper .mgPlayerJSProd_icon-settings-domain {
width: 15px;
height: 15px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper::-webkit-scrollbar-track {
-webkit-box-shadow: none !important;
border-radius: 10px !important;
background-color: transparent !important;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper::-webkit-scrollbar {
width: 10px !important;
height: 11px !important;
background-color: transparent !important;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper::-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: none !important;
background-color: #6f708b !important;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-dropdown-close-wrapper {
height: 70px;
background: #F5F5F5;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-dropdown-close-wrapper .mgPlayerJSProd_dropdown-btn-close {
width: 70px;
height: 40px;
background: linear-gradient(0deg, #F5F5F5, #F5F5F5), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
border: 1px solid #BBBBBB;
box-sizing: border-box;
border-radius: 4px;
margin: 0 25px;
font-size: 14px;
box-shadow: 0px 1px 2px 0px #00000014;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-dropdown-close-wrapper .mgPlayerJSProd_dropdown-btn-close:hover {
background: rgba(102, 102, 102, 0.05);
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-tab-wrapper {
text-align: center;
background: #ffffff;
border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
transition: all 0.3s;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-tab-wrapper .mgPlayerJSProd_application-tab {
position: relative;
width: 50%;
text-align: center;
cursor: pointer;
padding: 8px;
color: #757575;
float: left;
font-weight: bold;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-tab-wrapper .mgPlayerJSProd_application-tab:hover {
color: #1d1d1d;
background: #f5f5f5;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-tab-wrapper .mgPlayerJSProd_application-tab.mgPlayerJSProd_active-tab {
color: #1d1d1d !important;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-tab-wrapper .mgPlayerJSProd_application-tab.mgPlayerJSProd_active-tab:before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #1d1d1d;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
content: '';
display: block;
height: 2px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-selected {
border: 2px solid var(--mg-primary) !important;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-selected .mgPlayerJSProd_application-list-img {
height: 90px !important;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-selected .mgPlayerJSProd_application-details-wrapper {
height: 30px !important;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_guide-automation-icon {
width: 32px;
height: 32px;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_guide-automation-icon svg {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_guide-automation-icon svg path {
fill: var(--mg-primary);
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper.mgPlayerJSProd_select-application-open {
background: #ffffff;
border-color: #E6E6E6;
}
div.ege-panel-header .mgPlayerJSProd_app-wrapper.mgPlayerJSProd_select-application-open .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown {
box-shadow: none;
}
div.ege-panel-header .mgPlayerJSProd_add-category-wrapper {
position: absolute;
width: 50px;
height: 50px;
bottom: 55px;
right: 25px;
box-shadow: 0 1px 2px 0 rgba(65, 69, 73, 0.3), 0 1px 3px 1px rgba(65, 69, 73, 0.15);
background: var(--mg-primary);
border-radius: 50%;
z-index: 100;
}
div.ege-panel-header .mgPlayerJSProd_add-category-wrapper .mgPlayerJSProd_theme-color {
color: #ffffff;
}
div.ege-panel-header .mgPlayerJSProd_add-category-wrapper .mgPlayerJSProd_add-icon {
width: 18px;
height: 18px;
}
div.ege-panel-header .mgPlayerJSProd_add-category-wrapper .mgPlayerJSProd_add-folder-label {
margin: 1px 0px 0px 0px;
}
div.ege-panel-header .mgPlayerJSProd_add-category-wrapper:hover {
background: var(--mg-primary-btn-hover);
}
div.ege-panel-header .mgPlayerJSProd_add-category-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper {
top: auto;
bottom: -30px;
right: 0;
font-weight: normal !important;
display: block !important;
}
.ege-panel-worldbank-player-header {
background: #f2f2f2;
width: 100%;
height: 138px;
overflow: hidden;
margin: 5px 0 0 0;
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_banner-details-wrapper {
position: relative;
float: left;
width: 70%;
height: 100%;
padding: 10px 5px 10px 20px;
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_banner-details-wrapper .header-title {
color: #043d60;
margin: 0 0 10px 0;
font-weight: 550;
font-size: 14px;
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_banner-details-wrapper .header-description {
color: #404040;
font-size: 13px;
line-height: 17px;
word-break: break-word;
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_banner-details-wrapper .header-description a {
color: #FEC956 !important;
font-size: 14px !important;
cursor: pointer;
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_banner-details-wrapper .header-text-support {
color: #404040;
font-size: 13px;
margin: 10px 0 0 0;
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_banner-details-wrapper .header-text-support a {
color: #FEC956 !important;
cursor: pointer;
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_banner-details-wrapper .mgPlayerJSProd_view-info {
position: absolute;
bottom: 5px;
right: 13px;
color: #043d60;
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_iguide-tools-wrapper {
float: left;
width: 30%;
height: 100%;
padding: 6px 5px;
background: #043d60;
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_iguide-tools-wrapper .mgPlayerJSProd_tool-header {
color: #ffffff;
font-size: 12px;
text-align: center;
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_iguide-tools-wrapper .mgPlayerJSProd_tool-option {
margin: 8px 0px;
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_iguide-tools-wrapper .mgPlayerJSProd_tool-option .mgPlayerJSProd_tool-icon {
margin: 0px 3px 0px 0px;
position: relative;
width: 18px;
height: 18px;
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_iguide-tools-wrapper .mgPlayerJSProd_tool-option .mgPlayerJSProd_tool-icon svg {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ege-panel-worldbank-player-header .mgPlayerJSProd_iguide-tools-wrapper .mgPlayerJSProd_tool-option .mgPlayerJSProd_tool-label {
color: #ffffff;
font-size: 11px;
line-height: 13px;
}
.ege-panel-worldbank-player-header img {
position: absolute;
height: 138px;
max-height: 138px;
width: 26px;
max-width: 26px;
top: 6px;
right: 0;
}
div.ege-panel-main-container {
padding: 0 0 10px 0;
}
div.ege-panel-main-container.tour-view-page-container {
background: #ffffff;
}
.mgPlayerJSProd_theme-mplayer-header {
width: 100%;
padding: 15px 20px;
border-radius: 6px 6px 0px 0px;
cursor: move;
}
.mgPlayerJSProd_theme-mplayer-header .mgPlayerJSProd_theme-mplayer-header-icon .mgPlayerJSProd_mplayer-icon {
width: 15px;
height: 15px;
}
.mgPlayerJSProd_theme-mplayer-header .mgPlayerJSProd_theme-mplayer-header-icon #mgPlayerJSProd_micro_player_drag {
width: 18px;
height: 18px;
}
.mgPlayerJSProd_theme-mplayer-header .mgPlayerJSProd_theme-mplayer-header-icon #mgPlayerJSProd_micro_player_drag svg {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mgPlayerJSProd_maintenance-page-container {
position: relative;
width: 100%;
height: 100%;
}
.mgPlayerJSProd_maintenance-page-container .mgPlayerJSProd_maintenance-icon-wrapper svg {
width: 400px;
height: 400px;
}
.mgPlayerJSProd_maintenance-page-container .mgPlayerJSProd_maintenance-message-wrapper {
width: 400px;
height: 100px;
}
.back-btn {
position: relative;
padding: 4px;
}
.back-btn:hover {
background: none;
}
.back-btn:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.back-btn svg {
width: 16px;
height: 23px;
}
.back-btn svg path {
fill: #757575;
transition: all 0.3s;
}
.mgPlayerJSProd_chat-back-btn {
padding: 14px !important;
width: 45px !important;
height: 45px !important;
}
.mgPlayerJSProd_chat-back-btn:hover .mgPlayerJSProd_title-tooltip-wrapper {
top: 45px;
left: 5px;
font-weight: normal !important;
display: block !important;
}
.mgPlayerJSProd_chat-back-btn svg {
cursor: pointer;
vertical-align: middle;
width: 12px;
height: 14px;
}
.mgPlayerJSProd_chat-back-btn svg path {
fill: #555555;
transition: all 0.3s;
}
.mgPlayerJSProd_btn-default {
font-family: Arial, sans-serif;
text-align: center;
font-weight: normal;
color: #ffffff;
cursor: pointer;
line-height: 35px;
font-size: 14px;
height: 35px;
min-width: 100px;
max-width: 140px;
transition: all 0.3s;
background: var(--mg-primary-btn-base);
background: linear-gradient(0deg, #fff0, #ffffff40), var(--mg-primary-btn-base);
border: none;
outline: none;
padding: 0px 10px;
margin: 0px 5px;
border-radius: 4px;
}
.mgPlayerJSProd_btn-default:hover {
background: var(--mg-primary-btn-hover);
}
.mgPlayerJSProd_btn-default:focus {
background: var(--mg-primary-btn-focus);
outline: medium solid black;
}
.mgPlayerJSProd_btn-default:active {
background: var(--mg-primary-btn-active);
}
.mgPlayerJSProd_btn-default:disabled,
.mgPlayerJSProd_btn-default.disabled {
background: #F5F5F5;
color: #BBBBBB;
border-color: #E6E6E6;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-neutral {
height: 35px;
border: 1px solid #acadc1;
background: #ffffff;
color: #26273b;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-neutral:hover {
background: #F0F0F5;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-neutral:focus {
background: #DFE0E7;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-neutral:active {
background: #CFD0DD;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border {
border: 1px solid var(--mg-primary);
color: var(--mg-primary);
background: #ffffff;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border:hover {
background: #EBF7F5;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border:focus {
background: var(--mg-primary-hover);
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border:active {
background: #A6DED4;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border.mgPlayerJSProd_btn-svg .mgPlayerJSProd_btn-svg-wrapper {
width: 15px;
height: 15px;
margin: 0px 5px 0px 0px;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border.mgPlayerJSProd_btn-svg .mgPlayerJSProd_btn-svg-wrapper svg {
width: 100%;
height: 100%;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border.mgPlayerJSProd_btn-svg .mgPlayerJSProd_btn-svg-wrapper svg path {
fill: var(--mg-primary);
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-large {
width: 100%;
height: 40px;
padding: 10px;
line-height: 20px;
max-width: 100%;
margin: 0;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-error {
background: #DE350B !important;
color: #ffffff !important;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-error:hover {
background: #d45c55 !important;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-error:focus {
background: #b3463f !important;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-error:active {
background: #993b36 !important;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-error svg path {
fill: #ffffff !important;
}
.signin-page-container,
.forgot-password-page-container {
overflow-y: auto;
overflow-x: hidden;
}
.signin-page-container::-webkit-scrollbar-track,
.forgot-password-page-container::-webkit-scrollbar-track {
-webkit-box-shadow: none !important;
border-radius: 10px !important;
background-color: transparent !important;
}
.signin-page-container::-webkit-scrollbar,
.forgot-password-page-container::-webkit-scrollbar {
width: 10px !important;
height: 11px !important;
background-color: transparent !important;
}
.signin-page-container::-webkit-scrollbar-thumb,
.forgot-password-page-container::-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: none !important;
background-color: #6f708b !important;
}
.signin-page-container .page-title-wrapper {
color: var(--mg-primary);
font-size: 16px;
padding: 0 15px 10px 50px;
margin: 10px 0 0 0;
}
.signin-page-container .page-title-wrapper div {
color: #757575;
font-size: 15px;
}
.signin-page-container .signin-page-wrapper {
margin: 5px 50px 0 50px;
}
.signin-page-container .signin-page-wrapper .login-page-gray-blocks {
padding-right: 70px;
padding-left: 70px;
background: #fcfcfc;
border: 1px solid #f2f2f2;
margin: 0 0 5px 0;
box-shadow: 0 2px 5px 0px #efefef;
}
.signin-page-container .signin-page-wrapper .signin-form-container {
padding-bottom: 10px;
border: 1px solid #f2f2f2;
padding-top: 10px;
box-shadow: 0 2px 5px 0px #efefef;
}
.signin-page-container .signin-page-wrapper .signin-form-container .signin-form {
margin: 0 0 5px 0;
}
.signin-page-container .signin-page-wrapper .signin-form-container .signin-form .signin-form-input-icon {
padding: 7px 9px;
font-size: 13px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #fff;
border: 1px solid #ccc;
border-right: 0;
margin-right: -3px;
width: 7%;
}
.signin-page-container .signin-page-wrapper .signin-form-container .signin-form .mgPlayerJSProd_input-type-text {
width: 100% !important;
}
.signin-page-container .signin-page-wrapper .signin-form-container .signin-form .mgPlayerJSProd_input-type-text:hover {
border: none;
}
.signin-page-container .signin-page-wrapper .signin-btn {
margin: 15px 0 15px 0;
font-size: 15px;
width: 100%;
background: #fff !important;
border: 2px solid var(--mg-primary) !important;
color: var(--mg-primary) !important;
box-shadow: none;
line-height: 25px !important;
}
.signin-page-container .signin-page-wrapper .signin-btn:hover {
background: var(--mg-primary) !important;
color: #fff !important;
}
.signin-page-container .signin-page-wrapper .remember-checkbox {
vertical-align: middle;
line-height: 20px;
width: 14px;
margin: 2px 5px 0 0;
height: 14px;
padding: 0px;
display: inline-block !important;
}
.signin-page-container .signin-page-wrapper .forgot-password-text-wrapper {
cursor: pointer;
color: var(--mg-primary);
}
.signin-page-container .signin-page-wrapper .or-text-separator {
background: #fcfcfc;
padding: 0 0 0 70px;
font-style: italic;
}
.signin-page-container .signin-page-wrapper .login-via {
margin: -10px 0 15px 0;
font-size: 16px;
}
.signin-page-container .signin-page-wrapper .azure-login-btn {
display: none;
font-size: 15px;
width: 100%;
margin: 15px 0 0 0;
}
.signin-page-container .signin-page-wrapper .azure-login-btn svg {
width: 15px;
height: 15px;
vertical-align: middle;
margin: 0 4px 4px 0;
}
.signin-page-container .signin-page-wrapper .azure-login-btn svg path {
fill: #fff;
}
.signin-page-container .signin-page-wrapper .azure-login-btn svg polygon {
fill: #fff;
}
.signin-page-container .signin-page-wrapper .ed-login-btn {
font-size: 15px;
width: 100%;
margin: 0 0 0 0;
background: #fff !important;
border: 2px solid var(--mg-primary) !important;
color: var(--mg-primary) !important;
box-shadow: none;
line-height: 25px !important;
}
.signin-page-container .signin-page-wrapper .ed-login-btn:hover {
background: var(--mg-primary) !important;
color: #fff !important;
}
.signin-page-container .signin-page-wrapper.mgPlayerJSProd_change-password-wrapper {
margin: 20px;
}
.signin-page-container .signin-page-wrapper.mgPlayerJSProd_change-password-wrapper .mgPlayerJSProd_change-password-label {
color: #707070;
font-weight: 700;
margin-top: 5px;
}
.signin-page-container .signin-page-wrapper.mgPlayerJSProd_change-password-wrapper .mgPlayerJSProd_change-password-footer {
position: absolute;
top: calc(100vh - 110px);
left: 0;
width: 100%;
}
.signin-page-container .signin-page-wrapper.mgPlayerJSProd_change-password-wrapper .mgPlayerJSProd_btn-default {
margin: 0px 5px;
}
.forgot-password-page-container .page-title-wrapper {
font-size: 16px;
padding: 0 15px 10px 50px;
margin: 10px 0 0 0;
}
.forgot-password-page-container .page-title-wrapper div {
color: #757575;
font-size: 15px;
}
.forgot-password-page-container .forgot-password-form-wrapper {
margin: 0 50px 0 50px;
border: 1px solid #f2f2f2;
}
.forgot-password-page-container .forgot-password-form-wrapper .forgot-password-page-gray-blocks {
padding: 20px 70px 20px 70px;
background: #fcfcfc;
}
.forgot-password-page-container .forgot-password-form-wrapper .forgot-password-page-gray-blocks .forgot-password-form input {
display: inline-block;
width: 84% !important;
margin-bottom: 20px !important;
}
.forgot-password-page-container .forgot-password-form-wrapper .forgot-password-page-gray-blocks .forgot-password-form input:hover {
border: none;
}
.forgot-password-page-container .forgot-password-form-wrapper .forgot-password-btn {
width: 100%;
margin: 0 0 10px 0;
}
.forgot-password-page-container .reset-password-form-wrapper {
padding: 0 20px 20px 20px;
}
.forgot-password-page-container .reset-password-form-wrapper .reset-password-page-gray-blocks {
padding: 15px;
background: #eeeeee;
margin: 0 0 5px 0;
}
.forgot-password-page-container .reset-password-form-wrapper .align-center {
margin: 10px 0px 0px;
}
.forgot-password-page-container .reset-password-form-wrapper .reset-password-btn {
width: 100%;
margin: 0 50px 0 0;
}
.home-page-container .back-btn.disabled {
opacity: 0.5;
pointer-events: none;
}
.mgPlayerJSProd_no-app-container {
margin: 60px 0px 0px 0px;
}
.mgPlayerJSProd_no-app-container .mgPlayerJSProd_no-app-icon {
width: 350px;
height: 210px;
}
.mgPlayerJSProd_no-app-container .mgPlayerJSProd_no-app-icon svg {
width: 350px;
height: 210px;
}
.mgPlayerJSProd_no-app-container .mgPlayerJSProd_icon-msg {
width: 105px;
height: 47px;
color: #454560;
font-size: 35px;
}
.mgPlayerJSProd_no-app-container .mgPlayerJSProd_default-app-msg,
.mgPlayerJSProd_no-app-container .mgPlayerJSProd_contact-support-msg {
width: 350px;
}
.mgPlayerJSProd_no-app-container .mgPlayerJSProd_contact-info {
outline: none;
}
.mgPlayerJSProd_no-app-container .mgPlayerJSProd_contact-info:hover,
.mgPlayerJSProd_no-app-container .mgPlayerJSProd_contact-info:visited {
font-size: 16px;
}
/* Css for category list page header( Search Box + Back Button + Add Plus Button) */
.list-page-header .list-page-header-wrapper {
padding: 0 15px 0px 15px;
border-bottom: 1px solid #F6F6F6 !important;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_search-wrapper {
width: 80% !important;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_search-wrapper.full-width {
width: 85% !important;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_search-wrapper .search-inner-wrapper .search-text-input {
width: 84% !important;
}
.list-page-header .list-page-header-wrapper .search-wrapper {
color: var(--mg-primary);
font-size: 15px;
line-height: 25px;
width: 90%;
}
.list-page-header .list-page-header-wrapper .search-wrapper.full-width {
width: 100%;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper {
text-align: left;
background: #ffffff;
border: 1px solid transparent;
margin: 12px 5px;
border-radius: 30px;
height: 40px;
border: 1px solid #82BEFC;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .search-icon {
margin: 0 0 3px 7px;
color: #a9a9a9;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .search-icon svg {
width: 15px;
height: 15px;
margin: 5px 0 0 0;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .search-icon svg path {
fill: #a9a9a9;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .search-text-input {
border: none !important;
width: 86%;
border-radius: 0 !important;
margin: 2px 5px !important;
display: inline-block !important;
height: 35px !important;
line-height: 25px !important;
padding: 0 !important;
background: #ffffff !important;
box-shadow: none !important;
outline: none !important;
font-family: Arial, sans-serif;
font-size: 13px !important;
color: #666 !important;
text-align: left !important;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .search-text-input::-ms-clear {
display: none;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .search-text-input:focus {
background: #ffffff;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .search-close-icon {
cursor: pointer;
font-size: 15px !important;
display: none;
margin: -2px 0 0 0;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .search-close-icon svg {
width: 12px;
height: 12px;
margin: 3px 0 0 0;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .search-close-icon svg path {
fill: #a9a9a9;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .search-close-icon.active {
display: inline;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .mgPlayerJSProd_search-filter-wrapper {
position: relative;
width: 25px;
height: 25px;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .mgPlayerJSProd_search-filter-wrapper .mgPlayerJSProd_filter-dropdown-wrapper {
position: absolute;
top: 32px;
right: -3px;
padding: 5px;
width: 100px;
background: #ffffff;
z-index: 999;
box-shadow: 0 3px 6px rgba(111, 111, 111, 0.2);
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .mgPlayerJSProd_search-filter-wrapper .mgPlayerJSProd_filter-dropdown-wrapper .mgPlayerJSProd_filter-item {
cursor: pointer;
padding: 5px;
width: 100%;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .mgPlayerJSProd_search-filter-wrapper .mgPlayerJSProd_filter-dropdown-wrapper .mgPlayerJSProd_filter-item:hover .mgPlayerJSProd_filter-item-label,
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .mgPlayerJSProd_search-filter-wrapper .mgPlayerJSProd_filter-dropdown-wrapper .mgPlayerJSProd_filter-item:hover .mgPlayerJSProd_filter-item-icon {
color: var(--mg-primary);
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .mgPlayerJSProd_search-filter-wrapper .mgPlayerJSProd_filter-dropdown-wrapper .mgPlayerJSProd_filter-item:hover .mgPlayerJSProd_filter-item-label svg path,
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .mgPlayerJSProd_search-filter-wrapper .mgPlayerJSProd_filter-dropdown-wrapper .mgPlayerJSProd_filter-item:hover .mgPlayerJSProd_filter-item-icon svg path {
fill: var(--mg-primary);
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .mgPlayerJSProd_search-filter-wrapper .mgPlayerJSProd_filter-dropdown-wrapper .mgPlayerJSProd_filter-item .mgPlayerJSProd_filter-item-icon svg path {
fill: #757575;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper .mgPlayerJSProd_search-filter-wrapper .mgPlayerJSProd_filter-dropdown-wrapper .mgPlayerJSProd_filter-item .mgPlayerJSProd_filter-item-label {
padding: 0px 5px;
}
.list-page-header .list-page-header-wrapper .search-wrapper .search-inner-wrapper:focus-within {
border: 1px solid #82BEFC;
box-shadow: 0 1px 1px #82BEFC;
}
.list-page-header .list-page-header-wrapper .all-guides-filters-tab {
height: 50px;
background: #FAFCFE;
border-top: 1px solid rgba(0, 120, 212, 0.07);
}
.list-page-header .list-page-header-wrapper .all-guides-filters-tab .mgPlayerJSProd_library-filter-wrapper {
margin: 5px 10px;
}
.list-page-header .list-page-header-wrapper .all-guides-filters-title {
font-size: 13px;
}
.list-page-header .list-page-header-wrapper .all-guides-filters-title svg {
width: 11px;
height: 14px;
vertical-align: middle;
}
.list-page-header .list-page-header-wrapper .all-guides-filters-title svg path {
fill: #757575;
}
.list-page-header .list-page-header-wrapper .all-guides-filters {
position: relative;
width: 80px;
text-align: center;
margin: 0 0 0 10px;
background: #ffffff;
font-size: 13px;
cursor: pointer;
border-radius: 2px;
padding: 3px 0px;
border: 1px solid transparent;
transition: all 0.3s;
}
.list-page-header .list-page-header-wrapper .all-guides-filters:hover {
color: var(--mg-primary);
border: 1px solid var(--mg-primary);
padding: 3px 0px;
}
.list-page-header .list-page-header-wrapper .all-guides-filters.all-guides-filters-published {
width: 120px;
}
.list-page-header .list-page-header-wrapper .all-guides-filters.active-filter {
color: #ffffff;
background: var(--mg-primary);
}
.list-page-header .list-page-header-wrapper .all-guides-filters.active-filter:hover {
border: none !important;
padding: 3px 0px;
background: #007cad;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters {
position: relative;
text-align: center;
margin: 0 0 0 10px;
color: #666;
background: #ffffff;
font-size: 13px;
cursor: pointer;
border-radius: 2px;
padding: 4px 5px;
border: 1px solid transparent;
transition: all 0.3s;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-label,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-icon {
pointer-events: none;
margin: 0 0 0 3px;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters:hover {
background: #e9e9e9;
border: 1px solid #999;
padding: 4px 5px;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters:hover span {
color: #000000;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters.mgPlayerJSProd_selected-filter {
background: #e9e9e9;
border: 1px solid #999;
padding: 4px 9px;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters.mgPlayerJSProd_active-filter {
color: #ffffff;
background: var(--mg-primary);
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters.mgPlayerJSProd_active-filter:hover {
border: none !important;
padding: 3px 0px;
background: #007cad;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-user,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-published,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-assignee,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-sort {
display: none;
position: absolute;
top: 28px;
left: 0;
max-width: 180px;
max-height: 290px;
background-color: #fff;
border: 1px solid #ccc;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
overflow-x: hidden;
overflow-y: auto;
z-index: 11999;
box-shadow: 0 3px 6px rgba(111, 111, 111, 0.2);
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-user .mgPlayerJSProd_all-guides-search-filters-dropdown-item,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-published .mgPlayerJSProd_all-guides-search-filters-dropdown-item,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-assignee .mgPlayerJSProd_all-guides-search-filters-dropdown-item,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-sort .mgPlayerJSProd_all-guides-search-filters-dropdown-item {
padding: 5px 22px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-user .mgPlayerJSProd_all-guides-search-filters-dropdown-item:hover,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-published .mgPlayerJSProd_all-guides-search-filters-dropdown-item:hover,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-assignee .mgPlayerJSProd_all-guides-search-filters-dropdown-item:hover,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-sort .mgPlayerJSProd_all-guides-search-filters-dropdown-item:hover,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-user .mgPlayerJSProd_all-guides-search-filters-dropdown-item.mgPlayerJSProd_selected-filter-dropdown-item,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-published .mgPlayerJSProd_all-guides-search-filters-dropdown-item.mgPlayerJSProd_selected-filter-dropdown-item,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-assignee .mgPlayerJSProd_all-guides-search-filters-dropdown-item.mgPlayerJSProd_selected-filter-dropdown-item,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-sort .mgPlayerJSProd_all-guides-search-filters-dropdown-item.mgPlayerJSProd_selected-filter-dropdown-item {
background: var(--mg-primary-hover);
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-user::-webkit-scrollbar-track,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-published::-webkit-scrollbar-track,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-assignee::-webkit-scrollbar-track,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-sort::-webkit-scrollbar-track {
-webkit-box-shadow: none !important;
border-radius: 10px !important;
background-color: transparent !important;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-user::-webkit-scrollbar,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-published::-webkit-scrollbar,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-assignee::-webkit-scrollbar,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-sort::-webkit-scrollbar {
width: 10px !important;
height: 11px !important;
background-color: transparent !important;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-user::-webkit-scrollbar-thumb,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-published::-webkit-scrollbar-thumb,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-assignee::-webkit-scrollbar-thumb,
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_all-guides-search-filters .mgPlayerJSProd_all-guides-search-filters-dropdown-sort::-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: none !important;
background-color: #6f708b !important;
}
.list-page-header .list-page-header-wrapper .mgPlayerJSProd_search-result-wrapper {
height: 54px;
}
.list-page-header .list-page-header-wrapper .chatbot-back-icon {
position: relative;
float: none;
margin: 0px 0 0 0;
background: transparent;
color: #fff;
text-align: center;
padding-left: 7px;
font-size: 15px;
}
.list-page-header .list-page-header-wrapper .chatbot-back-icon .chatbot-add-icon-svg {
width: 18px;
}
/* Css for Search Box */
.search-wrapper {
color: var(--mg-primary);
font-size: 15px;
line-height: 25px;
width: 85%;
}
.search-wrapper.full-width {
width: 88%;
}
.search-wrapper .search-inner-wrapper {
text-align: left;
background: #ffffff;
border: 1px solid transparent;
margin: 12px 5px;
border-radius: 30px;
height: 40px;
border: 1px solid #82BEFC;
}
.search-wrapper .search-inner-wrapper .search-icon {
margin: 0 0 3px 7px;
color: #a9a9a9;
}
.search-wrapper .search-inner-wrapper .search-icon svg {
width: 15px;
height: 15px;
margin: 5px 0 0 0;
}
.search-wrapper .search-inner-wrapper .search-icon svg path {
fill: #a9a9a9;
}
.search-wrapper .search-inner-wrapper .search-text-input {
border: none !important;
width: 86% !important;
border-radius: 0 !important;
margin: 2px 5px !important;
display: inline-block !important;
height: 35px !important;
line-height: 25px !important;
padding: 0 !important;
background: #ffffff !important;
box-shadow: none !important;
outline: none !important;
font-family: Arial, sans-serif;
font-size: 13px !important;
color: #666 !important;
text-align: left !important;
}
.search-wrapper .search-inner-wrapper .search-text-input::-ms-clear {
display: none;
}
.search-wrapper .search-inner-wrapper .search-text-input:focus {
background: #ffffff;
}
.search-wrapper .search-inner-wrapper .search-close-icon {
cursor: pointer;
font-size: 15px !important;
display: none;
margin: -2px 0 0 0;
}
.search-wrapper .search-inner-wrapper .search-close-icon svg {
width: 12px;
height: 12px;
margin: 3px 0 0 0;
}
.search-wrapper .search-inner-wrapper .search-close-icon svg path {
fill: #a9a9a9;
}
.search-wrapper .search-inner-wrapper .search-close-icon.active {
display: inline;
}
.search-wrapper .search-inner-wrapper:focus-within {
border: 1px solid #82BEFC;
box-shadow: 0 1px 1px #82BEFC;
}
.breadcrums-container {
width: 435px;
padding: 10px 0px;
border-bottom: 1px solid #F6F6F6 !important;
}
.breadcrums-container.mgPlayerJSProd_breadcrums-container-mPlayer {
width: 335px;
}
.breadcrums-container .breadcrum-item {
margin: 0 0 0 7px;
cursor: pointer;
}
.breadcrums-container .breadcrum-item .breadcrum-arrow-icon {
font-size: 11px;
margin: 0 3px 0 0;
}
.breadcrums-container .breadcrum-item .breadcrum-arrow-icon svg {
width: 14px;
height: 17px;
vertical-align: middle;
}
.breadcrums-container .breadcrum-item .breadcrum-arrow-icon svg path {
fill: #666666;
}
.breadcrums-container .breadcrum-item:last-child {
pointer-events: none;
}
.breadcrums-container .breadcrum-title {
text-overflow: ellipsis;
white-space: nowrap;
max-width: 115px;
overflow: hidden;
font-size: 11px;
line-height: 20px;
transition: all 0.3s;
}
.breadcrums-container .breadcrum-title:hover {
color: var(--mg-primary);
}
.breadcrums-container .breadcrum-title.active-breadcrum {
color: rgba(0, 0, 0, 0.6);
font-weight: 550;
}
.guide-view-header-panel-container {
padding: 7px 0px 7px 13px;
box-shadow: 0 1px 10px -2px #cfd0dd;
}
.guide-view-header-panel-container .guide-view-header-panel {
display: inline-block;
text-align: center;
margin: 0px 6px;
vertical-align: middle;
}
.guide-view-header-panel-container .guide-view-header-panel.move-right {
float: right;
}
.guide-view-header-panel-container .guide-view-header-panel.mgPlayerJSProd_increase-width {
width: 105px;
}
.guide-view-header-panel-container .guide-view-header-panel.disabled-icon {
pointer-events: none;
opacity: 0.5;
}
.guide-view-header-panel-container .guide-view-header-panel .mgPlayerJSProd_guide-play-mode-wrapper .mgPlayerJSProd_input-radio-custom,
.guide-view-header-panel-container .guide-view-header-panel .mgPlayerJSProd_guide-play-mode-wrapper .mgPlayerJSProd_selected-mode-tick {
position: absolute;
top: 0;
right: 0;
}
.guide-view-header-panel-container .guide-view-header-panel .mgPlayerJSProd_guide-play-mode-wrapper:hover .mgPlayerJSProd_input-radio-custom {
opacity: 1 !important;
}
.guide-view-header-panel-container .guide-view-header-panel .mgPlayerJSProd_guide-play-mode-wrapper .mgPlayerJSProd_selected-mode-tick {
width: 15px;
height: 15px;
top: 2px;
}
.guide-view-header-panel-container .guide-view-header-panel .mgPlayerJSProd_guide-play-mode-wrapper .mgPlayerJSProd_selected-mode-tick svg {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.guide-view-header-panel-container .guide-view-header-panel .mgPlayerJSProd_guide-play-mode-wrapper .mgPlayerJSProd_selected-mode-tick:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons {
cursor: pointer;
background: #f8f8fb;
height: 40px;
width: 40px;
border-radius: 50%;
box-shadow: 1px 2px 4px 0 rgba(46, 61, 73, 0.2);
text-align: center;
margin: 10px auto 3px auto;
transition: all 0.3s;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_header-icon-preview svg {
width: 20px;
height: 20px;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_header-icon-guideme svg {
width: 19px;
height: 19px;
margin: 0px 0 0 2px;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_header-icon-showme svg {
width: 24px;
height: 24px;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_header-icon-doit svg {
width: 20px;
height: 20px;
margin: 0 0 0 1px;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_more-icon-wrapper:hover {
background: var(--mg-primary);
box-shadow: 1px 2px 4px 0 rgba(46, 61, 73, 0.2);
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_more-icon-wrapper:hover svg circle {
fill: #ffffff;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_more-icon-wrapper.activeAction {
background: var(--mg-primary);
box-shadow: 1px 2px 4px 0 rgba(46, 61, 73, 0.2);
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_more-icon-wrapper.activeAction svg circle {
fill: #ffffff;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_more-icon-wrapper svg {
pointer-events: none;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons svg {
width: 20px;
height: 20px;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons:hover,
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_active-play-mode {
background: var(--mg-primary);
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons:hover svg path,
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_active-play-mode svg path,
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons:hover svg polygon,
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_active-play-mode svg polygon,
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons:hover svg rect,
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_active-play-mode svg rect {
fill: #fff;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons:hover svg #Layer-2 {
fill: #757575;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons:hover svg #path-1_1_ {
fill: #757575;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons:hover svg circle {
fill: var(--mg-primary);
stroke: #ffffff;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.activeAction svg path {
fill: #ffffff;
stroke: #ffffff;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.activeAction svg #Layer-2 {
fill: #6f708b;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.activeAction svg circle {
fill: var(--mg-primary);
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-publish {
background: #fff;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-publish svg {
width: 22px;
height: 22px;
margin: -1px 0 0 0;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-publish svg path {
fill: #757575;
stroke: none;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-publish svg polygon {
fill: #757575;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-publish:hover {
background: var(--mg-primary);
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-publish:hover svg path {
fill: #ffffff;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-publish:hover svg polygon {
fill: #ffffff;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-unpublish {
background: #fff;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-unpublish svg {
width: 22px;
height: 22px;
fill: #757575;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-unpublish svg path {
fill: #757575;
stroke: none;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-unpublish svg polygon {
fill: #757575;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-unpublish:hover {
background: #d0021b;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-unpublish:hover svg path {
fill: #fff;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_guide-unpublish:hover svg polygon {
fill: #fff;
}
.guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons-text {
width: 80px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: center;
margin: 3px 0px;
}
.mgPlayerJSProd_add-step-bottom-btn {
height: 50px;
width: 50px;
line-height: 33px;
box-shadow: 0 1px 2px 0 rgba(65, 69, 73, 0.3), 0 1px 3px 1px rgba(65, 69, 73, 0.15);
z-index: 100;
position: absolute;
display: flex;
align-items: center;
border-radius: 50%;
justify-content: center;
bottom: 55px;
right: 25px;
background: var(--mg-primary);
cursor: pointer;
}
.mgPlayerJSProd_add-step-bottom-btn svg {
margin-top: 4px;
height: 25px;
width: 25px;
}
.mgPlayerJSProd_add-step-bottom-btn svg path {
fill: #ffffff !important;
}
.mgPlayerJSProd_add-step-bottom-btn:hover {
background: var(--mg-primary-btn-hover);
}
.mgPlayerJSProd_add-step-bottom-btn:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
top: auto;
bottom: -30px;
right: 0;
}
.category-list-page-container .category-list,
.tour-list-page-container .category-list,
.tour-view-page-container .category-list,
.search-page-container .category-list {
height: 460px;
overflow: auto;
padding-bottom: 70px;
background: #fff;
}
.category-list-page-container .category-list .step-view-type-default,
.tour-list-page-container .category-list .step-view-type-default,
.tour-view-page-container .category-list .step-view-type-default,
.search-page-container .category-list .step-view-type-default {
padding-top: 0px;
}
.category-list-page-container .category-list .search-wrapper,
.tour-list-page-container .category-list .search-wrapper,
.tour-view-page-container .category-list .search-wrapper,
.search-page-container .category-list .search-wrapper {
color: var(--mg-primary);
font-size: 15px;
line-height: 25px;
width: 85%;
}
.category-list-page-container .category-list .search-wrapper.full-width,
.tour-list-page-container .category-list .search-wrapper.full-width,
.tour-view-page-container .category-list .search-wrapper.full-width,
.search-page-container .category-list .search-wrapper.full-width {
width: 88%;
}
.category-list-page-container .category-list .search-wrapper .search-inner-wrapper,
.tour-list-page-container .category-list .search-wrapper .search-inner-wrapper,
.tour-view-page-container .category-list .search-wrapper .search-inner-wrapper,
.search-page-container .category-list .search-wrapper .search-inner-wrapper {
text-align: left;
margin: 0 0 10px 0;
background: #f2f2f2;
border-radius: 2px;
border: 1px solid transparent;
margin: 12px 5px;
}
.category-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-icon,
.tour-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-icon,
.tour-view-page-container .category-list .search-wrapper .search-inner-wrapper .search-icon,
.search-page-container .category-list .search-wrapper .search-inner-wrapper .search-icon {
margin: 0 0 0 7px;
color: #a9a9a9;
}
.category-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-icon svg,
.tour-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-icon svg,
.tour-view-page-container .category-list .search-wrapper .search-inner-wrapper .search-icon svg,
.search-page-container .category-list .search-wrapper .search-inner-wrapper .search-icon svg {
width: 15px;
height: 15px;
margin: 5px 0 0 0;
}
.category-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-icon svg path,
.tour-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-icon svg path,
.tour-view-page-container .category-list .search-wrapper .search-inner-wrapper .search-icon svg path,
.search-page-container .category-list .search-wrapper .search-inner-wrapper .search-icon svg path {
fill: #a9a9a9;
}
.category-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-text-input,
.tour-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-text-input,
.tour-view-page-container .category-list .search-wrapper .search-inner-wrapper .search-text-input,
.search-page-container .category-list .search-wrapper .search-inner-wrapper .search-text-input {
border: none !important;
width: 86% !important;
border-radius: 0 !important;
margin: 0px 5px !important;
display: inline-block !important;
height: 30px !important;
line-height: 25px !important;
padding: 0 !important;
background: #f2f2f2;
box-shadow: none !important;
outline: none !important;
font-family: Arial, sans-serif;
font-size: 13px !important;
color: #666 !important;
text-align: left !important;
}
.category-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-text-input::-ms-clear,
.tour-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-text-input::-ms-clear,
.tour-view-page-container .category-list .search-wrapper .search-inner-wrapper .search-text-input::-ms-clear,
.search-page-container .category-list .search-wrapper .search-inner-wrapper .search-text-input::-ms-clear {
display: none;
}
.category-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-text-input:focus,
.tour-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-text-input:focus,
.tour-view-page-container .category-list .search-wrapper .search-inner-wrapper .search-text-input:focus,
.search-page-container .category-list .search-wrapper .search-inner-wrapper .search-text-input:focus {
background: #ffffff;
}
.category-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon,
.tour-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon,
.tour-view-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon,
.search-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon {
cursor: pointer;
font-size: 15px !important;
display: none;
margin: -2px 0 0 0;
}
.category-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon svg,
.tour-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon svg,
.tour-view-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon svg,
.search-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon svg {
width: 12px;
height: 12px;
margin: 3px 0 0 0;
}
.category-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon svg path,
.tour-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon svg path,
.tour-view-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon svg path,
.search-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon svg path {
fill: #a9a9a9;
}
.category-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon.active,
.tour-list-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon.active,
.tour-view-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon.active,
.search-page-container .category-list .search-wrapper .search-inner-wrapper .search-close-icon.active {
display: inline;
}
.category-list-page-container .category-list .search-wrapper .search-inner-wrapper:focus-within,
.tour-list-page-container .category-list .search-wrapper .search-inner-wrapper:focus-within,
.tour-view-page-container .category-list .search-wrapper .search-inner-wrapper:focus-within,
.search-page-container .category-list .search-wrapper .search-inner-wrapper:focus-within {
border: 1px solid rgba(0, 0, 0, 0.12);
background: #ffffff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
}
.category-list-page-container .category-list .add-branching-container,
.tour-list-page-container .category-list .add-branching-container,
.tour-view-page-container .category-list .add-branching-container,
.search-page-container .category-list .add-branching-container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.category-list-page-container .category-list .add-branching-container .mgPlayerJSProd_no-step-created,
.tour-list-page-container .category-list .add-branching-container .mgPlayerJSProd_no-step-created,
.tour-view-page-container .category-list .add-branching-container .mgPlayerJSProd_no-step-created,
.search-page-container .category-list .add-branching-container .mgPlayerJSProd_no-step-created {
margin: 0 0 12px 5px;
}
.category-list-page-container .category-list .add-branching-container label,
.tour-list-page-container .category-list .add-branching-container label,
.tour-view-page-container .category-list .add-branching-container label,
.search-page-container .category-list .add-branching-container label {
font-size: 18px;
color: #8E8FA6;
}
.category-list-page-container .category-list::-webkit-scrollbar-track,
.tour-list-page-container .category-list::-webkit-scrollbar-track,
.tour-view-page-container .category-list::-webkit-scrollbar-track,
.search-page-container .category-list::-webkit-scrollbar-track {
-webkit-box-shadow: none !important;
border-radius: 10px !important;
background-color: transparent !important;
}
.category-list-page-container .category-list::-webkit-scrollbar,
.tour-list-page-container .category-list::-webkit-scrollbar,
.tour-view-page-container .category-list::-webkit-scrollbar,
.search-page-container .category-list::-webkit-scrollbar {
width: 10px !important;
height: 11px !important;
background-color: transparent !important;
}
.category-list-page-container .category-list::-webkit-scrollbar-thumb,
.tour-list-page-container .category-list::-webkit-scrollbar-thumb,
.tour-view-page-container .category-list::-webkit-scrollbar-thumb,
.search-page-container .category-list::-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: none !important;
background-color: #6f708b !important;
}
.category-list-page-container .category-list .category-list-item,
.tour-list-page-container .category-list .category-list-item,
.tour-view-page-container .category-list .category-list-item,
.search-page-container .category-list .category-list-item {
padding: 10px 5px 10px 10px;
margin: 0;
cursor: pointer;
margin: 5px 10px 5px 10px;
border-bottom: 1px solid #E6E6E6;
}
.category-list-page-container .category-list .category-list-item .tour-count-tooltip,
.tour-list-page-container .category-list .category-list-item .tour-count-tooltip,
.tour-view-page-container .category-list .category-list-item .tour-count-tooltip,
.search-page-container .category-list .category-list-item .tour-count-tooltip {
width: 175px;
background: rgba(60, 64, 67, 0.9);
font-size: 12px;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 4px 8px;
position: absolute;
letter-spacing: 0.8px;
z-index: 1000;
transition: opacity 0.3s;
right: 0px;
top: -28px;
display: none;
}
.category-list-page-container .category-list .category-list-item .tour-count-wrapper,
.tour-list-page-container .category-list .category-list-item .tour-count-wrapper,
.tour-view-page-container .category-list .category-list-item .tour-count-wrapper,
.search-page-container .category-list .category-list-item .tour-count-wrapper {
position: relative;
width: 20px;
float: right;
right: 3px;
text-align: right;
margin-top: 6px;
}
.category-list-page-container .category-list .category-list-item .tour-count-wrapper .unpublish-tour-count,
.tour-list-page-container .category-list .category-list-item .tour-count-wrapper .unpublish-tour-count,
.tour-view-page-container .category-list .category-list-item .tour-count-wrapper .unpublish-tour-count,
.search-page-container .category-list .category-list-item .tour-count-wrapper .unpublish-tour-count {
width: 20px;
border-radius: 2px;
display: block;
position: relative;
}
.category-list-page-container .category-list .category-list-item .tour-count-wrapper .unpublish-tour-count .mgPlayerJSProd_unpublish-count-label,
.tour-list-page-container .category-list .category-list-item .tour-count-wrapper .unpublish-tour-count .mgPlayerJSProd_unpublish-count-label,
.tour-view-page-container .category-list .category-list-item .tour-count-wrapper .unpublish-tour-count .mgPlayerJSProd_unpublish-count-label,
.search-page-container .category-list .category-list-item .tour-count-wrapper .unpublish-tour-count .mgPlayerJSProd_unpublish-count-label {
color: #6f708b;
text-align: right;
line-height: 14px;
font-size: 11px;
font-weight: 600;
}
.category-list-page-container .category-list .category-list-item .tour-count-wrapper .unpublish-tour-count:hover .tour-count-tooltip,
.tour-list-page-container .category-list .category-list-item .tour-count-wrapper .unpublish-tour-count:hover .tour-count-tooltip,
.tour-view-page-container .category-list .category-list-item .tour-count-wrapper .unpublish-tour-count:hover .tour-count-tooltip,
.search-page-container .category-list .category-list-item .tour-count-wrapper .unpublish-tour-count:hover .tour-count-tooltip {
font-weight: normal !important;
display: block !important;
}
.category-list-page-container .category-list .category-list-item .tour-count-wrapper .publish-tour-count,
.tour-list-page-container .category-list .category-list-item .tour-count-wrapper .publish-tour-count,
.tour-view-page-container .category-list .category-list-item .tour-count-wrapper .publish-tour-count,
.search-page-container .category-list .category-list-item .tour-count-wrapper .publish-tour-count {
width: 20px;
border-radius: 2px;
display: block;
position: relative;
}
.category-list-page-container .category-list .category-list-item .tour-count-wrapper .publish-tour-count .mgPlayerJSProd_publish-count-label,
.tour-list-page-container .category-list .category-list-item .tour-count-wrapper .publish-tour-count .mgPlayerJSProd_publish-count-label,
.tour-view-page-container .category-list .category-list-item .tour-count-wrapper .publish-tour-count .mgPlayerJSProd_publish-count-label,
.search-page-container .category-list .category-list-item .tour-count-wrapper .publish-tour-count .mgPlayerJSProd_publish-count-label {
color: var(--mg-primary);
text-align: right;
line-height: 14px;
font-size: 11px;
font-weight: 600;
}
.category-list-page-container .category-list .category-list-item .tour-count-wrapper .publish-tour-count:hover .tour-count-tooltip,
.tour-list-page-container .category-list .category-list-item .tour-count-wrapper .publish-tour-count:hover .tour-count-tooltip,
.tour-view-page-container .category-list .category-list-item .tour-count-wrapper .publish-tour-count:hover .tour-count-tooltip,
.search-page-container .category-list .category-list-item .tour-count-wrapper .publish-tour-count:hover .tour-count-tooltip {
font-weight: normal !important;
display: block !important;
}
.category-list-page-container .category-list .category-list-item:hover .tour-count-wrapper,
.tour-list-page-container .category-list .category-list-item:hover .tour-count-wrapper,
.tour-view-page-container .category-list .category-list-item:hover .tour-count-wrapper,
.search-page-container .category-list .category-list-item:hover .tour-count-wrapper,
.category-list-page-container .category-list .category-list-item:hover .sub-cat-count-wrapper,
.tour-list-page-container .category-list .category-list-item:hover .sub-cat-count-wrapper,
.tour-view-page-container .category-list .category-list-item:hover .sub-cat-count-wrapper,
.search-page-container .category-list .category-list-item:hover .sub-cat-count-wrapper,
.category-list-page-container .category-list .category-list-item:hover .mgPlayerJSProd_drag-guide-icon-wrapper,
.tour-list-page-container .category-list .category-list-item:hover .mgPlayerJSProd_drag-guide-icon-wrapper,
.tour-view-page-container .category-list .category-list-item:hover .mgPlayerJSProd_drag-guide-icon-wrapper,
.search-page-container .category-list .category-list-item:hover .mgPlayerJSProd_drag-guide-icon-wrapper {
visibility: visible;
}
.category-list-page-container .category-list .category-list-item .sub-cat-count-wrapper,
.tour-list-page-container .category-list .category-list-item .sub-cat-count-wrapper,
.tour-view-page-container .category-list .category-list-item .sub-cat-count-wrapper,
.search-page-container .category-list .category-list-item .sub-cat-count-wrapper {
position: relative;
width: 20px;
float: right;
right: 3px;
text-align: right;
margin-top: 6px;
visibility: hidden;
}
.category-list-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count-icon,
.tour-list-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count-icon,
.tour-view-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count-icon,
.search-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count-icon {
width: 20px;
color: var(--mg-primary);
text-align: right;
line-height: 10px;
border-radius: 2px;
font-size: 10px;
display: block;
position: relative;
}
.category-list-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count-icon svg,
.tour-list-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count-icon svg,
.tour-view-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count-icon svg,
.search-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count-icon svg {
width: 14px;
height: 14px;
}
.category-list-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count-icon:hover .tour-count-tooltip,
.tour-list-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count-icon:hover .tour-count-tooltip,
.tour-view-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count-icon:hover .tour-count-tooltip,
.search-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count-icon:hover .tour-count-tooltip {
display: block !important;
}
.category-list-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count,
.tour-list-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count,
.tour-view-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count,
.search-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count {
width: 20px;
border-radius: 2px;
display: block;
position: relative;
}
.category-list-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count .mgPlayerJSProd_sub-cat-count-label,
.tour-list-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count .mgPlayerJSProd_sub-cat-count-label,
.tour-view-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count .mgPlayerJSProd_sub-cat-count-label,
.search-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count .mgPlayerJSProd_sub-cat-count-label {
color: var(--mg-primary);
text-align: right;
line-height: 10px;
font-size: 11px;
font-weight: 600;
}
.category-list-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count:hover .tour-count-tooltip,
.tour-list-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count:hover .tour-count-tooltip,
.tour-view-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count:hover .tour-count-tooltip,
.search-page-container .category-list .category-list-item .sub-cat-count-wrapper .sub-cat-count:hover .tour-count-tooltip {
font-weight: normal !important;
display: block !important;
}
.category-list-page-container .category-list .category-list-item .mgPlayerJSProd_plus-action-button,
.tour-list-page-container .category-list .category-list-item .mgPlayerJSProd_plus-action-button,
.tour-view-page-container .category-list .category-list-item .mgPlayerJSProd_plus-action-button,
.search-page-container .category-list .category-list-item .mgPlayerJSProd_plus-action-button {
display: none;
}
.category-list-page-container .category-list .category-list-item.active,
.tour-list-page-container .category-list .category-list-item.active,
.tour-view-page-container .category-list .category-list-item.active,
.search-page-container .category-list .category-list-item.active {
background: #f0f0f5;
padding: 7px 10px;
margin: 0 !important;
}
.category-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button,
.tour-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button,
.tour-view-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button,
.search-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button {
display: inline-block !important;
position: fixed;
bottom: 55px;
right: 25px;
height: 50px;
width: 50px;
box-shadow: 0 1px 2px 0 rgba(65, 69, 73, 0.3), 0 1px 3px 1px rgba(65, 69, 73, 0.15);
display: flex;
align-items: center;
border-radius: 50%;
justify-content: center;
background: var(--mg-primary);
z-index: 100;
}
.category-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button:hover,
.tour-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button:hover,
.tour-view-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button:hover,
.search-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button:hover {
background: var(--mg-primary-btn-hover);
}
.category-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button:hover .mgPlayerJSProd_title-tooltip-wrapper,
.tour-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button:hover .mgPlayerJSProd_title-tooltip-wrapper,
.tour-view-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button:hover .mgPlayerJSProd_title-tooltip-wrapper,
.search-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.category-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-plus-icon,
.tour-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-plus-icon,
.tour-view-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-plus-icon,
.search-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-plus-icon {
width: 50px;
height: 50px;
}
.category-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-plus-icon svg,
.tour-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-plus-icon svg,
.tour-view-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-plus-icon svg,
.search-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-plus-icon svg {
height: 18px;
width: 18px;
}
.category-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-action-tooltip,
.tour-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-action-tooltip,
.tour-view-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-action-tooltip,
.search-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-action-tooltip {
top: 55px !important;
right: 0;
}
.category-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-action-dropdown,
.tour-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-action-dropdown,
.tour-view-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-action-dropdown,
.search-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-action-dropdown {
right: 0;
bottom: 55px;
top: auto;
}
.category-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-action-dropdown .mgPlayerJSProd_dropdown-display-flex-wrapper,
.tour-list-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-action-dropdown .mgPlayerJSProd_dropdown-display-flex-wrapper,
.tour-view-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-action-dropdown .mgPlayerJSProd_dropdown-display-flex-wrapper,
.search-page-container .category-list .category-list-item.active .mgPlayerJSProd_plus-action-button .category-action-dropdown .mgPlayerJSProd_dropdown-display-flex-wrapper {
display: flex;
flex-direction: column-reverse;
}
.category-list-page-container .category-list .category-list-item.active .category-action-menu,
.tour-list-page-container .category-list .category-list-item.active .category-action-menu,
.tour-view-page-container .category-list .category-list-item.active .category-action-menu,
.search-page-container .category-list .category-list-item.active .category-action-menu {
display: initial !important;
}
.category-list-page-container .category-list .category-list-item.active .tour-count-wrapper,
.tour-list-page-container .category-list .category-list-item.active .tour-count-wrapper,
.tour-view-page-container .category-list .category-list-item.active .tour-count-wrapper,
.search-page-container .category-list .category-list-item.active .tour-count-wrapper {
display: none !important;
}
.category-list-page-container .category-list .category-list-item.active .sub-cat-count-wrapper,
.tour-list-page-container .category-list .category-list-item.active .sub-cat-count-wrapper,
.tour-view-page-container .category-list .category-list-item.active .sub-cat-count-wrapper,
.search-page-container .category-list .category-list-item.active .sub-cat-count-wrapper {
display: none !important;
}
.category-list-page-container .category-list .category-list-item.active .category-image-wrapper img,
.tour-list-page-container .category-list .category-list-item.active .category-image-wrapper img,
.tour-view-page-container .category-list .category-list-item.active .category-image-wrapper img,
.search-page-container .category-list .category-list-item.active .category-image-wrapper img {
background-clip: content-box;
padding: 1.5px;
border: 1.5px solid #ACADC1;
}
.category-list-page-container .category-list .category-list-item.active .category-image-wrapper img.mgPlayerJSProd_published-category,
.tour-list-page-container .category-list .category-list-item.active .category-image-wrapper img.mgPlayerJSProd_published-category,
.tour-view-page-container .category-list .category-list-item.active .category-image-wrapper img.mgPlayerJSProd_published-category,
.search-page-container .category-list .category-list-item.active .category-image-wrapper img.mgPlayerJSProd_published-category {
border-color: var(--mg-primary);
}
.category-list-page-container .category-list .category-list-item .mgPlayerJSProd_category-action-menu-wrapper,
.tour-list-page-container .category-list .category-list-item .mgPlayerJSProd_category-action-menu-wrapper,
.tour-view-page-container .category-list .category-list-item .mgPlayerJSProd_category-action-menu-wrapper,
.search-page-container .category-list .category-list-item .mgPlayerJSProd_category-action-menu-wrapper {
right: 24px !important;
}
.category-list-page-container .category-list .category-list-item.category-action-menu-active category-action-menu,
.tour-list-page-container .category-list .category-list-item.category-action-menu-active category-action-menu,
.tour-view-page-container .category-list .category-list-item.category-action-menu-active category-action-menu,
.search-page-container .category-list .category-list-item.category-action-menu-active category-action-menu {
display: initial !important;
}
.category-list-page-container .category-list .category-list-item.sub-category-list-item,
.tour-list-page-container .category-list .category-list-item.sub-category-list-item,
.tour-view-page-container .category-list .category-list-item.sub-category-list-item,
.search-page-container .category-list .category-list-item.sub-category-list-item {
padding: 10px 5px 10px 15px;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper,
.search-page-container .category-list .category-list-item .category-list-item-wrapper {
display: inline;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper {
position: relative;
width: 40px;
height: 40px;
margin-top: 0px;
border-radius: 50%;
box-sizing: content-box;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper:hover .mgPlayerJSProd_guide-tooltip-container,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper:hover .mgPlayerJSProd_guide-tooltip-container,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper:hover .mgPlayerJSProd_guide-tooltip-container,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper:hover .mgPlayerJSProd_guide-tooltip-container {
display: block;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image {
width: 40px;
height: 40px;
display: block;
border-radius: 50%;
background: #ffffff;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view {
width: 38px;
height: 38px;
background-clip: content-box;
padding: 1.5px;
border: 1.5px solid #ACADC1;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-category,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-category,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-category,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-category {
border-color: var(--mg-primary);
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-subfolder-unpub-folder,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-subfolder-unpub-folder,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-subfolder-unpub-folder,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-subfolder-unpub-folder {
border-color: #F79B42;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_category-icon svg rect,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_category-icon svg rect,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_category-icon svg rect,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_category-icon svg rect {
fill: #EBF7F5 !important;
stroke: var(--mg-primary) !important;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_category-icon svg path,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_category-icon svg path,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_category-icon svg path,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_category-icon svg path {
fill: var(--mg-primary) !important;
stroke: var(--mg-primary) !important;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg rect,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg rect,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg rect,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg rect {
fill: #FFF6ED !important;
stroke: #F79B42 !important;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg path,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg path,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg path,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg path {
fill: #F79B42 !important;
stroke: #F79B42 !important;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper {
width: 65%;
margin: 0px 8px;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-title-container:hover .mgPlayerJSProd_title-tooltip-wrapper,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-title-container:hover .mgPlayerJSProd_title-tooltip-wrapper,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-title-container:hover .mgPlayerJSProd_title-tooltip-wrapper,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-title-container:hover .mgPlayerJSProd_title-tooltip-wrapper,
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-desc-container:hover .mgPlayerJSProd_title-tooltip-wrapper,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-desc-container:hover .mgPlayerJSProd_title-tooltip-wrapper,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-desc-container:hover .mgPlayerJSProd_title-tooltip-wrapper,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-desc-container:hover .mgPlayerJSProd_title-tooltip-wrapper {
max-width: 340px !important;
max-height: 150px !important;
top: 22px;
left: 0px;
font-weight: normal !important;
display: block !important;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-title-container:hover .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_title-dec-pos,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-title-container:hover .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_title-dec-pos,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-title-container:hover .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_title-dec-pos,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-title-container:hover .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_title-dec-pos,
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-desc-container:hover .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_title-dec-pos,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-desc-container:hover .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_title-dec-pos,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-desc-container:hover .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_title-dec-pos,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-desc-container:hover .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_title-dec-pos {
top: 42px !important;
left: 0px !important;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-title-container:hover .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-title-container:hover .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-title-container:hover .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-title-container:hover .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title,
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-desc-container:hover .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-desc-container:hover .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-desc-container:hover .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .mgPlayerJSProd_category-desc-container:hover .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title {
white-space: normal !important;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .category-title-wrapper,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .category-title-wrapper,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .category-title-wrapper,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .category-title-wrapper {
color: #454545;
font-size: 13px;
line-height: 17px;
margin: 3px 0px 2px 0;
}
.category-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .category-description-wrapper,
.tour-list-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .category-description-wrapper,
.tour-view-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .category-description-wrapper,
.search-page-container .category-list .category-list-item .category-list-item-wrapper .category-title-description-wrapper .category-description-wrapper {
color: #a6a6a6;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.category-list-page-container .category-list .category-list-item .category-image-wrapper,
.tour-list-page-container .category-list .category-list-item .category-image-wrapper,
.tour-view-page-container .category-list .category-list-item .category-image-wrapper,
.search-page-container .category-list .category-list-item .category-image-wrapper {
position: relative;
width: 13%;
max-width: 40px;
margin-top: 0px;
}
.category-list-page-container .category-list .category-list-item .category-image-wrapper .category-image,
.tour-list-page-container .category-list .category-list-item .category-image-wrapper .category-image,
.tour-view-page-container .category-list .category-list-item .category-image-wrapper .category-image,
.search-page-container .category-list .category-list-item .category-image-wrapper .category-image {
width: 40px;
height: 40px;
display: block;
border-radius: 50%;
background: #ffffff;
}
.category-list-page-container .category-list .category-list-item .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view,
.tour-list-page-container .category-list .category-list-item .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view,
.tour-view-page-container .category-list .category-list-item .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view,
.search-page-container .category-list .category-list-item .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view {
width: 38px;
height: 38px;
border: 1.4px solid #b2b2b2;
}
.category-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg rect,
.tour-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg rect,
.tour-view-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg rect,
.search-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg rect {
fill: #EBF7F5 !important;
stroke: var(--mg-primary) !important;
}
.category-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg path,
.tour-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg path,
.tour-view-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg path,
.search-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg path {
fill: var(--mg-primary) !important;
stroke: var(--mg-primary) !important;
}
.category-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg rect,
.tour-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg rect,
.tour-view-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg rect,
.search-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg rect {
fill: #FFF6ED !important;
stroke: #F79B42 !important;
}
.category-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg path,
.tour-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg path,
.tour-view-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg path,
.search-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_published-category-subfolder-icon svg path {
fill: #F79B42 !important;
stroke: #F79B42 !important;
}
.category-list-page-container .category-list .category-list-item .category-title-description-wrapper,
.tour-list-page-container .category-list .category-list-item .category-title-description-wrapper,
.tour-view-page-container .category-list .category-list-item .category-title-description-wrapper,
.search-page-container .category-list .category-list-item .category-title-description-wrapper {
width: 70%;
margin: 0px 8px;
}
.category-list-page-container .category-list .category-list-item .category-title-description-wrapper .category-title-wrapper,
.tour-list-page-container .category-list .category-list-item .category-title-description-wrapper .category-title-wrapper,
.tour-view-page-container .category-list .category-list-item .category-title-description-wrapper .category-title-wrapper,
.search-page-container .category-list .category-list-item .category-title-description-wrapper .category-title-wrapper {
color: #454545;
font-size: 13px;
line-height: 17px;
margin: 3px 0px 2px 0;
}
.category-list-page-container .category-list .category-list-item .category-title-description-wrapper .category-description-wrapper,
.tour-list-page-container .category-list .category-list-item .category-title-description-wrapper .category-description-wrapper,
.tour-view-page-container .category-list .category-list-item .category-title-description-wrapper .category-description-wrapper,
.search-page-container .category-list .category-list-item .category-title-description-wrapper .category-description-wrapper {
color: #a6a6a6;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.category-list-page-container .category-list .category-list-item:first-child .tour-count-tooltip,
.tour-list-page-container .category-list .category-list-item:first-child .tour-count-tooltip,
.tour-view-page-container .category-list .category-list-item:first-child .tour-count-tooltip,
.search-page-container .category-list .category-list-item:first-child .tour-count-tooltip {
top: -15px !important;
right: 15px !important;
}
.category-list-page-container .category-list .category-list-item:first-child .tour-count-tooltip:after,
.tour-list-page-container .category-list .category-list-item:first-child .tour-count-tooltip:after,
.tour-view-page-container .category-list .category-list-item:first-child .tour-count-tooltip:after,
.search-page-container .category-list .category-list-item:first-child .tour-count-tooltip:after {
top: -10px !important;
right: 6px !important;
border-color: transparent transparent #555 transparent !important;
}
.category-list-page-container .category-list .category-list-item:first-child .mgPlayerJSProd_tooltiptext,
.tour-list-page-container .category-list .category-list-item:first-child .mgPlayerJSProd_tooltiptext,
.tour-view-page-container .category-list .category-list-item:first-child .mgPlayerJSProd_tooltiptext,
.search-page-container .category-list .category-list-item:first-child .mgPlayerJSProd_tooltiptext {
top: 30px !important;
}
.category-list-page-container .category-list .category-list-item:first-child .mgPlayerJSProd_tooltiptext:after,
.tour-list-page-container .category-list .category-list-item:first-child .mgPlayerJSProd_tooltiptext:after,
.tour-view-page-container .category-list .category-list-item:first-child .mgPlayerJSProd_tooltiptext:after,
.search-page-container .category-list .category-list-item:first-child .mgPlayerJSProd_tooltiptext:after {
top: -10px !important;
border-color: transparent transparent #555 transparent !important;
}
.tour-list-page-container .tour-title-description-wrapper,
.tour-view-page-container .tour-title-description-wrapper,
.search-page-container .tour-title-description-wrapper {
width: 90%;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon,
.search-page-container .tour-title-description-wrapper .tour-play-icon {
line-height: 25px;
color: var(--mg-primary);
font-size: 34px;
width: 40px;
height: 40px;
vertical-align: middle;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon svg,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon svg,
.search-page-container .tour-title-description-wrapper .tour-play-icon svg {
width: 40px;
height: 40px;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon svg path,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon svg path,
.search-page-container .tour-title-description-wrapper .tour-play-icon svg path {
fill: #ACADC1;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.published-tour,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.published-tour,
.search-page-container .tour-title-description-wrapper .tour-play-icon.published-tour {
color: var(--mg-primary);
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.published-tour svg path,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.published-tour svg path,
.search-page-container .tour-title-description-wrapper .tour-play-icon.published-tour svg path {
fill: var(--mg-primary);
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.published-tour svg rect,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.published-tour svg rect,
.search-page-container .tour-title-description-wrapper .tour-play-icon.published-tour svg rect {
stroke: var(--mg-primary);
fill: var(--mg-primary-hover) !important;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon,
.search-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon {
color: #0cc457;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg circle.cls-1,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg circle.cls-1,
.search-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg circle.cls-1 {
stroke: var(--mg-primary) !important;
stroke-width: 1.5;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg path,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg path,
.search-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg path {
fill: var(--mg-primary) !important;
stroke: var(--mg-primary) !important;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path,
.search-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path {
fill: var(--mg-primary) !important;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle,
.search-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle {
fill: #EBF7F5 !important;
stroke: var(--mg-primary) !important;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg rect,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg rect,
.search-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg rect {
stroke: var(--mg-primary) !important;
fill: #EBF7F5 !important;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg #mgPlayerJSProd_mobile-circle,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg #mgPlayerJSProd_mobile-circle,
.search-page-container .tour-title-description-wrapper .tour-play-icon.published-tour-icon svg #mgPlayerJSProd_mobile-circle {
fill: var(--mg-primary) !important;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg path,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg path,
.search-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg path {
fill: #F79B42 !important;
stroke: #F79B42 !important;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path,
.search-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path {
fill: #F79B42 !important;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle,
.search-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle {
fill: #FEF5ED !important;
stroke: #F79B42 !important;
}
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg rect,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg rect,
.search-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg rect,
.tour-list-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg circle,
.tour-view-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg circle,
.search-page-container .tour-title-description-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg circle {
stroke: #F79B42 !important;
fill: #FEF5ED !important;
}
.tour-list-page-container .tour-title-description-wrapper .tour-title-wrapper,
.tour-view-page-container .tour-title-description-wrapper .tour-title-wrapper,
.search-page-container .tour-title-description-wrapper .tour-title-wrapper {
width: 85%;
color: var(--mg-primary);
font-size: 13px;
line-height: 17px;
margin: 10px 0px;
vertical-align: middle;
}
.tour-list-page-container .tour-title-description-wrapper .tour-description-wrapper,
.tour-view-page-container .tour-title-description-wrapper .tour-description-wrapper,
.search-page-container .tour-title-description-wrapper .tour-description-wrapper {
display: none;
}
.tour-list-page-container .step-item-tree-view .tour-plus-icon,
.tour-view-page-container .step-item-tree-view .tour-plus-icon,
.search-page-container .step-item-tree-view .tour-plus-icon {
margin-left: 50px;
}
.tour-list-page-container .step-item-tree-view .active-guide-view-tour-add-dropdown,
.tour-view-page-container .step-item-tree-view .active-guide-view-tour-add-dropdown,
.search-page-container .step-item-tree-view .active-guide-view-tour-add-dropdown {
right: initial !important;
left: 80px !important;
top: 5px;
}
.tour-list-page-container .unlocked-guide:hover .tour-action-dropdown-wrapper,
.tour-view-page-container .unlocked-guide:hover .tour-action-dropdown-wrapper,
.search-page-container .unlocked-guide:hover .tour-action-dropdown-wrapper {
display: inline-block !important;
}
.tour-list-page-container .tour-item,
.tour-view-page-container .tour-item,
.search-page-container .tour-item {
position: relative;
padding: 10px 5px 10px 15px;
cursor: pointer;
margin: 5px 10px 5px 10px;
border-bottom: 1px solid #E6E6E6;
border-radius: 4px;
}
.tour-list-page-container .tour-item.mgPlayerJSProd_guide-list-view,
.tour-view-page-container .tour-item.mgPlayerJSProd_guide-list-view,
.search-page-container .tour-item.mgPlayerJSProd_guide-list-view {
padding: 10px 5px 10px 18px;
}
.tour-list-page-container .tour-item.mgPlayerJSProd_guide-list-view-mplayer,
.tour-view-page-container .tour-item.mgPlayerJSProd_guide-list-view-mplayer,
.search-page-container .tour-item.mgPlayerJSProd_guide-list-view-mplayer {
padding: 10px 5px 10px 10px;
margin: 0 10px;
}
.tour-list-page-container .tour-item:hover,
.tour-view-page-container .tour-item:hover,
.search-page-container .tour-item:hover {
z-index: 9;
}
.tour-list-page-container .tour-item:hover .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title-wrapper .mgPlayerJSProd_guide-title,
.tour-view-page-container .tour-item:hover .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title-wrapper .mgPlayerJSProd_guide-title,
.search-page-container .tour-item:hover .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title-wrapper .mgPlayerJSProd_guide-title {
border-bottom: 1px solid #555555;
}
.tour-list-page-container .tour-item:hover .mgPlayerJSProd_guide-row-action-wrapper,
.tour-view-page-container .tour-item:hover .mgPlayerJSProd_guide-row-action-wrapper,
.search-page-container .tour-item:hover .mgPlayerJSProd_guide-row-action-wrapper {
display: inline-flex;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper,
.search-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper {
width: 35px;
height: 35px;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper .mgPlayerJSProd_guide-upld-img,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper .mgPlayerJSProd_guide-upld-img,
.search-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper .mgPlayerJSProd_guide-upld-img {
background-clip: content-box;
padding: 1.5px;
border: 1.5px solid #ACADC1;
margin: 3px 0 0 2px;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border .mgPlayerJSProd_guide-upld-img,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border .mgPlayerJSProd_guide-upld-img,
.search-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border .mgPlayerJSProd_guide-upld-img {
border-color: var(--mg-primary);
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border.mgPlayerJSProd_played-tour-img .mgPlayerJSProd_guide-upld-img,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border.mgPlayerJSProd_played-tour-img .mgPlayerJSProd_guide-upld-img,
.search-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border.mgPlayerJSProd_played-tour-img .mgPlayerJSProd_guide-upld-img {
border-color: var(--mg-primary) !important;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper .mgPlayerJSProd_played-tour-img-hover,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper .mgPlayerJSProd_played-tour-img-hover,
.search-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper .mgPlayerJSProd_played-tour-img-hover {
display: none;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-row-action-wrapper,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-row-action-wrapper,
.search-page-container .tour-item .mgPlayerJSProd_guide-row-action-wrapper {
display: none;
position: absolute;
top: 50%;
right: 0px;
transform: translate(0px, -50%);
align-items: center;
justify-content: center;
padding: 0px 10px;
}
.tour-list-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer .tour-title-description-wrapper,
.tour-view-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer .tour-title-description-wrapper,
.search-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer .tour-title-description-wrapper {
width: 95%;
}
.tour-list-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper,
.tour-view-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper,
.search-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper {
width: 83%;
}
.tour-list-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title-wrapper,
.tour-view-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title-wrapper,
.search-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title-wrapper {
width: 300px !important;
}
.tour-list-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-category-title,
.tour-view-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-category-title,
.search-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-category-title {
width: 165px;
}
.tour-list-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer:hover .tour-title-description-wrapper,
.tour-view-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer:hover .tour-title-description-wrapper,
.search-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer:hover .tour-title-description-wrapper {
width: 60%;
}
.tour-list-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer:hover .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper,
.tour-view-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer:hover .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper,
.search-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer:hover .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper {
width: 75%;
}
.tour-list-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer:hover .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title-wrapper,
.tour-view-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer:hover .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title-wrapper,
.search-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer:hover .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title-wrapper {
width: 165px !important;
}
.tour-list-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer:hover .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-category-title,
.tour-view-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer:hover .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-category-title,
.search-page-container .tour-item.mgPlayerJSProd_tour-list-view-mplayer:hover .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-category-title {
width: 135px;
}
.tour-list-page-container .tour-item.active,
.tour-view-page-container .tour-item.active,
.search-page-container .tour-item.active {
background: #f0f0f5;
padding-top: 10px;
padding-bottom: 10px;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper {
/*on hover over row*/
}
.tour-list-page-container .tour-item .tour-title-description-wrapper:hover .mgPlayerJSProd_played-tour-img .mgPlayerJSProd_guide-upld-img,
.tour-view-page-container .tour-item .tour-title-description-wrapper:hover .mgPlayerJSProd_played-tour-img .mgPlayerJSProd_guide-upld-img,
.search-page-container .tour-item .tour-title-description-wrapper:hover .mgPlayerJSProd_played-tour-img .mgPlayerJSProd_guide-upld-img {
opacity: 0.2;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper:hover .mgPlayerJSProd_played-tour-img .mgPlayerJSProd_played-tour-img-hover,
.tour-view-page-container .tour-item .tour-title-description-wrapper:hover .mgPlayerJSProd_played-tour-img .mgPlayerJSProd_played-tour-img-hover,
.search-page-container .tour-item .tour-title-description-wrapper:hover .mgPlayerJSProd_played-tour-img .mgPlayerJSProd_played-tour-img-hover {
display: block !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper:hover .mgPlayerJSProd_played-tour-img svg,
.tour-view-page-container .tour-item .tour-title-description-wrapper:hover .mgPlayerJSProd_played-tour-img svg,
.search-page-container .tour-item .tour-title-description-wrapper:hover .mgPlayerJSProd_played-tour-img svg {
border-width: 0;
background-color: transparent;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper {
position: relative;
border-radius: 20px;
cursor: default;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .playTourBtn,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .playTourBtn,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .playTourBtn {
display: inline-block;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .tour-play-icon label,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .tour-play-icon label,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .tour-play-icon label {
display: inline-block;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper {
top: 50px;
font-weight: normal !important;
display: block !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .tour-play-icon-show-me,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .tour-play-icon-show-me,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .tour-play-icon-show-me {
margin: 0 1px 0 0 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .tour-play-icon-show-me label,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .tour-play-icon-show-me label,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper:hover .tour-play-icon-show-me label {
display: inline-block !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon {
position: relative;
line-height: 25px;
color: var(--mg-primary);
font-size: 34px;
width: 40px;
vertical-align: middle;
cursor: pointer;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon svg,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon svg,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon svg {
width: 15px;
height: 30px;
vertical-align: middle;
margin: 0 0 0 12px;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon svg path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon svg path {
fill: #757575 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_wb-tour-play-icon,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_wb-tour-play-icon,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_wb-tour-play-icon {
width: 25px;
height: 20px;
line-height: 0px;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_wb-tour-play-icon svg,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_wb-tour-play-icon svg,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_wb-tour-play-icon svg {
width: 20px !important;
height: 20px !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon label,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon label,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon label {
display: none;
position: absolute;
font-size: 8px;
top: 24px;
right: 3px;
color: #757575;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 36px;
text-align: center;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon:hover label,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon:hover label,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon:hover label {
display: block;
color: #0cc457;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg {
width: 40px;
height: 40px;
margin: 0;
vertical-align: middle;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg path {
fill: #ACADC1;
stroke: #ACADC1;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg path.mgPlayerJSProd_navigation-icon-center-path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg path.mgPlayerJSProd_navigation-icon-center-path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg path.mgPlayerJSProd_navigation-icon-center-path {
fill: #ACADC1 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .cls-1,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .cls-1,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .cls-1 {
cx: 24;
cy: 24;
r: 22.75;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg circle,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg circle,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg circle {
cx: 20;
cy: 20;
r: 19;
stroke-width: 1.4;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .mgPlayerJSProd_dashes-green,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .mgPlayerJSProd_dashes-green,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .mgPlayerJSProd_dashes-green {
fill: var(--mg-primary-hover) !important;
stroke: #26273B !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .mgPlayerJSProd_dashes-gray,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .mgPlayerJSProd_dashes-gray,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .mgPlayerJSProd_dashes-gray {
fill: var(--mg-primary-hover) !important;
stroke: #ACADC1 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .mgPlayerJSProd_task-guide-icon-circle,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .mgPlayerJSProd_task-guide-icon-circle,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .mgPlayerJSProd_task-guide-icon-circle {
fill: #f1f1f1 !important;
stroke: #b2b2b2 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .mgPlayerJSProd_task-guide-icon-circle.mgPlayerJSProd_navigation-icon-center-path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .mgPlayerJSProd_task-guide-icon-circle.mgPlayerJSProd_navigation-icon-center-path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.active svg .mgPlayerJSProd_task-guide-icon-circle.mgPlayerJSProd_navigation-icon-center-path {
fill: #b2b2b2 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour {
color: #0cc457;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour svg path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour svg path {
fill: #0cc457 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour svg rect,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour svg rect,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour svg rect {
stroke: #0cc457;
fill: #DAF6E6;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon {
color: #0cc457;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle.cls-1,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle.cls-1,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle.cls-1 {
stroke: var(--mg-primary) !important;
stroke-width: 1.5;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path {
fill: var(--mg-primary) !important;
stroke: var(--mg-primary) !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path {
fill: var(--mg-primary) !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle {
fill: #EBF7F5 !important;
stroke: var(--mg-primary) !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-green,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-green,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-green {
fill: var(--mg-primary-hover) !important;
stroke: #26273B !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-gray,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-gray,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-gray {
fill: var(--mg-primary-hover) !important;
stroke: #ACADC1 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg rect,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg rect,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg rect,
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle {
stroke: var(--mg-primary) !important;
fill: #EBF7F5 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg {
padding: 7px 11px 10px 10px;
height: 20px;
width: 16px;
border-radius: 100%;
border: 2px solid var(--mg-primary);
background-color: #EBF7F5;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path {
fill: var(--mg-primary) !important;
stroke: var(--mg-primary) !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path.mgPlayerJSProd_navigation-icon-center-path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path.mgPlayerJSProd_navigation-icon-center-path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path.mgPlayerJSProd_navigation-icon-center-path {
fill: var(--mg-primary) !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg .mgPlayerJSProd_task-guide-icon-circle,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg .mgPlayerJSProd_task-guide-icon-circle,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg .mgPlayerJSProd_task-guide-icon-circle {
fill: var(--mg-primary-hover) !important;
stroke: var(--mg-primary) !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg rect,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg rect,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg rect {
stroke: var(--mg-primary) !important;
fill: #EBF7F5 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg path {
fill: #F79B42 !important;
stroke: #F79B42 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path {
fill: #F79B42 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle {
stroke: #F79B42 !important;
fill: #FFF6ED !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg rect,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg rect,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg rect,
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg circle,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg circle,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_published-category-tour-icon svg circle {
stroke: #F79B42 !important;
fill: #FFF6ED !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon {
position: absolute;
top: 0px;
right: 2px;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg {
width: 12px;
height: 12px;
vertical-align: top;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .combined-shape,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .combined-shape,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .combined-shape {
fill: #9476c9 !important;
stroke: none !important;
cx: 5 !important;
cy: 5 !important;
r: 4.375 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .Oval,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .Oval,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .Oval {
fill: none !important;
stroke: #ffffff !important;
stroke-width: 2 !important;
cx: 5 !important;
cy: 5 !important;
r: 5 !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me {
position: relative;
padding: 6px 3px 3px 3px;
border-radius: 22px;
height: 30px;
width: 30px;
text-align: center;
cursor: pointer;
display: none;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me:hover,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me:hover,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me:hover {
background: var(--mg-primary);
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me:hover label,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me:hover label,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me:hover label {
color: var(--mg-primary);
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me:hover svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me:hover svg path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me:hover svg path {
fill: #fff;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me svg,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me svg,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me svg {
width: 23px;
vertical-align: middle;
margin: 0 0 3px 1px;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me svg path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me svg path {
fill: #757575;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me label,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me label,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me label {
position: absolute;
font-size: 8px;
top: 30px;
right: -4px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 36px;
text-align: center;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me.active,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me.active,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me.active {
background: var(--mg-primary);
margin: 0 5px 0 0;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me.active svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me.active svg path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me.active svg path {
fill: #fff;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me.active label,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me.active label,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-show-me.active label {
display: none;
color: var(--mg-primary);
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me {
position: relative;
margin: 0 0 0 12px;
padding: 6px 3px 3px 3px;
border-radius: 22px;
height: 30px;
width: 30px;
text-align: center;
cursor: pointer;
display: none;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me:hover,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me:hover,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me:hover {
background: #e34545;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me:hover label,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me:hover label,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me:hover label {
color: #e34545;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me:hover svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me:hover svg path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me:hover svg path {
fill: #fff;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me svg,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me svg,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me svg {
width: 25px;
height: 13px;
vertical-align: middle;
margin: 0 0 5px 0;
fill: #757575;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me label,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me label,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me label {
position: absolute;
font-size: 8px;
top: 30px;
right: -3px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 36px;
text-align: center;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me.active,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me.active,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me.active {
background: #e34545;
margin: 0 5px 0 0;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me.active svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me.active svg path,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me.active svg path {
fill: #fff;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me.active label,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me.active label,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon-test-me.active label {
display: none;
color: #e34545;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .playTourBtn,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .playTourBtn,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .playTourBtn {
display: none;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .playTourBtn:hover,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .playTourBtn:hover,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .playTourBtn:hover {
display: inline-block;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .playTourBtn.active,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .playTourBtn.active,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .playTourBtn.active {
display: inline-block;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .activePublishedTourPlay:hover .tour-play-icon-test-me,
.tour-view-page-container .tour-item .tour-title-description-wrapper .activePublishedTourPlay:hover .tour-play-icon-test-me,
.search-page-container .tour-item .tour-title-description-wrapper .activePublishedTourPlay:hover .tour-play-icon-test-me {
margin: 0 0 0 3px;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .activePublishedTourPlay:hover .tour-play-icon-test-me label,
.tour-view-page-container .tour-item .tour-title-description-wrapper .activePublishedTourPlay:hover .tour-play-icon-test-me label,
.search-page-container .tour-item .tour-title-description-wrapper .activePublishedTourPlay:hover .tour-play-icon-test-me label {
display: inline-block;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-title-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-title-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .tour-title-wrapper {
width: 88%;
color: var(--mg-primary);
font-size: 13px;
line-height: 17px;
margin: 10px 0px;
vertical-align: middle;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper {
width: 83%;
margin: 0px 5px;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper.mgPlayerJSProd_guide-details-mplayer,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper.mgPlayerJSProd_guide-details-mplayer,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper.mgPlayerJSProd_guide-details-mplayer {
width: 76%;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title-wrapper {
color: #454545;
font-size: 13px;
line-height: 17px;
margin: 3px 0px 2px 0px;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_title-tooltip-wrapper {
max-width: 340px !important;
max-height: 150px !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title {
white-space: normal;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title:hover .mgPlayerJSProd_title-tooltip-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title:hover .mgPlayerJSProd_title-tooltip-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-title:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-desc-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-desc-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-desc-wrapper {
color: #a6a6a6;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-desc-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-desc-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-desc-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper.mgPlayerJSProd_wb-guide-title-wrapper .mgPlayerJSProd_guide-title-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper.mgPlayerJSProd_wb-guide-title-wrapper .mgPlayerJSProd_guide-title-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper.mgPlayerJSProd_wb-guide-title-wrapper .mgPlayerJSProd_guide-title-wrapper {
font-family: Trebuchet MS;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper.mgPlayerJSProd_wb-guide-title-wrapper .mgPlayerJSProd_guide-title-wrapper:hover,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper.mgPlayerJSProd_wb-guide-title-wrapper .mgPlayerJSProd_guide-title-wrapper:hover,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper.mgPlayerJSProd_wb-guide-title-wrapper .mgPlayerJSProd_guide-title-wrapper:hover {
color: #7aaa15;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper {
color: #a6a6a6;
overflow: hidden;
text-overflow: ellipsis;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper:hover .mgPlayerJSProd_guide-category-title-icon svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper:hover .mgPlayerJSProd_guide-category-title-icon svg path,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper:hover .mgPlayerJSProd_guide-category-title-icon svg path {
fill: var(--mg-primary);
stroke: var(--mg-primary);
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper:hover .mgPlayerJSProd_guide-category-title,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper:hover .mgPlayerJSProd_guide-category-title,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper:hover .mgPlayerJSProd_guide-category-title {
color: var(--mg-primary);
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon {
margin: 0px 5px 0px 0px;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon svg,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon svg,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon svg {
width: 20px;
height: 19px;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon svg path,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon svg path {
fill: #b2b2b2;
stroke: #b2b2b2;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon.mgPlayerJSProd_icon-guide-published svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon.mgPlayerJSProd_icon-guide-published svg path,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon.mgPlayerJSProd_icon-guide-published svg path {
fill: #faad07;
stroke: #faad07;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon.mgPlayerJSProd_icon-category-published svg path,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon.mgPlayerJSProd_icon-category-published svg path,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon.mgPlayerJSProd_icon-category-published svg path {
fill: #0cc457;
stroke: #0cc457;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title {
color: #b2b2b2;
width: 90%;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title.mgPlayerJSProd_guide-category-title-micro,
.tour-view-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title.mgPlayerJSProd_guide-category-title-micro,
.search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title.mgPlayerJSProd_guide-category-title-micro {
width: 165px;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper.activePublishedTourPlay:hover + .mgPlayerJSProd_guide-details-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper.activePublishedTourPlay:hover + .mgPlayerJSProd_guide-details-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper.activePublishedTourPlay:hover + .mgPlayerJSProd_guide-details-wrapper {
width: 69%;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper.activePublishedTourPlay:hover + .tour-title-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper.activePublishedTourPlay:hover + .tour-title-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper.activePublishedTourPlay:hover + .tour-title-wrapper {
width: 64%;
}
.tour-list-page-container .tour-item .tour-title-description-wrapper .tour-description-wrapper,
.tour-view-page-container .tour-item .tour-title-description-wrapper .tour-description-wrapper,
.search-page-container .tour-item .tour-title-description-wrapper .tour-description-wrapper {
display: none;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper {
display: inline-flex;
height: 40px;
margin: 0px 5px;
background: #e6f0ff;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper {
width: 30px;
height: 30px;
background: var(--mg-primary-hover);
margin: 0px 3px;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_title-tooltip-wrapper {
top: 30px;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover {
background: var(--mg-primary);
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover svg path,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover svg path,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover svg path {
fill: #ffffff;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover svg path,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover svg path,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover svg path {
fill: #ffffff;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_action-icon svg path,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_action-icon svg path,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_action-icon svg path {
fill: #ffffff;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_action-icon svg circle,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_action-icon svg circle,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_action-icon svg circle {
fill: var(--mg-primary);
stroke: #ffffff;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
margin-left: -25px;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon {
width: 20px;
height: 20px;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon.mgPlayerJSProd_action-icon-replay,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon.mgPlayerJSProd_action-icon-replay,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon.mgPlayerJSProd_action-icon-replay {
width: 18px;
height: 18px;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon.mgPlayerJSProd_action-icon-resume,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon.mgPlayerJSProd_action-icon-resume,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon.mgPlayerJSProd_action-icon-resume {
width: 12px;
height: 12px;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg .mgPlayerJSProd_action-icon-bg,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg .mgPlayerJSProd_action-icon-bg,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg .mgPlayerJSProd_action-icon-bg {
fill: var(--mg-primary);
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg path,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg path,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg path {
fill: var(--mg-primary);
stroke-width: 0;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg circle,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg circle,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg circle {
fill: var(--mg-primary-hover);
stroke: var(--mg-primary);
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper {
margin: 0 3px;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default {
min-width: 50px;
max-width: 170px !important;
height: 24px !important;
font-size: 12px !important;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border {
border: none;
color: var(--mg-primary);
background: var(--mg-primary-hover);
transition: none;
padding: 0 5px;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border:hover,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border:hover,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border:hover {
background: var(--mg-primary);
color: #ffffff;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border:hover.mgPlayerJSProd_btn-svg .mgPlayerJSProd_btn-svg-wrapper svg path,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border:hover.mgPlayerJSProd_btn-svg .mgPlayerJSProd_btn-svg-wrapper svg path,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border:hover.mgPlayerJSProd_btn-svg .mgPlayerJSProd_btn-svg-wrapper svg path {
fill: #ffffff;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border.mgPlayerJSProd_btn-svg .mgPlayerJSProd_btn-svg-wrapper svg path,
.tour-view-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border.mgPlayerJSProd_btn-svg .mgPlayerJSProd_btn-svg-wrapper svg path,
.search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-replay-mode-wrapper .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-border.mgPlayerJSProd_btn-svg .mgPlayerJSProd_btn-svg-wrapper svg path {
fill: var(--mg-primary);
}
.tour-list-page-container .tour-item:first-child .tour-list-user-tooltip,
.tour-view-page-container .tour-item:first-child .tour-list-user-tooltip,
.search-page-container .tour-item:first-child .tour-list-user-tooltip {
top: 35px !important;
transform: none !important;
}
.tour-list-page-container .tour-item:first-child .tour-list-user-tooltip:after,
.tour-view-page-container .tour-item:first-child .tour-list-user-tooltip:after,
.search-page-container .tour-item:first-child .tour-list-user-tooltip:after {
top: -12px !important;
border-color: transparent transparent #a9a9a9 transparent !important;
}
.tour-list-page-container .tour-item:first-child .tour-list-user-tooltip:before,
.tour-view-page-container .tour-item:first-child .tour-list-user-tooltip:before,
.search-page-container .tour-item:first-child .tour-list-user-tooltip:before {
top: -10px !important;
border-color: transparent transparent #ffffff transparent;
}
.tour-list-page-container .tour-item:nth-child(2) .tour-list-user-tooltip,
.tour-view-page-container .tour-item:nth-child(2) .tour-list-user-tooltip,
.search-page-container .tour-item:nth-child(2) .tour-list-user-tooltip {
top: 35px !important;
transform: none !important;
}
.tour-list-page-container .tour-item:nth-child(2) .tour-list-user-tooltip:after,
.tour-view-page-container .tour-item:nth-child(2) .tour-list-user-tooltip:after,
.search-page-container .tour-item:nth-child(2) .tour-list-user-tooltip:after {
top: -12px !important;
border-color: transparent transparent #a9a9a9 transparent !important;
}
.tour-list-page-container .tour-item:nth-child(2) .tour-list-user-tooltip:before,
.tour-view-page-container .tour-item:nth-child(2) .tour-list-user-tooltip:before,
.search-page-container .tour-item:nth-child(2) .tour-list-user-tooltip:before {
top: -10px !important;
border-color: transparent transparent #ffffff transparent;
}
.tour-list-page-container .tour-item:nth-child(3) .tour-list-user-tooltip,
.tour-view-page-container .tour-item:nth-child(3) .tour-list-user-tooltip,
.search-page-container .tour-item:nth-child(3) .tour-list-user-tooltip {
top: 35px !important;
transform: none !important;
}
.tour-list-page-container .tour-item:nth-child(3) .tour-list-user-tooltip:after,
.tour-view-page-container .tour-item:nth-child(3) .tour-list-user-tooltip:after,
.search-page-container .tour-item:nth-child(3) .tour-list-user-tooltip:after {
top: -12px !important;
border-color: transparent transparent #a9a9a9 transparent !important;
}
.tour-list-page-container .tour-item:nth-child(3) .tour-list-user-tooltip:before,
.tour-view-page-container .tour-item:nth-child(3) .tour-list-user-tooltip:before,
.search-page-container .tour-item:nth-child(3) .tour-list-user-tooltip:before {
top: -10px !important;
border-color: transparent transparent #ffffff transparent;
}
.tour-list-page-container .tour-item .mgPlayerJSProd_icon-update-margin .mgPlayerJSProd_input-checkbox-custom,
.tour-view-page-container .tour-item .mgPlayerJSProd_icon-update-margin .mgPlayerJSProd_input-checkbox-custom,
.search-page-container .tour-item .mgPlayerJSProd_icon-update-margin .mgPlayerJSProd_input-checkbox-custom {
width: 16px !important;
height: 16px !important;
min-width: 16px;
margin-left: 0px !important;
}
.tour-list-page-container .mgPlayerJSProd_searchPageLoader,
.tour-view-page-container .mgPlayerJSProd_searchPageLoader,
.search-page-container .mgPlayerJSProd_searchPageLoader {
background-color: #ffffff70;
position: absolute;
text-align: center;
top: 90%;
left: 50%;
width: 100%;
height: 100%;
margin: 0;
transform: translate(-50%, -50%);
z-index: 31;
}
.tour-list-page-container .mgPlayerJSProd_searchPageLoader img,
.tour-view-page-container .mgPlayerJSProd_searchPageLoader img,
.search-page-container .mgPlayerJSProd_searchPageLoader img {
width: 150px;
height: 150px;
}
.tour-view-page-container .video-container {
width: 100%;
box-shadow: 0 0 2px 2px #DCDCDC;
margin: 10px 0px 0px 0px;
background: rgba(0, 0, 0, 0.7);
}
.tour-view-page-container .video-container .video-item {
width: 100%;
height: 275px;
border: none;
position: relative;
}
.tour-view-page-container .video-container .video-inner-container {
height: 275px;
width: 100%;
}
.tour-view-page-container .gif-container {
width: 100%;
box-shadow: 0 0 2px 2px #DCDCDC;
margin: 10px 0px 0px 0px;
background: rgba(0, 0, 0, 0.7);
}
.tour-view-page-container .gif-container .gif-item {
width: 100%;
height: auto;
}
.tour-view-page-container .tour-item-label {
margin: 10px 0 0 10px;
font-size: 14px;
}
.tour-view-page-container .mgPlayerJSProd_tag-page-view {
width: 244px !important;
display: inline-block;
vertical-align: middle;
}
.tour-view-page-container .mgPlayerJSProd_tag-page-view .step-title-wrapper {
width: 85% !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.tour-view-page-container .mgPlayerJSProd_tag-page-view .step-image-wrapper {
height: 130px;
border: 1px solid #e8e8e8;
}
.tour-view-page-container .mgPlayerJSProd_tag-page-view .step-image-wrapper .step-image {
box-shadow: none !important;
display: block;
max-width: 100%;
max-height: 100% !important;
min-height: 0px;
width: auto !important;
height: auto;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.tour-view-page-container .step-item {
position: relative;
padding: 2px 10px 10px 10px;
cursor: pointer;
}
.tour-view-page-container .step-item .mgPlayerJSProd_dnd-nodrag-block {
display: block;
}
.tour-view-page-container .step-item .mgPlayerJSProd_step-index {
display: inline-flex;
/* Ensures it behaves like inline content */
justify-content: center;
align-items: center;
flex: none;
width: 20px;
/* Adjust size */
height: 20px;
/* Adjust size */
background: #f0f6ff;
/* Light blue background */
border-radius: 50%;
/* Circle shape */
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 13px;
color: #005bf0;
/* Blue text */
margin: 0 8px 3px 0 ;
/* Space between circle and text */
float: left;
display: inline-block;
margin: -3px 5px 0px 0;
text-align: center;
line-height: 20px;
}
.tour-view-page-container .step-item .step-title-description-wrapper {
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 1px 1px 0 rgba(65, 69, 73, 0.3), 0 1px 3px 1px rgba(65, 69, 73, 0.15);
padding: 0;
border: 1px solid transparent;
width: 100%;
}
.tour-view-page-container .step-item .step-title-description-wrapper.active .step-image-overlay {
opacity: 1;
}
.tour-view-page-container .step-item .step-title-description-wrapper.mgPlayerJSProd_step-expanded-view {
border-color: #005BF0;
}
.tour-view-page-container .step-item .step-title-description-wrapper .mgPlayerJSProd_icon-collapse-expand,
.tour-view-page-container .step-item .step-title-description-wrapper .mgPlayerJSProd_step-delete-wrapper,
.tour-view-page-container .step-item .step-title-description-wrapper .mgPlayerJSProd_step-retry-wrapper {
height: 45px;
float: right;
padding: 0 15px 0 0;
}
.tour-view-page-container .step-item .step-title-description-wrapper .mgPlayerJSProd_icon-collapse-expand svg path,
.tour-view-page-container .step-item .step-title-description-wrapper .mgPlayerJSProd_step-delete-wrapper svg path,
.tour-view-page-container .step-item .step-title-description-wrapper .mgPlayerJSProd_step-retry-wrapper svg path {
fill: #555555;
fill-opacity: 1;
}
.tour-view-page-container .step-item .step-title-description-wrapper .mgPlayerJSProd_display-none {
display: none !important;
}
.tour-view-page-container .step-item .step-title-description-wrapper:hover {
border-color: #005BF0;
}
.tour-view-page-container .step-item .step-title-description-wrapper:hover .mgPlayerJSProd_drag-step-icon-wrapper {
display: inline-flex;
}
.tour-view-page-container .step-item .step-title-description-wrapper:hover .step-image-overlay {
opacity: 1;
}
.tour-view-page-container .step-item .step-title-description-wrapper.mgPlayerJSProd_feature-tag-step-wrapper:hover {
border-color: transparent !important;
}
.tour-view-page-container .step-item .step-title-description-wrapper.mgPlayerJSProd_feature-tag-step-wrapper .step-title-wrapper {
width: 85%;
height: 32px;
padding: 10px 0px 0px 10px;
margin-bottom: 8px;
place-content: normal !important;
}
.tour-view-page-container .step-item .step-title-description-wrapper.mgPlayerJSProd_feature-tag-step-wrapper .step-image-wrapper {
margin: 0;
}
.tour-view-page-container .step-item .step-title-description-wrapper.mgPlayerJSProd_feature-tag-step-wrapper .step-image-wrapper .step-image-overlay {
left: 0;
}
.tour-view-page-container .step-item .step-title-description-wrapper.mgPlayerJSProd_feature-tag-step-wrapper .step-action-menu-container {
top: 10px;
}
.tour-view-page-container .step-item .step-highlight {
border: 2px solid #D14238;
}
.tour-view-page-container .step-item .step-not-found {
background: #D14238;
height: 16px;
color: white;
text-align: center;
}
.tour-view-page-container .step-item .guide-not-followed {
background: #0366d6;
height: 16px;
color: white;
text-align: center;
}
.tour-view-page-container .step-item .guide-not-followed + .step-highlight {
border: 2px solid #0366d6;
}
.tour-view-page-container .step-item .step-title-edit-view-wrapper {
height: auto !important;
place-content: baseline !important;
}
.tour-view-page-container .step-item .step-title-wrapper {
font-weight: 600;
width: 59%;
height: 150px;
padding: 15px 10px 10px 10px;
place-content: center;
}
.tour-view-page-container .step-item .step-title-wrapper .link-guide-icon {
float: left;
margin: 0 3px 0 0;
}
.tour-view-page-container .step-item .step-title-wrapper .link-guide-icon svg {
width: 26px;
height: 26px;
}
.tour-view-page-container .step-item .step-title-wrapper .link-guide-icon svg path {
fill: #fff;
}
.tour-view-page-container .step-item .step-title-wrapper .link-guide-icon svg circle {
fill: var(--mg-primary);
}
.tour-view-page-container .step-item .mgPlayerJSProd_drag-step-icon-wrapper {
display: none;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
border-radius: 50%;
background: #ffffff;
margin: 0px;
position: absolute;
top: 10px;
left: 15px;
}
.tour-view-page-container .step-item .mgPlayerJSProd_drag-step-icon-wrapper svg {
cursor: move;
}
.tour-view-page-container .step-item .step-description-wrapper {
margin: 10px 0 0 0;
padding: 0;
font-weight: normal;
width: 100%;
}
.tour-view-page-container .step-item .step-description-wrapper .step-title-tooltips {
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.tour-view-page-container .step-item .step-image-wrapper {
position: relative;
width: 41%;
box-sizing: border-box;
margin: 4px 0px 0px -4px;
padding: 0;
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-overlay {
opacity: 0;
transition: all 0.3s;
position: absolute;
left: 4px;
top: 0;
width: 100%;
height: 100%;
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-overlay .mgPlayerJSProd_play-step-icon-wrapper {
width: fit-content;
height: 35px;
max-width: 260px;
min-width: 100px;
position: relative;
background: var(--mg-primary);
border-radius: 30px;
padding: 0px 0px 0px 15px;
color: #ffffff;
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-overlay .mgPlayerJSProd_play-step-icon-wrapper:hover {
background: var(--mg-primary-btn-hover);
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-overlay .mgPlayerJSProd_play-step-icon-wrapper svg {
width: 13px;
height: 13px;
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-overlay .mgPlayerJSProd_add-step-wrapper {
width: 100%;
background: #6F708B7A;
position: absolute;
bottom: 0px;
height: 40px;
left: 0px;
border-radius: 0 0 5px 5px;
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-overlay .mgPlayerJSProd_add-step-wrapper .mgPlayerJSProd_add-step-after-wrapper {
background: #fff;
border: 1px solid var(--mg-primary);
border-radius: 4px;
right: 0px;
top: 6px;
position: absolute;
height: 30px;
padding-left: 7px;
cursor: pointer;
min-width: 110px;
max-width: 170px;
padding: 0 5px;
transform: scale(0.8);
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-overlay .mgPlayerJSProd_add-step-wrapper .mgPlayerJSProd_add-step-after-wrapper .mgPlayerJSProd_step-after {
color: var(--mg-primary);
display: flex;
right: 8px;
font-size: 16px;
align-items: center;
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-overlay .mgPlayerJSProd_add-step-wrapper .mgPlayerJSProd_add-step-after-wrapper .mgPlayerJSProd_step-after div {
margin: 0 2px 0 -2px;
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-overlay .mgPlayerJSProd_add-step-wrapper .mgPlayerJSProd_add-step-before-wrapper {
background: #fff;
border: 1px solid var(--mg-primary);
border-radius: 4px;
right: 100px;
top: 6px;
position: absolute;
height: 30px;
cursor: pointer;
min-width: 110px;
max-width: 170px;
padding: 0 5px;
transform: scale(0.8);
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-overlay .mgPlayerJSProd_add-step-wrapper .mgPlayerJSProd_add-step-before-wrapper .mgPlayerJSProd_step-before {
color: var(--mg-primary);
font-size: 16px;
right: 124px;
display: flex;
align-items: center;
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-overlay .mgPlayerJSProd_add-step-wrapper .mgPlayerJSProd_add-step-before-wrapper .mgPlayerJSProd_step-before div {
margin: 0 2px 0 -2px;
}
.tour-view-page-container .step-item .step-image-wrapper:hover .step-image-overlay {
opacity: 1;
}
.tour-view-page-container .step-item .step-image-wrapper.active .step-image-overlay {
opacity: 1;
}
.tour-view-page-container .step-item .step-image-wrapper .video-step-play-icon-image {
position: absolute;
left: 50%;
top: 50%;
width: 50px;
cursor: pointer;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.tour-view-page-container .step-item .step-image-wrapper .step-image {
border: 2px solid #f0f0f5;
border-bottom-width: 0;
width: 100%;
min-height: 150px;
border-radius: 5px;
object-fit: contain;
background-color: #F0F0F0;
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-spinner {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #ffffffba;
}
.tour-view-page-container .step-item .step-image-wrapper .step-image-spinner img {
position: absolute;
width: 150px;
height: 150px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0px !important;
margin: 0px !important;
}
.tour-view-page-container .step-item .step-image-wrapper-head {
height: 150px;
background-color: #F0F0F0;
margin: 4px 4px 0px -8px;
}
.tour-view-page-container .step-item .step-image-wrapper-head img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tour-view-page-container .step-item .mgPlayerJSProd_tag-step-img-wrapper {
width: 100% !important;
}
.tour-view-page-container .step-item .mgPlayerJSProd_tag-step-img-wrapper img {
box-sizing: border-box !important;
}
.tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon {
cursor: pointer;
background: #f8f8fb;
height: 30px;
width: 30px;
border-radius: 50%;
box-shadow: 1px 2px 4px 0 rgba(46, 61, 73, 0.2);
text-align: center;
margin: 0 3px;
transition: all 0.3s;
}
.tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon svg {
width: 15px;
height: 15px;
}
.tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon:hover {
background: var(--mg-primary);
}
.tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon:hover {
background: var(--mg-primary);
}
.tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon:hover svg path {
fill: #fff;
}
.tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon:hover svg polygon {
fill: #fff;
}
.tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon:hover svg #Layer-2 {
fill: #757575;
}
.tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon:hover svg #path-1_1_ {
fill: #757575;
}
.tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon:hover svg rect {
fill: #fff;
}
.tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon:hover svg circle {
fill: var(--mg-primary);
stroke: #ffffff;
}
.tour-view-page-container .step-item-tree-view {
/*margin: 10px 0px 0px 0px;*/
cursor: auto;
}
.tour-view-page-container .step-item-tree-view .step-thumb-tree-view-wrapper {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
width: 50%;
}
.tour-view-page-container .step-item-tree-view .step-thumb-tree-view-wrapper .step-title-tree-view {
padding: 10px;
font-weight: 600;
}
.tour-view-page-container .step-item-tree-view .step-thumb-tree-view-wrapper img.tree-view-step-thumb {
width: 100%;
}
.tour-view-page-container .step-view-type-branching {
padding: 0 100px 100px 0;
width: max-content;
position: relative;
}
.tour-view-page-container .step-view-type-branching .step-wrapper {
margin: 0 0 0px 30px;
}
.tour-view-page-container .step-view-type-branching .step-wrapper:hover .step-action-menu-container {
display: block;
}
.tour-view-page-container .step-view-type-branching .step-item {
width: 230px;
padding: 0;
box-shadow: 0 0 6px -1px #929292;
margin: 60px 0 0 0;
background: #ffffff;
}
.tour-view-page-container .step-view-type-branching .step-item .step-title-wrapper {
width: 195px;
height: 30px;
float: left;
padding: 5px 10px;
text-overflow: ellipsis;
place-content: normal;
}
.tour-view-page-container .step-view-type-branching .step-item .step-title-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
width: max-content;
max-width: 230px !important;
max-height: 130px !important;
top: 30px;
left: 0;
}
.tour-view-page-container .step-view-type-branching .step-item .step-title-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title {
white-space: normal !important;
}
.tour-view-page-container .step-view-type-branching .step-item .step-image-wrapper {
width: 100%;
margin: 0;
padding: 0;
height: 130px;
border: 1px solid #e8e8e8;
}
.tour-view-page-container .step-view-type-branching .step-item .step-image-wrapper img {
box-shadow: none;
display: block;
max-width: 100%;
max-height: 100%;
min-height: 0px;
width: auto;
height: auto;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.tour-view-page-container .step-view-type-branching .mgPlayerJSProd_error-head {
background: #cc0000 !important;
}
.tour-view-page-container .step-view-type-branching .branch-head,
.tour-view-page-container .step-view-type-branching .mgPlayerJSProd_error-head {
padding: 0;
width: 230px;
background: var(--mg-primary-btn-hover);
text-align: center;
}
.tour-view-page-container .step-view-type-branching .branch-head .branch-title,
.tour-view-page-container .step-view-type-branching .mgPlayerJSProd_error-head .branch-title {
padding: 10px;
color: #ffffff;
font-weight: 600;
font-size: 14px;
line-height: 15px;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 2px;
text-align: center;
display: inline-block;
cursor: pointer;
max-width: 200px;
overflow: hidden;
}
.tour-view-page-container .step-view-type-branching .branch-head ~ .plus-wrapper > .plus-step {
top: 75px !important;
left: 63px !important;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper {
white-space: nowrap;
width: max-content;
position: relative;
margin: 40px 0px 20px 30px;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper .plus-wrapper {
display: inline-block;
vertical-align: top;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper:after {
content: "";
position: absolute;
top: 18px;
left: 0;
width: calc(100% - 145px);
border-bottom: 1px solid #bbbbbb !important;
z-index: -1;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player {
white-space: nowrap;
width: max-content;
position: relative;
margin: 20px 0 0 30px;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .step-wrapper {
margin: 0 !important;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .branch-head {
width: 430px !important;
background: #ffffff !important;
box-shadow: 0 0 6px -1px #929292;
padding: 5px;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .branch-head .mgPlayerJSProd_head-branch-icon {
margin: 4px 0px 0px 5px;
background: var(--mg-primary);
border-radius: 20px;
float: left;
height: 30px;
width: 30px;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .branch-head .mgPlayerJSProd_head-branch-icon svg {
padding: 7px 0px 0px 6px;
height: 15px;
width: 18px;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .branch-head .mgPlayerJSProd_head-branch-icon svg g {
opacity: 1;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .branch-head .branch-title {
color: #666666 !important;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .mgPlayerJSProd_branch-dropdown-wrapper {
width: 180px;
height: 35px;
min-height: 35px;
padding: 0px 8px;
background: #ffffff;
border: 1px solid #acadc1;
border-radius: 4px;
margin: 2px 0px 2px 0px;
cursor: pointer;
float: right;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .mgPlayerJSProd_branch-dropdown-wrapper .mgPlayerJSProd_branch-dropdown-selected-item {
width: 90%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .mgPlayerJSProd_branch-dropdown-wrapper .mgPlayerJSProd_branch-dropdown-list-wrapper {
display: none;
width: 100%;
max-height: 175px;
position: absolute;
top: 35px;
left: 0;
background: #fff;
box-shadow: 0px 2px 10px -2px #827f7f;
z-index: 99;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .mgPlayerJSProd_branch-dropdown-wrapper .mgPlayerJSProd_branch-dropdown-list-wrapper::-webkit-scrollbar {
width: 5px !important;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .mgPlayerJSProd_branch-dropdown-wrapper .mgPlayerJSProd_branch-dropdown-list-wrapper .mgPlayerJSProd_branch-dropdown-list-item {
position: relative;
width: 100%;
height: 35px;
display: flex;
align-items: center;
padding: 0 15px;
cursor: pointer;
border-bottom: 1px solid #f1f1f1;
text-overflow: ellipsis;
white-space: nowrap;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .mgPlayerJSProd_branch-dropdown-wrapper .mgPlayerJSProd_branch-dropdown-list-wrapper .mgPlayerJSProd_branch-dropdown-list-item:hover,
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .mgPlayerJSProd_branch-dropdown-wrapper .mgPlayerJSProd_branch-dropdown-list-wrapper .mgPlayerJSProd_branch-dropdown-list-item.mgPlayerJSProd_active-item {
background: #f5f5f5;
color: var(--mg-primary);
}
.tour-view-page-container .step-view-type-branching .branch-wrapper-player .mgPlayerJSProd_branch-dropdown-wrapper .mgPlayerJSProd_branch-dropdown-list-wrapper .mgPlayerJSProd_branch-dropdown-list-item:last-child {
border-bottom-width: 0;
}
.tour-view-page-container .step-view-type-branching .plus-wrapper-player {
display: none !important;
vertical-align: top;
}
.tour-view-page-container .step-view-type-branching .plus-wrapper-player .plus-step-branch-title {
border: solid gray;
border-width: 0 0 1px 0;
cursor: pointer;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
margin-top: 15px;
width: 200px;
}
.tour-view-page-container .step-view-type-branching .mgPlayerJSProd_branch-vconnector {
position: relative;
pointer-events: none;
}
.tour-view-page-container .step-view-type-branching .mgPlayerJSProd_branch-vconnector:after {
content: "";
position: absolute;
top: 60px;
left: 115px;
width: 1px;
height: 100%;
background: #bbbbbb;
z-index: -1;
}
.tour-view-page-container .step-view-type-branching .mgPlayerJSProd_branch-vconnector-right:after {
top: 20px;
}
.tour-view-page-container .step-view-type-branching .mgPlayerJSProd_branch-hconnector {
position: absolute;
height: 1px;
pointer-events: none;
}
.tour-view-page-container .step-view-type-branching .mgPlayerJSProd_branch-hconnector:after {
content: "";
position: absolute;
top: 44px;
left: 115px;
width: 100%;
height: 1px;
border-bottom: 1px solid #bbbbbb !important;
z-index: -1;
}
.tour-view-page-container .step-view-type-branching .step-wrapper .branch-wrapper {
margin: 60px 0 0 0;
}
.tour-view-page-container .step-view-type-branching .step-wrapper .step-item + .plus-wrapper {
padding-top: 15px !important;
}
.tour-view-page-container .step-view-type-branching .step-wrapper .step-item + .plus-wrapper:after {
height: 100px;
}
.tour-view-page-container .step-view-type-branching .plus-wrapper {
position: relative;
padding: 15px 0 0 0;
min-width: 260px;
}
.tour-view-page-container .step-view-type-branching .plus-wrapper:after {
content: "";
position: absolute;
top: -20px;
left: 145px;
width: 1px;
height: 135px;
background: #bbbbbb;
z-index: -1;
}
.tour-view-page-container .step-view-type-branching .plus-wrapper .plus-step-branch-title {
top: 30px;
left: 115px;
position: absolute;
background: #fff;
transform: translate(-50%, 0);
padding: 5px 0;
max-width: 230px;
text-overflow: ellipsis;
overflow: hidden;
}
.tour-view-page-container .step-view-type-branching .plus-wrapper .plus-step-branch-notitle + .plus-step {
top: 25px !important;
}
.tour-view-page-container .step-view-type-branching .plus-wrapper.step-tail-large:after {
height: 95px !important;
}
.tour-view-page-container .step-view-type-branching .mgPlayerJSProd_branch-height-medium:after {
height: 115px !important;
}
.tour-view-page-container .step-view-type-branching .plus-wrapper.step-tail-small:after {
height: 65px !important;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper .plus-wrapper .step-wrapper {
margin: 0px;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper .plus-wrapper {
padding: 55px 0 0 0 !important;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper .plus-wrapper .plus-step {
top: 75px;
left: 85px;
}
.tour-view-page-container .step-view-type-branching .branch-wrapper .plus-wrapper:after {
left: 115px;
}
.tour-view-page-container .step-view-type-branching .step-item + .plus-wrapper .plus-step {
top: 35px;
left: 68px;
}
.tour-view-page-container .step-view-type-branching .step-item + .plus-wrapper:after {
left: 115px !important;
}
.tour-view-page-container .step-view-type-branching .horizontal-connector {
z-index: -1;
}
.tour-view-page-container .view-zoomin-zoomout {
position: fixed;
bottom: 65px;
right: 30px;
}
.tour-view-page-container .view-zoomin-zoomout .zoomin-branching-view {
cursor: pointer;
}
.tour-view-page-container .view-zoomin-zoomout .zoomin-branching-view svg {
width: 18px;
height: 18px;
}
.tour-view-page-container .view-zoomin-zoomout .zoomin-branching-view svg path {
fill: #757575;
transition: all 0.3s;
}
.tour-view-page-container .view-zoomin-zoomout .zoomin-branching-view svg:hover path {
fill: #404040;
}
.tour-view-page-container .view-zoomin-zoomout .zoomout-branching-view {
cursor: pointer;
}
.tour-view-page-container .view-zoomin-zoomout .zoomout-branching-view svg {
width: 18px;
height: 18px;
}
.tour-view-page-container .view-zoomin-zoomout .zoomout-branching-view svg path {
fill: #757575;
transition: all 0.3s;
}
.tour-view-page-container .view-zoomin-zoomout .zoomout-branching-view svg:hover path {
fill: #404040;
}
.search-page-container .tour-item {
margin: 0px;
}
.search-page-container .search-list {
overflow: auto;
}
.search-page-container .search-list::-webkit-scrollbar-track {
-webkit-box-shadow: none !important;
border-radius: 10px !important;
background-color: transparent !important;
}
.search-page-container .search-list::-webkit-scrollbar {
width: 10px !important;
height: 11px !important;
background-color: transparent !important;
}
.search-page-container .search-list::-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: none !important;
background-color: #6f708b !important;
}
.search-page-container .mgPlayerJSProd_filter-search-list-wrapper {
max-height: 230px;
overflow: hidden;
}
.search-page-container .mgPlayerJSProd_filter-search-list-wrapper .mgPlayerJSProd_search-list-tab {
width: 100%;
background: #F2F3F4;
padding: 5px 15px;
}
.search-page-container .mgPlayerJSProd_filter-search-list-wrapper .mgPlayerJSProd_search-list-tab .mgPlayerJSProd_list-collapsible-down-icon {
cursor: pointer;
float: right;
}
.search-page-container .mgPlayerJSProd_filter-search-list-wrapper .mgPlayerJSProd_search-list-tab .mgPlayerJSProd_list-collapsible-down-icon svg {
width: 15px;
height: 15px;
vertical-align: middle;
}
.search-page-container .mgPlayerJSProd_filter-search-list-wrapper .mgPlayerJSProd_search-list-tab .mgPlayerJSProd_list-collapsible-down-icon.mgPlayerJSProd_list-collapsible-up-icon {
transform: rotate(180deg);
}
.add-step-page-container::-webkit-scrollbar-track,
.ed-publish-page-container::-webkit-scrollbar-track,
.add-tour-page-container::-webkit-scrollbar-track,
.edit-tour-page-container::-webkit-scrollbar-track,
.add-category-page-container::-webkit-scrollbar-track,
.edit-category-page-container::-webkit-scrollbar-track,
.create-smarttip-page-container::-webkit-scrollbar-track,
.edit-smarttip-page-container::-webkit-scrollbar-track,
.add-tag-page-container::-webkit-scrollbar-track {
-webkit-box-shadow: none !important;
border-radius: 10px !important;
background-color: transparent !important;
}
.add-step-page-container::-webkit-scrollbar,
.ed-publish-page-container::-webkit-scrollbar,
.add-tour-page-container::-webkit-scrollbar,
.edit-tour-page-container::-webkit-scrollbar,
.add-category-page-container::-webkit-scrollbar,
.edit-category-page-container::-webkit-scrollbar,
.create-smarttip-page-container::-webkit-scrollbar,
.edit-smarttip-page-container::-webkit-scrollbar,
.add-tag-page-container::-webkit-scrollbar {
width: 10px !important;
height: 11px !important;
background-color: transparent !important;
}
.add-step-page-container::-webkit-scrollbar-thumb,
.ed-publish-page-container::-webkit-scrollbar-thumb,
.add-tour-page-container::-webkit-scrollbar-thumb,
.edit-tour-page-container::-webkit-scrollbar-thumb,
.add-category-page-container::-webkit-scrollbar-thumb,
.edit-category-page-container::-webkit-scrollbar-thumb,
.create-smarttip-page-container::-webkit-scrollbar-thumb,
.edit-smarttip-page-container::-webkit-scrollbar-thumb,
.add-tag-page-container::-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: none !important;
background-color: #6f708b !important;
}
.mgPlayerJSProd_selected-application-wrapper {
text-align: center;
padding: 8px 15px;
margin: 0 0 3px 0;
background: #F8F8F8;
border-bottom: 1px solid #f6f6f6;
}
.mgPlayerJSProd_selected-application-wrapper .mgPlayerJSProd_application-title,
.mgPlayerJSProd_selected-application-wrapper .mgPlayerJSProd_selected-app-name {
font-size: 13px;
}
.footer-panel {
position: absolute;
bottom: 0px;
left: 0px;
background: #F5F5F5;
width: 100%;
}
.footer-panel .mgPlayerJSProd_chat-button {
position: fixed;
bottom: 48px;
right: 20px;
width: 60px;
height: 60px;
margin: 0px;
padding: 0px;
z-index: 300;
background-color: var(--mg-primary);
border-radius: 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0 10px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
cursor: pointer;
}
.footer-panel .mgPlayerJSProd_chat-button:hover {
-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0 10px;
-moz-box-shadow: rgba(0, 0, 0, 0.8) 0 0 10px;
box-shadow: rgba(0, 0, 0, 0.8) 0 0 10px;
}
.footer-panel .mgPlayerJSProd_chat-button .mgPlayerJSProd_chat-min {
width: 20px;
height: 20px;
position: absolute;
top: -5px;
left: -5px;
cursor: pointer;
}
.footer-panel .mgPlayerJSProd_chat-button .mgPlayerJSProd_chat-lbl {
font-size: 11px;
color: #fff;
text-align: center;
}
.footer-panel .mgPlayerJSProd_chat-button #mgPlayerJSProd_chat-button-img {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMy41IDIyLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIzLjUgMjIuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHRpdGxlPk15Q2hhdDwvdGl0bGU+DQo8Zz4NCgk8ZyBpZD0iTGF5ZXJfMS0yIj4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTkuOCwxNi44SDguN2wtMi4zLDEuOXYtMS45SDRjLTEuMiwwLTIuMi0xLTIuMi0yLjJWNGMwLTEuMiwxLTIuMywyLjItMi4zYzAsMCwwLDAsMCwwaDEwLjUNCgkJCWMxLjIsMCwyLjIsMSwyLjIsMi4zYzAsMCwwLDAsMCwwdjJoMS43VjRjMC0yLjItMS44LTQtNC00SDRDMS44LDAsMCwxLjgsMCw0djEwLjVjMCwyLjIsMS44LDQsNCwzLjloMC43djMuN0w3LDIwLjNsMi4zLTEuOGgwLjkNCgkJCWMtMC4yLTAuNS0wLjMtMS0wLjMtMS41VjE2Ljh6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMC44LDcuMWgtNy4yYy0xLjUsMC0yLjcsMS4yLTIuNywyLjdWMTdjMCwxLjUsMS4yLDIuNywyLjcsMi43aDMuNmwxLjUsMS4ybDEuNiwxLjN2LTIuNWgwLjUNCgkJCWMxLjUsMCwyLjctMS4yLDIuNy0yLjdjMCwwLDAsMCwwLDBWOS44QzIzLjQsOC4zLDIyLjIsNy4xLDIwLjgsNy4xeiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K');
background-size: 25px;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 25px;
margin-top: 12px;
cursor: pointer;
}
.footer-panel .mgPlayerJSProd_download-apps-wrapper {
float: left;
margin: 5px 15px 5px 10px;
}
.footer-panel .mgPlayerJSProd_download-apps-wrapper .mgPlayerJSProd_apps-wrapper .mgPlayerJSProd_app-icon {
width: 20px;
height: 20px;
margin: 5px 5px 5px 0px;
}
.footer-panel .mgPlayerJSProd_download-apps-wrapper .mgPlayerJSProd_apps-wrapper .mgPlayerJSProd_app-icon svg {
width: 20px;
height: 20px;
}
.footer-panel .mgPlayerJSProd_download-apps-wrapper .mgPlayerJSProd_apps-wrapper .mgPlayerJSProd_app-icon svg rect,
.footer-panel .mgPlayerJSProd_download-apps-wrapper .mgPlayerJSProd_apps-wrapper .mgPlayerJSProd_app-icon svg circle {
fill: #757575;
opacity: 0.8;
}
.footer-panel .mgPlayerJSProd_download-apps-wrapper .mgPlayerJSProd_apps-wrapper .mgPlayerJSProd_app-icon svg:hover rect,
.footer-panel .mgPlayerJSProd_download-apps-wrapper .mgPlayerJSProd_apps-wrapper .mgPlayerJSProd_app-icon svg:hover circle {
opacity: 1;
}
.footer-panel .footer-panel-copyright-text {
float: left;
font-size: 12px;
margin: 13px 10px;
}
.footer-panel .footer-panel-copyright-text .footer-text-separator {
margin: 0 2px;
color: #8e8fa6;
}
.footer-panel .footer-panel-copyright-text button {
color: var(--mg-primary);
font-size: 12px;
font-weight: 600;
}
.footer-panel .footer-panel-copyright-text button:hover {
color: #5b64dd !important;
}
.footer-panel .footer-panel-copyright-text .mgPlayerJSProd_micro-switch-player {
display: inline;
font-size: 12px;
}
.footer-panel .mgPlayerJSProd_footer-send-feedback {
margin: 13px 0px 13px -5px !important;
}
.footer-panel .mgPlayerJSProd_footer-send-feedback-mp {
margin: 13px -5px 13px 13px !important;
}
.footer-panel .footer-panel-icon {
position: absolute;
top: 0px;
right: 10px;
cursor: pointer;
width: 24px;
height: 24px;
margin: 8px 0px;
}
.footer-panel .footer-panel-icon:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.footer-panel .footer-panel-icon.mgPlayerJSProd_icon-chat-min:hover .mgPlayerJSProd_mychat-add-btn {
display: block;
}
.footer-panel .footer-panel-icon .mgPlayerJSProd_mychat-add-btn {
width: 12px;
height: 12px;
position: absolute;
top: -5px;
right: 0;
}
.footer-panel .footer-panel-refresh-icon {
position: absolute;
top: 12px;
right: 35px;
cursor: pointer;
}
.footer-panel .footer-panel-refresh-icon:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.footer-panel .footer-panel-refresh-icon svg {
height: 18px;
width: 18px;
vertical-align: middle;
fill: #757575;
transition: all 0.3s;
}
.footer-panel .footer-panel-refresh-icon svg:hover {
fill: #404040;
}
.footer-panel .footer-panel-refresh-icon svg path {
fill: #757575;
}
.footer-panel .footer-panel-chatbot-icon {
position: absolute;
top: 9px;
right: 60px;
cursor: pointer;
}
.footer-panel .footer-panel-chatbot-icon:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.footer-panel .footer-panel-chatbot-icon svg {
height: 16px;
width: 16px;
vertical-align: middle;
fill: #757575;
transition: all 0.3s;
}
.footer-panel .footer-panel-chatbot-icon svg:hover {
fill: #404040;
}
.footer-panel a {
color: var(--mg-primary);
text-decoration: none;
font-weight: 600;
}
.ege-popup,
.ege-popup-branch {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
box-shadow: #6d6c6c 0px 0px 10px -1px;
background: #fff;
width: 342px;
border-radius: 4px;
margin: 0;
z-index: 2147483647;
padding: 20px 25px;
}
.ege-popup .ege-popup-radio,
.ege-popup-branch .ege-popup-radio {
margin: 0px;
}
.ege-popup .ege-popup-radio-text,
.ege-popup-branch .ege-popup-radio-text {
margin: 0 10px 0 5px;
}
.ege-popup .mgPlayerJSProd_popup-header-wrapper,
.ege-popup-branch .mgPlayerJSProd_popup-header-wrapper {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.ege-popup .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-btn-close,
.ege-popup-branch .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-btn-close {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.ege-popup .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-btn-close svg,
.ege-popup-branch .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-btn-close svg {
cursor: pointer;
}
.ege-popup .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-header-icon-wrapper,
.ege-popup-branch .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-header-icon-wrapper {
width: 40px;
height: 40px;
margin: 15px 0;
}
.ege-popup .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-header-icon-wrapper .mgPlayerJSProd_popup-header-icon,
.ege-popup-branch .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-header-icon-wrapper .mgPlayerJSProd_popup-header-icon {
width: 100%;
height: 100%;
}
.ege-popup .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-header-icon-wrapper .mgPlayerJSProd_popup-header-icon svg,
.ege-popup-branch .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-header-icon-wrapper .mgPlayerJSProd_popup-header-icon svg {
width: 100%;
height: 100%;
}
.ege-popup .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-close-wrapper,
.ege-popup-branch .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-close-wrapper {
position: absolute;
top: 16px;
right: 12px;
}
.ege-popup .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-close-wrapper .mgPlayerJSProd_popup-close-icon,
.ege-popup-branch .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-close-wrapper .mgPlayerJSProd_popup-close-icon {
width: 14px;
height: 14px;
cursor: pointer;
}
.ege-popup .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-close-wrapper .mgPlayerJSProd_popup-close-icon svg,
.ege-popup-branch .mgPlayerJSProd_popup-header-wrapper .mgPlayerJSProd_popup-close-wrapper .mgPlayerJSProd_popup-close-icon svg {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ege-popup .mgPlayerJSProd_guide-progress-container,
.ege-popup-branch .mgPlayerJSProd_guide-progress-container {
margin-top: 10px;
flex-direction: column;
padding: 0px 15%;
}
.ege-popup .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_hr,
.ege-popup-branch .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_hr {
width: 90%;
margin-left: 28px;
border-top: 1px solid #6f708b;
}
.ege-popup .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper,
.ege-popup-branch .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper {
height: 45px;
}
.ege-popup .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper.mgPlayerJSProd_ele-width .mgPlayerJSProd_guide-progress-val::after,
.ege-popup-branch .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper.mgPlayerJSProd_ele-width .mgPlayerJSProd_guide-progress-val::after {
content: '';
width: 1px;
border-left: solid 1px #6f708b;
position: absolute;
top: -244%;
left: 50%;
z-index: 1;
height: 31px;
}
.ege-popup .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val,
.ege-popup-branch .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 15px;
height: 15px;
border: 1px solid #6f708b;
border-radius: 30px;
cursor: pointer;
color: #ACADC1;
}
.ege-popup .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val .mgPlayerJSProd_guide-progress-label,
.ege-popup-branch .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val .mgPlayerJSProd_guide-progress-label {
position: absolute;
left: 200%;
color: #26273b;
white-space: nowrap;
}
.ege-popup .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val:hover,
.ege-popup-branch .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val:hover,
.ege-popup .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val.mgPlayerJSProd_active-progress,
.ege-popup-branch .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val.mgPlayerJSProd_active-progress {
background: var(--mg-primary);
border-color: var(--mg-primary);
color: #ffffff;
}
.ege-popup .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val:hover .mgPlayerJSProd_guide-progress-label,
.ege-popup-branch .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val:hover .mgPlayerJSProd_guide-progress-label,
.ege-popup .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val.mgPlayerJSProd_active-progress .mgPlayerJSProd_guide-progress-label,
.ege-popup-branch .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val.mgPlayerJSProd_active-progress .mgPlayerJSProd_guide-progress-label {
color: var(--mg-primary);
}
.ege-popup .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val:hover::after,
.ege-popup-branch .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val:hover::after,
.ege-popup .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val.mgPlayerJSProd_active-progress::after,
.ege-popup-branch .mgPlayerJSProd_guide-progress-container .mgPlayerJSProd_guide-progress-wrapper .mgPlayerJSProd_guide-progress-val.mgPlayerJSProd_active-progress::after {
border-color: var(--mg-primary);
}
.ege-popup .mgPlayerJSProd_process-msg,
.ege-popup-branch .mgPlayerJSProd_process-msg {
margin-top: 20px;
}
.ege-popup .mgPlayerJSProd_popup-header-title-wrapper,
.ege-popup-branch .mgPlayerJSProd_popup-header-title-wrapper {
width: 100%;
height: 48px;
font-size: 18px;
background: #454560;
color: #ffffff;
padding: 0px 20px;
border-radius: 6px;
}
.ege-popup .mgPlayerJSProd_popup-header-title-wrapper .mgPlayerJSProd_popup-close svg path,
.ege-popup-branch .mgPlayerJSProd_popup-header-title-wrapper .mgPlayerJSProd_popup-close svg path {
fill: #ffffff;
stroke-width: 0;
}
.ege-popup .mgPlayerJSProd_popup-upload-file-header,
.ege-popup-branch .mgPlayerJSProd_popup-upload-file-header {
background: #26273b;
padding: 0px 20px;
color: #ffffff;
height: 48px;
font-size: 18px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 6px 6px 0px 0px;
}
.ege-popup .mgPlayerJSProd_popup-upload-file-header .mgPlayerJSProd_popup-upload-close svg,
.ege-popup-branch .mgPlayerJSProd_popup-upload-file-header .mgPlayerJSProd_popup-upload-close svg {
width: 14px;
height: 14px;
cursor: pointer;
}
.ege-popup .mgPlayerJSProd_popup-upload-file-header .mgPlayerJSProd_popup-upload-close svg path,
.ege-popup-branch .mgPlayerJSProd_popup-upload-file-header .mgPlayerJSProd_popup-upload-close svg path {
fill: #ffffff;
}
.ege-popup .mgPlayerJSProd_image-file-input-wrapper,
.ege-popup-branch .mgPlayerJSProd_image-file-input-wrapper {
position: relative;
height: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 20px 0px 10px 0px;
}
.ege-popup .mgPlayerJSProd_image-file-input-wrapper #input-csv,
.ege-popup-branch .mgPlayerJSProd_image-file-input-wrapper #input-csv {
outline: none;
}
.ege-popup .mgPlayerJSProd_image-file-input-wrapper .mgPlayerJSProd_choose-file-btn,
.ege-popup-branch .mgPlayerJSProd_image-file-input-wrapper .mgPlayerJSProd_choose-file-btn {
border: 1.5px solid var(--mg-primary);
color: var(--mg-primary);
text-align: center;
padding: 8px 12px;
border-radius: 4px;
background: #ffffff;
position: absolute;
top: 0;
left: 0px;
width: 87px;
height: 35px;
box-sizing: border-box;
}
.ege-popup.step-audio-popup .audio-text-container,
.ege-popup-branch.step-audio-popup .audio-text-container {
width: 100%;
}
.ege-popup.step-audio-popup .audio-text-container #audio-text-area,
.ege-popup-branch.step-audio-popup .audio-text-container #audio-text-area {
height: 80px;
width: 100%;
padding: 5px 10px;
resize: none;
box-sizing: border-box;
outline: none;
border: 1px solid #999;
margin: 0 0 5px 0;
font-family: arial;
font-size: 13px;
}
.ege-popup.step-audio-popup .audio-text-container #audio-text-area.empty-textarea,
.ege-popup-branch.step-audio-popup .audio-text-container #audio-text-area.empty-textarea {
border: 1px solid red;
}
.ege-popup.step-audio-popup .audio-text-container #preview-link,
.ege-popup-branch.step-audio-popup .audio-text-container #preview-link {
cursor: pointer;
font-size: 13px;
}
.ege-popup.step-audio-popup .audio-text-container .preview-sound-spinner-wrapper,
.ege-popup-branch.step-audio-popup .audio-text-container .preview-sound-spinner-wrapper {
display: inline;
margin-left: 10px;
color: var(--mg-primary);
}
.ege-popup.step-audio-popup .audio-text-container .preview-sound-spinner-wrapper.mgPlayerJSProd_hidden,
.ege-popup-branch.step-audio-popup .audio-text-container .preview-sound-spinner-wrapper.mgPlayerJSProd_hidden {
display: none !important;
}
.ege-popup .ege-popup-title-wrapper,
.ege-popup-branch .ege-popup-title-wrapper {
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 600;
margin: 5px 0;
}
.ege-popup .ege-popup-content-wrapper,
.ege-popup-branch .ege-popup-content-wrapper {
padding: 15px 30px 0px 30px;
margin: 0px;
line-height: initial;
text-align: center;
color: #2b2b2b;
}
.ege-popup .mgPlayerJSProd_popup-content-info,
.ege-popup-branch .mgPlayerJSProd_popup-content-info {
border: 1px solid rgba(194, 38, 27, 0.15);
box-sizing: border-box;
border-radius: 6px;
padding: 15px;
margin: 20px;
color: #000000;
line-height: 24px;
}
.ege-popup .ege-popup-email-input,
.ege-popup-branch .ege-popup-email-input {
width: 35% !important;
margin: 10px 2px 10px 0 !important;
}
.ege-popup .ege-popup-email-input-label,
.ege-popup-branch .ege-popup-email-input-label {
font-size: 17px;
}
.ege-popup .ege-popup-confirm-otp,
.ege-popup-branch .ege-popup-confirm-otp,
.ege-popup .ege-popup-email-input-confirm,
.ege-popup-branch .ege-popup-email-input-confirm {
width: 70% !important;
}
.ege-popup .ege-popup-error-msg,
.ege-popup-branch .ege-popup-error-msg {
display: none;
text-align: center;
color: #ea4242;
}
.ege-popup .ege-popup-btn-wrapper,
.ege-popup-branch .ege-popup-btn-wrapper {
text-align: center;
margin: 25px 0px 15px 0px;
}
.ege-popup .ege-popup-btn-wrapper .ege-cancel-btn,
.ege-popup-branch .ege-popup-btn-wrapper .ege-cancel-btn {
margin: 0px 10px;
background: #ffffff !important;
border: 1px solid #BBBBBC !important;
box-sizing: border-box;
box-shadow: none;
color: #444444;
}
.ege-popup .ege-popup-btn-wrapper .ege-cancel-btn:hover,
.ege-popup-branch .ege-popup-btn-wrapper .ege-cancel-btn:hover {
background: rgba(102, 102, 102, 0.05) !important;
}
.ege-popup .ege-popup-btn-wrapper .ege-unpublish-cat-msg,
.ege-popup-branch .ege-popup-btn-wrapper .ege-unpublish-cat-msg {
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 120, 212, 0.1);
border: 1px solid rgba(194, 38, 27, 0.15);
box-sizing: border-box;
border-radius: 6px;
padding: 15px;
margin: 20px;
color: #000000;
line-height: 24px;
}
.ege-popup .ege-popup-btn-wrapper .mgPlayerJSProd_pop-cancel,
.ege-popup-branch .ege-popup-btn-wrapper .mgPlayerJSProd_pop-cancel {
border-radius: 4px;
border: 1px solid #d2caca;
padding: 7px 10px;
color: #666666;
width: 125px;
text-align: center;
margin: 0 20px;
cursor: pointer;
}
.ege-popup .ege-popup-btn-wrapper .mgPlayerJSProd_pop-ok,
.ege-popup-branch .ege-popup-btn-wrapper .mgPlayerJSProd_pop-ok {
border-radius: 4px;
border: 1px solid var(--mg-primary);
padding: 7px 10px;
color: #ffffff;
width: 125px;
text-align: center;
margin: 0 20px;
background: var(--mg-primary);
cursor: pointer;
}
#mgPlayerJSProd_json-editor {
overflow: auto;
height: 460px;
margin: 5px;
text-align: left;
}
.mgPlayerJSProd_json-editor-icon {
width: 25px !important;
height: 25px !important;
background: #807b7b;
margin: 8px 0 0 0;
border-radius: 50%;
display: inline-block !important;
}
.mgPlayerJSProd_json-editor-icon svg {
width: 15px;
height: 15px;
vertical-align: middle;
margin: 4px 0 0 5px;
}
.mgPlayerJSProd_json-editor-icon svg path {
fill: #ffffff;
}
.ege-popup-link-guide {
position: absolute;
text-align: center;
top: 200px;
box-shadow: #6d6c6c 0px 0px 10px -1px;
background: #fff;
width: 75%;
max-width: 460px;
margin: 0;
transform: translate(-50%, 0);
left: 50%;
z-index: 1000;
}
.ege-popup-link-guide .ege-popup-header {
background: var(--mg-primary);
padding: 5px 10px 5px 10px;
font-size: 15px;
color: #fff;
}
.ege-popup-link-guide .ege-popup-close {
position: absolute;
top: 8px;
right: 10px;
}
.ege-popup-link-guide .ege-popup-close svg {
width: 12px;
height: 12px;
cursor: pointer;
}
.ege-popup-link-guide .ege-popup-close svg path {
fill: #fff;
}
.ege-popup-link-guide .selectbox-wrapper {
padding: 35px 30px 20px 30px;
}
.ege-popup-link-guide .selectbox-wrapper .create-step-selectbox-select {
width: 100%;
height: 29px;
font-size: 11px;
padding: 5px;
margin: 0 5px 0 0;
border: 1px solid #babec7;
color: #6d727a;
font-weight: 600;
}
.ege-popup-link-guide .selectbox-wrapper .create-step-selectbox-select option {
font-size: 13px;
width: 90px !important;
border: 2px solid var(--mg-primary) !important;
}
.ege-popup-link-guide .selectbox-wrapper select {
width: 50px;
}
.ege-popup-link-guide .selectbox-wrapper select option {
font-size: 13px;
width: 90px !important;
border: 2px solid var(--mg-primary) !important;
}
.ege-popup-link-guide .ege-popup-title-wrapper {
display: none;
font-size: 15px;
margin-bottom: 10px;
font-weight: 600;
text-align: left;
border-bottom: 1px solid var(--mg-primary) !important;
padding: 8px 10px;
margin: 0px;
background: var(--mg-primary);
color: #fff;
box-shadow: 0 0 10px 0px var(--mg-primary) inset;
border-radius: 2px 2px 0 0;
background: -webkit-repeating-radial-gradient(#509AFF 0%, var(--mg-primary) 100%);
}
.ege-popup-link-guide .ege-popup-content-wrapper {
padding: 0 0 10px 0;
margin: 0px;
line-height: initial;
text-align: center;
font-size: 17px;
}
.ege-popup-link-guide .ege-popup-email-input {
width: 35% !important;
margin: 10px 2px 10px 0 !important;
}
.ege-popup-link-guide .ege-popup-email-input-label {
font-size: 17px;
}
.ege-popup-link-guide .ege-popup-confirm-otp,
.ege-popup-link-guide .ege-popup-email-input-confirm {
width: 70% !important;
}
.ege-popup-link-guide .ege-popup-error-msg {
display: none;
}
.ege-popup-link-guide .ege-popup-error-msg {
text-align: center;
color: #ea4242;
}
.ege-popup-link-guide .ege-popup-btn-wrapper {
padding: 10px;
text-align: center;
}
.ege-popup-link-guide .ege-popup-btn-wrapper .ege-link-guide {
border-radius: 4px !important;
}
.ege-popup-link-guide .ege-popup-btn-wrapper .ege-cancel-btn {
margin: 0 0 0 20px;
background: #fff !important;
color: var(--mg-primary) !important;
border: 1px solid var(--mg-primary) !important;
box-shadow: none;
border-radius: 4px !important;
line-height: 26px !important;
}
.mgPlayerJSProd_overlay-container {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2147483647;
background: rgba(0, 0, 0, 0.5);
}
.no-tour-message-wrapper {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 18px;
position: relative !important;
top: 50% !important;
}
.no-tour-message-wrapper.mgPlayerJSProd_position-center {
top: 60%;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-image-wrapper {
position: relative;
text-align: center;
margin: 0 20px 0 0;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-image-wrapper.mgPlayerJSProd_no-guide-search-wrapper {
margin: 0;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-image-wrapper .mgPlayerJSProd_no-guide-image-cartoon {
text-align: center;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-image-wrapper .mgPlayerJSProd_no-guide-image-cartoon svg {
width: 300px;
height: 190px;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-image-wrapper .mgPlayerJSProd_error-msg-wrapper {
color: #969696;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-image-wrapper .mgPlayerJSProd_no-guide-image-arrow {
position: absolute;
bottom: 71px;
right: 52px;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-image-wrapper .mgPlayerJSProd_no-guide-image-arrow svg {
width: 119px;
height: 96px;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-image-wrapper .mgPlayerJSProd_no-guide-found-search-icon {
text-align: center;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-image-wrapper .mgPlayerJSProd_no-guide-found-search-icon svg {
width: 300px;
height: 190px;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-text-wrapper {
margin: 20px 0 0 0;
color: #6f708b;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-text-wrapper.mgPlayerJSProd_no-guide-text-search-wrapper {
top: 75%;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-text-wrapper .mgPlayerJSProd_no-guide-msg {
text-align: center;
font-size: 18px;
color: #000000;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-text-wrapper .mgPlayerJSProd_instruction-add-category {
text-align: center;
font-size: 15px;
margin: 10px 0 0 0;
}
.no-tour-message-wrapper .mgPlayerJSProd_no-guide-text-wrapper .mgPlayerJSProd_instruction-add-category .mgPlayerJSProd_instruction-add-icon {
color: #ffffff;
background: #757575;
border-radius: 50%;
padding: 0px 4px;
font-size: 15px;
}
.guideme-ttip {
position: absolute;
top: 136px;
left: 136px;
z-index: 8;
background: #fff;
width: 205px;
padding: 15px 10px;
box-shadow: 0px 1px 8px -1px #a2a2a2;
}
.guideme-ttip::before {
content: "";
position: absolute;
top: 6px;
right: -10px;
border-top: 7px solid transparent !important;
border-bottom: 7px solid transparent !important;
border-left: 11px solid #efebeb !important;
}
.guideme-ttip::after {
content: "";
position: absolute;
top: 8px;
right: -7px;
border-top: 5px solid transparent !important;
border-bottom: 5px solid transparent !important;
border-left: 8px solid #ffffff !important;
}
.guideme-ttip .mgPlayerJSProd_tt-title {
font-size: 18px;
font-weight: 600;
}
.guideme-ttip .mgPlayerJSProd_tt-desc {
font-size: 13px;
}
.guideme-ttip .mgPlayerJSProd_tt-cancel-icon {
position: absolute;
right: 6px;
top: 5px;
cursor: pointer;
width: 12px;
}
/*popup design TestMe start*/
.popup-test-me-preview {
width: 710px;
position: fixed;
top: 50%;
right: 535px;
transform: translate(0%, -50%);
background: #f9f9f9;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px -2px;
border-radius: 8px;
z-index: 9999;
}
.popup-test-me-preview .popup-test-me-header {
position: relative;
background: #26273b;
padding: 0px 20px;
height: 48px;
border-radius: 8px 8px 0px 0px;
display: flex;
align-items: center;
justify-content: space-between;
}
.popup-test-me-preview .popup-test-me-header .popup-test-me-title {
width: 96%;
color: #ffffff;
text-align: left;
font-size: 18px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.popup-test-me-preview .popup-test-me-header .popup-test-me-close {
cursor: pointer;
position: absolute;
width: 14px;
height: 14px;
top: 50%;
right: 15px;
transform: translate(0px, -50%);
}
.popup-test-me-preview .popup-test-me-header .popup-test-me-close:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.popup-test-me-preview .popup-test-me-header .popup-test-me-close svg {
width: 14px;
height: 14px;
fill: #ffffff;
}
.popup-test-me-preview .popup-test-me-container {
background-color: #fff;
border-radius: 0px 0px 8px 8px;
}
.popup-test-me-preview .popup-test-me-container .tour-details-container {
width: 100%;
float: left;
background: #fff;
padding: 20px;
}
.popup-test-me-preview .popup-test-me-container .tour-details-container .tour-title-wrapper {
width: 85%;
font-size: 15px;
line-height: 17px;
vertical-align: middle;
display: inline-flex;
align-items: center;
}
.popup-test-me-preview .popup-test-me-container .tour-details-container .tour-title-wrapper .tour-play-icon-test-me {
padding: 5px;
margin: 0 5px 0 0;
border-radius: 22px;
height: 20px;
width: 20px;
text-align: center;
background: #e34545;
vertical-align: bottom;
}
.popup-test-me-preview .popup-test-me-container .tour-details-container .tour-title-wrapper .tour-play-icon-test-me svg {
width: 9px;
height: 9px;
vertical-align: top;
}
.popup-test-me-preview .popup-test-me-container .tour-details-container .tour-title-wrapper .tour-play-icon-test-me svg path {
fill: #fff;
}
.popup-test-me-preview .popup-test-me-container .tour-details-container .tour-description-wrapper {
width: 48%;
text-overflow: ellipsis;
margin: 5px 0 0 0;
}
.popup-test-me-preview .popup-test-me-container .step-preview-container {
margin: 0 0 0 20px;
}
.popup-test-me-preview .popup-test-me-container .step-preview-container .preview-step-first-wrapper {
display: inline-block;
background: #fff;
width: 47%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.popup-test-me-preview .popup-test-me-container .step-preview-container .preview-step-first-wrapper .preview-step-first-title {
padding: 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.popup-test-me-preview .popup-test-me-container .step-preview-container .preview-step-first-wrapper .image-preview-step-first {
padding: 7px 7px 3px 7px;
}
.popup-test-me-preview .popup-test-me-container .step-preview-container .preview-step-first-wrapper .image-preview-step-first .step-image {
border: 2px solid #f0f0f5;
border-bottom-width: 0;
width: 99%;
min-height: 250px;
}
.popup-test-me-preview .popup-test-me-container .step-preview-container .preview-step-last-wrapper {
display: inline-block;
background: #fff;
width: 47%;
margin: 0 0 0 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.popup-test-me-preview .popup-test-me-container .step-preview-container .preview-step-last-wrapper .preview-step-last-title {
padding: 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.popup-test-me-preview .popup-test-me-container .step-preview-container .preview-step-last-wrapper .image-preview-step-last {
padding: 7px 7px 3px 7px;
}
.popup-test-me-preview .popup-test-me-container .step-preview-container .preview-step-last-wrapper .image-preview-step-last .step-image {
border: 2px solid #f0f0f5;
border-bottom-width: 0;
width: 99%;
min-height: 250px;
}
.popup-test-me-preview .popup-test-me-container .test-me-btn-action {
background-color: #fff;
width: 100%;
margin: 5px 0 0 0;
text-align: center;
padding: 15px;
border-radius: 0px 0px 8px 8px;
}
.popup-test-me-preview .popup-test-me-container .test-me-btn-action .btn-start-test {
font-family: Arial, sans-serif;
display: inline-block;
text-align: center;
font-weight: normal;
color: #ffffff;
cursor: pointer;
line-height: 32px;
font-size: 13px;
height: 32px;
min-width: 80px;
max-width: 130px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-left: 10px;
transition: all 0.3s;
background: #00a1e1 !important;
border: none !important;
outline: none !important;
padding: 0px 10px !important;
border-radius: 4px !important;
border-bottom: 0px solid #008dc5 !important;
box-shadow: 0px 2px 3px -2px #333;
}
.popup-test-me-preview .popup-test-me-container .test-me-btn-action .btn-esc-test-me {
font-family: Arial, sans-serif;
text-align: center;
font-weight: normal;
color: var(--mg-primary);
cursor: pointer;
line-height: 29px;
font-size: 13px;
height: 32px;
min-width: 80px;
max-width: 130px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-left: 10px;
transition: all 0.3s;
background: #fff !important;
border: 1px solid var(--mg-primary) !important;
outline: none !important;
padding: 0px 10px !important;
border-radius: 4px !important;
box-shadow: 0px 2px 3px -2px #333;
}
/*popup design TestMe end*/
@media screen and (min-width: 501px) and (max-width: 1280px) {
.popup-test-me-preview {
right: initial !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
}
.mgPlayerJSProd_tooltip .mgPlayerJSProd_tooltiptext {
visibility: hidden;
width: 140px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
margin-left: -80px;
opacity: 0;
transition: opacity 0.3s;
right: -10px;
top: -35px;
}
.mgPlayerJSProd_tooltip:hover .mgPlayerJSProd_tooltiptext {
visibility: visible;
opacity: 1;
}
.mgPlayerJSProd_tooltip .mgPlayerJSProd_red-tooltiptext {
right: -1px;
}
.mgPlayerJSProd_tooltip .mgPlayerJSProd_tooltiptext::after {
content: "";
position: absolute;
top: 100%;
right: 14px;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.mgPlayerJSProd_disable-view-on-branch-popup {
background: black;
display: none;
height: 100%;
opacity: 0.5;
position: absolute;
top: 0px;
width: 100%;
z-index: 999;
}
.mgPlayerJSProd_steps-progress-container {
position: absolute;
height: 24px;
top: 10px;
left: 65px;
text-align: center;
cursor: pointer;
transition: all 0.2s;
color: var(--mg-primary);
background: white;
}
.mgPlayerJSProd_player-step .step-item {
width: 430px !important;
margin: 35px 0 0 0 !important;
}
.mgPlayerJSProd_player-step .step-item .step-title-wrapper {
width: 395px !important;
}
.mgPlayerJSProd_player-step .step-item .step-image-wrapper {
height: 300px !important;
}
.mgPlayerJSProd_currentpage-header-wrapper {
padding: 0 15px 5px 15px;
border-bottom: 1px solid #F6F6F6 !important;
width: 100% !important;
}
.mgPlayerJSProd_guide-lang {
position: relative;
color: #fff;
float: right;
cursor: pointer;
margin: 9px 5px 0 0;
}
.mgPlayerJSProd_guide-lang .mgPlayerJSProd_guide-lang-icon {
width: 26px !important;
height: 26px !important;
padding: 2px !important;
background: var(--mg-primary) !important;
border-radius: 50%;
}
.mgPlayerJSProd_guide-lang .mgPlayerJSProd_guide-lang-icon:hover {
background: #288070 !important;
}
.mgPlayerJSProd_guide-lang .mgPlayerJSProd_guide-lang-icon svg {
width: 15px;
height: 15px;
vertical-align: middle;
margin: 0 0 0 4px;
}
.mgPlayerJSProd_guide-lang .mgPlayerJSProd_guide-lang-icon svg path {
fill: #ffffff;
}
.mgPlayerJSProd_guide-lang .mgPlayerJSProd_guide-lang-icon svg polygon {
fill: #ffffff;
}
.mgPlayerJSProd_guide-lang .mgPlayerJSProd_guide-lang-dropdown {
display: none;
position: absolute;
height: auto;
right: 0;
top: 30px;
background: #fff;
box-shadow: 0px 1px 8px -1px #a2a2a2;
z-index: 11;
padding: 5px;
}
.mgPlayerJSProd_guide-lang .mgPlayerJSProd_guide-lang-dropdown:before {
content: "";
position: absolute;
top: -10px;
right: 6px;
border-right: 8px solid transparent !important;
border-left: 8px solid transparent !important;
border-bottom: 10px solid #cccccc !important;
}
.mgPlayerJSProd_guide-lang .mgPlayerJSProd_guide-lang-dropdown:after {
content: "";
position: absolute;
top: -8px;
right: 6px;
border-right: 8px solid transparent !important;
border-left: 8px solid transparent !important;
border-bottom: 10px solid #f9f9f9 !important;
}
.mgPlayerJSProd_guide-lang .mgPlayerJSProd_guide-lang-dropdown .mgPlayerJSProd_guide-lang-dd-item {
white-space: nowrap;
padding: 7px 10px;
cursor: pointer;
transition: all 0.3s;
border-bottom: 1px solid #f1f1f1;
}
.mgPlayerJSProd_guide-lang .mgPlayerJSProd_guide-lang-dropdown .mgPlayerJSProd_guide-lang-dd-item:last-child {
border-bottom: none;
}
.mgPlayerJSProd_guide-lang .mgPlayerJSProd_guide-lang-dropdown .mgPlayerJSProd_guide-lang-dd-item:hover {
background: #f5f5f5;
color: var(--mg-primary);
}
.mgPlayerJSProd_guide-lang .mgPlayerJSProd_guide-lang-dropdown .mgPlayerJSProd_guide-lang-dd-item.lang-active {
background: #f5f5f5;
color: var(--mg-primary);
}
.mgPlayerJSProd_display-block {
display: block !important;
}
.mgPlayerJSProd_panel-micro-height {
height: 400px !important;
}
@supports (-ms-ime-align: auto) {
.step-image-overlay {
transition: none !important;
}
.search-text-input {
background: #f2f2f2 !important;
}
.search-text-input:focus {
background: #f2f2f2 !important;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper {
min-height: auto !important;
}
}
@media all and (-ms-high-contrast: none) {
.search-text-input {
background: #f2f2f2 !important;
}
.search-text-input:focus {
background: #f2f2f2 !important;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper {
min-height: auto !important;
}
}
/* chatbot tab css file */
/*====Animation CSS Start====*/
@-webkit-keyframes "bounce" {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes "bounce" {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@-webkit-keyframes "flash" {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes "flash" {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes "pulse" {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes "pulse" {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes "rubberBand" {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes "rubberBand" {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes "shake" {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes "shake" {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@-webkit-keyframes "headShake" {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes "headShake" {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes "swing" {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes "swing" {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@-webkit-keyframes "tada" {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes "tada" {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes "wobble" {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "wobble" {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "jello" {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes "jello" {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@-webkit-keyframes "heartBeat" {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes "heartBeat" {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes "bounceIn" {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes "bounceIn" {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes "bounceInDown" {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "bounceInDown" {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "bounceInLeft" {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "bounceInLeft" {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "bounceInRight" {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "bounceInRight" {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "bounceInUp" {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "bounceInUp" {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "bounceOut" {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes "bounceOut" {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@-webkit-keyframes "bounceOutDown" {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes "bounceOutDown" {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@-webkit-keyframes "bounceOutLeft" {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes "bounceOutLeft" {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@-webkit-keyframes "bounceOutRight" {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes "bounceOutRight" {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@-webkit-keyframes "bounceOutUp" {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes "bounceOutUp" {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@-webkit-keyframes "fadeIn" {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes "fadeIn" {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes "fadeInDown" {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "fadeInDown" {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "fadeInDownBig" {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "fadeInDownBig" {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "fadeInLeft" {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "fadeInLeft" {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "fadeInLeftBig" {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "fadeInLeftBig" {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "fadeInRight" {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "fadeInRight" {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "fadeInRightBig" {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "fadeInRightBig" {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "fadeInUp" {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "fadeInUp" {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "fadeInUpBig" {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "fadeInUpBig" {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "fadeOut" {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes "fadeOut" {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes "fadeOutDown" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes "fadeOutDown" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-webkit-keyframes "fadeOutDownBig" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes "fadeOutDownBig" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@-webkit-keyframes "fadeOutLeft" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes "fadeOutLeft" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-webkit-keyframes "fadeOutLeftBig" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes "fadeOutLeftBig" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@-webkit-keyframes "fadeOutRight" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes "fadeOutRight" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-webkit-keyframes "fadeOutRightBig" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes "fadeOutRightBig" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@-webkit-keyframes "fadeOutUp" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes "fadeOutUp" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-webkit-keyframes "fadeOutUpBig" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes "fadeOutUpBig" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@-webkit-keyframes "flip" {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes "flip" {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-webkit-keyframes "flipInX" {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes "flipInX" {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes "flipInY" {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes "flipInY" {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes "flipOutX" {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes "flipOutX" {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@-webkit-keyframes "flipOutY" {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes "flipOutY" {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@-webkit-keyframes "lightSpeedIn" {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "lightSpeedIn" {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "lightSpeedOut" {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes "lightSpeedOut" {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@-webkit-keyframes "rotateIn" {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes "rotateIn" {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes "rotateInDownLeft" {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes "rotateInDownLeft" {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes "rotateInDownRight" {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes "rotateInDownRight" {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes "rotateInUpLeft" {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes "rotateInUpLeft" {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes "rotateInUpRight" {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes "rotateInUpRight" {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes "rotateOut" {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes "rotateOut" {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@-webkit-keyframes "rotateOutDownLeft" {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes "rotateOutDownLeft" {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@-webkit-keyframes "rotateOutDownRight" {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes "rotateOutDownRight" {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@-webkit-keyframes "rotateOutUpLeft" {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes "rotateOutUpLeft" {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@-webkit-keyframes "rotateOutUpRight" {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes "rotateOutUpRight" {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@-webkit-keyframes "hinge" {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes "hinge" {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@-webkit-keyframes "jackInTheBox" {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes "jackInTheBox" {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes "rollIn" {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "rollIn" {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes "rollOut" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes "rollOut" {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@-webkit-keyframes "zoomIn" {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes "zoomIn" {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@-webkit-keyframes "zoomInDown" {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes "zoomInDown" {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes "zoomInLeft" {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes "zoomInLeft" {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes "zoomInRight" {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes "zoomInRight" {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes "zoomInUp" {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes "zoomInUp" {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes "zoomOut" {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes "zoomOut" {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@-webkit-keyframes "zoomOutDown" {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes "zoomOutDown" {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes "zoomOutLeft" {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes "zoomOutLeft" {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@-webkit-keyframes "zoomOutRight" {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes "zoomOutRight" {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@-webkit-keyframes "zoomOutUp" {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes "zoomOutUp" {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes "slideInDown" {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "slideInDown" {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "slideInLeft" {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "slideInLeft" {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "slideInRight" {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "slideInRight" {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "slideInUp" {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes "slideInUp" {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes "slideOutDown" {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes "slideOutDown" {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-webkit-keyframes "slideOutLeft" {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes "slideOutLeft" {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-webkit-keyframes "slideOutRight" {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes "slideOutRight" {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-webkit-keyframes "slideOutUp" {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes "slideOutUp" {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
/*====Animation CSS Close====*/
/*====NewChatBot CSS Start====*/
@-webkit-keyframes "blink" {
50% {
opacity: 1;
}
}
@keyframes "blink" {
50% {
opacity: 1;
}
}
@-webkit-keyframes "bulge" {
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@keyframes "bulge" {
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
/*====NewChatBot CSS Close====*/
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 0.2s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 0.2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
.uilb {
max-width: 600px;
margin: auto;
width: calc(100% - 100px);
}
.uilb-container {
margin: 6px;
margin-left: 15px;
transition: opacity 400ms ease-in-out, transform 300ms ease-in-out;
animation: c 0.5s ease-in-out;
}
.uilb-container:not(.no-icon)::after {
align-items: flex-end;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyNCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cGF0aCBkPSJNOS44IDE2LjhIOC43TDYuNCAxOC43VjE2LjhINEMyLjggMTYuOCAxLjggMTUuOCAxLjggMTQuNlY0QzEuOCAyLjggMi44IDEuNyA0IDEuN0gxNC41QzE1LjcgMS43IDE2LjcgMi43IDE2LjcgNFY2SDE4LjRWNEMxOC40IDEuOCAxNi42IDAgMTQuNCAwSDRDMS44IDAgMCAxLjggMCA0VjE0LjVDMCAxNi43IDEuOCAxOC41IDQgMTguNEg0LjdWMjIuMUw3IDIwLjNMOS4zIDE4LjVIMTAuMkMxMCAxOCA5LjkgMTcuNSA5LjkgMTdWMTYuOEg5LjhaIiBmaWxsPSIjNDU0NTYwIi8+DQoJPHBhdGggZD0iTTIwLjgwMDQgNy4wOTk2MUgxMy42MDA0QzEyLjEwMDQgNy4wOTk2MSAxMC45MDA0IDguMjk5NjEgMTAuOTAwNCA5Ljc5OTYxVjE2Ljk5OTZDMTAuOTAwNCAxOC40OTk2IDEyLjEwMDQgMTkuNjk5NiAxMy42MDA0IDE5LjY5OTZIMTcuMjAwNEwxOC43MDA0IDIwLjg5OTZMMjAuMzAwNCAyMi4xOTk2VjE5LjY5OTZIMjAuODAwNEMyMi4zMDA0IDE5LjY5OTYgMjMuNTAwNCAxOC40OTk2IDIzLjUwMDQgMTYuOTk5NlY5Ljc5OTYxQzIzLjQwMDQgOC4yOTk2MSAyMi4yMDA0IDcuMDk5NjEgMjAuODAwNCA3LjA5OTYxWiIgZmlsbD0iIzQ1NDU2MCIvPg0KPC9zdmc+');
content: "";
display: flex;
font-size: 2rem;
height: 40px;
justify-content: flex-end;
line-height: 0;
position: absolute;
right: calc(100% + 13px);
top: 0px;
width: 40px;
background-size: 21px;
background-repeat: no-repeat;
background-position: 60% 55%;
background-color: #E6E6E6;
border-radius: 50%;
}
.uilb-message.bot {
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #F5F5F5;
border-radius: 16px 4px 4px 4px;
padding: 18px 15px;
position: relative;
font-size: 13px;
font-family: Arial, sans-serif;
color: #000000;
}
.uilb-message.human {
background-color: #BDD6FF !important;
border-radius: 16px 16px 4px 16px;
display: inline-block;
padding: 17px 15px;
position: relative;
margin-right: 0px;
font-size: 13px;
font-family: Arial, sans-serif;
color: #000000;
}
.uilb-container.human {
display: flex;
justify-content: flex-end;
opacity: 0.85;
margin-right: -20px;
}
.uilb-container.human:not(.icon)::before {
left: auto;
right: -5px;
border-color: transparent #f0f0f5 transparent transparent !important;
}
.uilb-container.human:not(.icon)::after {
top: 0;
background: transparent;
}
.uilb-message.fill-img {
padding: 0;
overflow: hidden;
height: 200px;
}
.uilb-message.fill-img * {
object-fit: cover;
height: 100%;
width: 100%;
}
.typing-indicator {
background-color: #E6E7ED;
max-width: 40px;
border-radius: 50px;
padding: 20px;
float: left;
display: table;
margin: 0 auto;
margin-left: 15px;
position: relative;
box-sizing: unset;
-webkit-animation: 2s bulge infinite ease-out;
animation: 2s bulge infinite ease-out;
}
.typing-indicator:before {
content: '';
position: absolute;
bottom: -2px;
left: -2px;
height: 20px;
width: 20px;
border-radius: 50%;
background-color: #E6E7ED;
}
.typing-indicator:after {
content: '';
position: absolute;
bottom: -2px;
left: -2px;
height: 20px;
width: 20px;
border-radius: 50%;
background-color: #E6E7ED;
height: 10px;
width: 10px;
left: -10px;
bottom: -10px;
}
.typing-indicator uilb-span {
height: 5px;
width: 5px;
float: left;
margin: 0 1px;
background-color: #9E9EA1;
display: block;
border-radius: 50%;
opacity: 0.4;
}
.typing-indicator uilb-span:nth-of-type(1) {
-webkit-animation: 1s blink infinite 0.3333s;
animation: 1s blink infinite 0.3333s;
}
.typing-indicator uilb-span:nth-of-type(2) {
-webkit-animation: 1s blink infinite 0.6666s;
animation: 1s blink infinite 0.6666s;
}
.typing-indicator uilb-span:nth-of-type(3) {
-webkit-animation: 1s blink infinite 0.9999s;
animation: 1s blink infinite 0.9999s;
}
.uilb-button {
width: 200px;
height: 35px;
padding: 0px 15px 1px;
border-radius: 4px;
background-color: #454560;
background-size: cover;
box-shadow: none;
transition: opacity 0.5s, background-color 0.75s, color 0.75s;
color: #fff;
font-size: 14px;
color: #ffffff;
text-decoration: none solid #ffffff;
text-align: center;
font-family: Arial, sans-serif;
margin: 2px;
cursor: pointer;
}
.uilb-button:hover {
background: var(--mg-primary-btn-hover);
cursor: pointer;
}
.uilb-button:focus {
outline: none;
}
.uilb-button.disabled {
background: #6f708b;
}
.uilb-text {
border: 0px;
width: 95%;
font-size: 14px;
font-family: Arial, sans-serif;
}
.uilb-text:focus {
outline: none;
}
.uilb-text-div {
width: 95%;
border-color: #707070 !important;
border: 1.2px solid;
border-radius: 4px;
padding: 7px;
}
.uilb-mike {
width: 45px;
height: 45px;
float: right;
cursor: pointer;
margin-right: -95px;
border: 1.2px solid #656565;
margin-top: -13px;
border-radius: 4px;
padding-top: 10px;
padding-left: 8px;
}
.uilb-mike svg:hover {
fill: #005BF0;
}
.uilb-enter {
width: 30px;
background-image: url("data:image/svg+xml;utf8,");
float: right;
cursor: pointer;
height: 30px;
background-repeat: no-repeat;
background-size: 22px;
background-position: center;
margin-top: -4px;
}
.uilb-enter:hover {
background-image: url("data:image/svg+xml;utf8,");
}
.uili-mike:hover {
background-color: #3CB6A1;
}
.uilb-button-opt {
width: 45%;
height: 30px;
margin-bottom: 5px;
text-overflow: ellipsis;
overflow: hidden;
border-width: 1px;
margin-right: 5px;
float: left;
white-space: nowrap;
}
.uilb-button-opt-yesno {
width: 70px;
height: 40px;
text-overflow: ellipsis;
overflow: hidden;
padding: 5px;
margin-right: 5px;
white-space: nowrap;
border-width: 0;
background: linear-gradient(0deg, #fff0, #ffffff40), var(--mg-primary-btn-base);
}
.uilb-button-options {
width: 70%;
height: 35px;
margin-bottom: 5px;
text-overflow: ellipsis;
overflow: hidden;
margin-right: 5px;
display: block;
white-space: nowrap;
border-width: 0;
background: linear-gradient(0deg, #fff0, #ffffff40), var(--mg-primary-btn-base);
}
.uilb-main-container {
height: calc(100vh - 200px);
overflow-y: auto;
overflow-x: hidden;
margin-top: 5px;
}
.uilb-main-container::-webkit-scrollbar-track {
-webkit-box-shadow: none !important;
border-radius: 10px !important;
background-color: transparent !important;
}
.uilb-main-container::-webkit-scrollbar {
width: 6px !important;
height: 11px !important;
background-color: transparent !important;
}
.uilb-main-container::-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: none !important;
background-color: #6f708b !important;
}
#div_bottom {
position: absolute;
bottom: 0px;
}
#uilb-leftarrow {
height: 30px;
width: 30px;
background-image: url("data:image/svg+xml;utf8,");
float: right;
margin-top: -82px;
color: black;
background-size: 8px;
background-position: center;
background-repeat: no-repeat;
margin-right: -40px;
cursor: pointer;
transform: rotate(180deg);
}
#uilb-leftarrow:hover {
background-image: url("data:image/svg+xml;utf8,");
background-color: #494444;
border-width: 5px;
border-radius: 20px;
}
#uilb-rightarrow {
height: 30px;
width: 30px;
background-image: url("data:image/svg+xml;utf8,");
float: right;
margin-top: -82px;
color: black;
background-size: 8px;
background-position: center;
background-repeat: no-repeat;
margin-right: -15px;
cursor: pointer;
}
#uilb-rightarrow:hover {
background-image: url("data:image/svg+xml;utf8,");
background-color: #494444;
border-width: 5px;
border-radius: 20px;
}
.uilb-action-container {
opacity: 1;
transform: translateX(0px);
width: calc(100% - 55px);
float: left;
margin-top: 0px;
height: 162px;
overflow: hidden;
}
#msg-vid {
border-radius: 8px;
padding-bottom: 0px;
}
.uilb-start-chat {
height: 40px;
width: 40px;
float: left;
background: #ccc;
left: -50px;
top: 0;
position: absolute;
cursor: pointer;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAAKr0lEQVR4Xu3dLZMVPxMFcAyFxaBwODSFQaKQW7UCi0FjsAgMYpFINALLF7zPnkrN89/tOfc93dOdHPGrog6ws5s72ZlJOpknu91ORPagoYg0NBSRhoYi0tBQRBoaikhDQxFpaCgiDQ1FpKGhiDQ0FJGGhiLS0FBEGhqKSENDEWloKCINDUWkoaGINDQUkYaGItLQUEQaGopIQ0MRaWgoIg0NRaShoYg0NBSRhoYi0tBQRBoaSl6vX7/e3dzc3P+R/730RUPJB53iyf3HBeogcWgoeXz9+nX39OnT/3cOdZBYNJTt/f79e/fixYtHHUMdJB4NZVtv3rxZdYqH1EHi0FC28fHjx1VnYNRB4tBQYn379m337NmzVUfYRx0kDg0lxp8/f3YvX75cdYBj1EHi0FD8vXv3bnXin0odJA4Nxc+nT59WJ/y51EHi0FD6u7u72z1//nx1sl9CHSQODaWff//+7V69erU6ya9xe3t7/6X58aQvGkof79+/X53cPaiDxKGhXOfLly+rk7ondZA4NJTL/Pr1q9tzxiHqIHFoKOdDGTo7mT2og8ShoZwOI0rsJPakDhKHhnIcK0OPog4Sh4ay36Ey9CjqIHFoKNyxMvQo6iBxaCiPnVqGHkUdJA4NpTm3DD2KOkgcGs7u0jL0KOi0qAbGhCS+V/v9Sz80nNk1ZehbwgQlhpwxiGB/JrkcDWfUoww9E3T0Hz9+3P9o/OeV09BwJjiJIspDtoSiyb9//97/uLwNZD8azsCjDD07zN9ggtO2hexHw9F5laFXgYd8PODbdpE1Go7Kuwy9GnWU42g4mqgy9KrQUbAk2Lab3DcPC0cSWYZeHdrKtt/saDiCLcrQR/H58+f7JuTtOhsajmD2B/FrYYTPtumMaDiKGYdye8J6Fzy/2XadCQ1H03NPqhnNvA8XDUc1WjlJpFlvuWg4uqoFiVvDTLxty9HRcAbZS9qzwq2qbcuR0XAmWRdFZYaH91mKH2k4o2zLarNDJ8EooW3H0dBwZlk2ZqgAV17bfqOh4ewybO1TxejPJDSUBpWuW20OV8nInYSG8tiHDx9WJ4U8NmqhIw2FU2XwYRjosG1WHQ1lv58/f25etrJs+ZOxzgztY9usMhrKcSgJZydIBPubGp0lS60Zntkefm/V0VBOt0XZyr5bGYy+ZbiqjFS3RUM5D2aVI8tWjt3rZ+goo+yeQkO5zPfv30PKVk59GEYZzZbD1Pb7qYiGlWDlYLb9aXECsxOml1M7yOLt27f063gbYeiXhlVgxGT5MHAS2L/fmlfZyrkdBHA1YV/LW/VRLRpWwUZusCjK/rsteZStXNJBFtGjXdVn2WlYwaFN4PAckG3j5p7vNLymg0D0OpjKD+w0rOCUh2GM5GRbt9BjO6JrOwhEjnJVrvqlYXbnTtLhQd5+ja1dU7bSo4NAZCeputcWDbO7dCg124d06ZaovToIRN1uVb2K0DCza0djcEJm2+vp0PMU07ODwKW/cM5V8YU+NMys14hQxjH6U3eD7N1BsHSWHac3XK3ssbOjYVaYEGQNf41sm6Kdshtk7w4C517FLlVtswcaZuW13y6GX7MNReJ2ZN+tj0cHgYj1+BkHTA6hYVa2sXvDb257zK2x3SC9OghE1G7ZY2ZGw4ywvy5r7J4yb9T8sJ7Ks4NE3GpV2hCbhhl5X/4rFNYtu0F6dhDw3tGl0m0WDTOyjdzbDJugnephEagXe8ysaJgNCv5YI/eCq5M95uy8ryL4TO0xM6JhNre3t6sG7kkv2V/zfubLVnW9Dw2z8fxtVnHyKornDHvGEUOGhtnYxu0JpSv2eNJgMIC1WS/2eBnRMBPv5w97PHnMtldPFW5taZiJ57i8Hs6P81yBiM/WHi8bGmbiue+Ubq+O87zNwp7H9njZ0DATz99g9liy5nmLW+FBnYaZ2EbtpeoCni3YtuulwjalNMzENmovGbcJymrmqzgNs8AoB2vUHqqukd6C1zIDsMfKhoZZoOqTNWoPo23T78lzJ/vsJSc0zAJ73bJG7UHFiafD4i3Whj1kL32nYRaecyD2WLKfx1LnBX4J2uNlQsMs2Gq6XuyxZD/PTR2y77pIwyzUQfKw7ddL9tl0GmbhOYtrjyWH2fbrJXvZOw2z0BUkD9t+vWQfbqdhFnpIz8O2Xy+6xboCHuBYo/ZgjyX7eU7YZi8YpWEWnuPv9liyn2fBYvYJWxpm4TmTnu29hpl5vr5NM+lX8PzNpbUgp/McTcz+i4qGmdgG7QU7pdhjCee5aZ89VjY0zMQ2aC8jvKI4iufuJvZY2dAwk5k/nCxsu/WCdSb2WNnQMJNr3uV3jDaMO85zJLHCphk0zMRzV0UtmjrOc7GU9ybcPdAwE88hRu2qeJznLW72UnegYSaes7hgjyf/8RxmhwqL1miYjW3YnqpsorwFzz3JKuxoAjTMxnMcXtv/7Gfbqqcqu8rQMBvPokWo+P5ub54bNUCVSgYaZuO55BPwegV7zNl5v8zTHi8rGmbk/YFVerGkN891OFDptpaGGWGjY9bYvegq8h/PoV24ubm5Pww/djY0zMhz65mFJg59JwYXlSoYaJiV5x6xC3vMmXjPOUGF+quHaJiV5yYOi5mrfL3fbAvVrtI0zMw2uIcZJw8jbq3AHjc7GmaGl66whu8t+1LQnjzr3R6qeHWmYWbe9UGLWWbYIwY/FhX3AaBhdqjCZR9Ab9UeKC/hPb+0qPJedIuG2XnudmKNPD/iPd/xUNVbVhpWEDHishixk0R2jsrrbmhYgedSUGaU2y08B0TdVi0qv82LhlVEjWgtcGJVrtnyropmqs8r0bAS+4FEqFRLtPBc/HSI/T6qoWElOFnZB+MNV68KS0ZxSxVRosNU2JThGBpWE/nAaWW+mmx11YBRntloWM3d3d3qA4qEDprpXXuod4p+ELdGWV9Dw4qiaokOQUfZshjPc5Ppc2Dtjv3eqqJhVZFzI8fg9iZicgxDqJ6bWpxrtL3GaFiZ/cC2hlsddJaemxTgdi5Tp3jIfq/V0bCyqMrUa2AEDLchWPuNKwCuNFishFExwMgTMvwd/g3+bVT92TUq7JR4LhpW571+XdZGeu54iIYjyHoLMqIqm8BdgoajiC5FmdHoS5RpOJJMI1ujmWF3fBqOZqtSi5HNsJgMaDiiCqNAVcxw5VjQcFSer3ObxWzbItFwZBhxYR+8HIcJT9ueo6Ph6DRPcr6Ka2B6oOEMopfsVoVSmcpLZq9Fw5no4X2/mR7G96HhbHTLtTbrLZVFwxmhOFDzJW1+o+oeVh5oOLOIHeSz0vtR1mgoc82ZoLDT/vzS0FAa3GqMXPCIn023U4fRUB7DAqaRrij4WSq9Bm1LNBQOq/0qz8RjJrzCXl6Z0FCOw9LeCnMouI2q8tL+jGgo58HIV6Z1J/heZnyNnAcayuWwYRom2SLnVHAsHHOUzdoyoaH0g1EibNODExgPx9fseIj/i6+Br4WvqREofzSUOBhNwomO3/7YNgfwZ2QaadoeDUWkoaGINDQUkYaGItLQUEQaGopIQ0MRaWgoIg0NRaShoYg0NBSRhoYi0tBQRBoaikhDQxFpaCgiDQ1FpKGhiDQ0FJGGhiLS0FBEGhqKSENDEWloKCINDUWkoaGINDQUkYaGIgK7J/8DI4NgHo+qnQQAAAAASUVORK5CYII=');
background-size: contain;
background-repeat: no-repeat;
border-radius: 20px;
background-position: center;
transition: all 800ms ease-in-out;
}
.uilb-start-chat:hover {
background-color: #d9d5d5;
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.mgPlayerJSProd_chat-footer-min {
float: left;
position: absolute;
top: -3px;
left: -4px;
transform: rotate(46deg);
}
#hideMe {
animation: cssAnimation 0s 0.5s forwards;
display: inline-block;
opacity: 1;
position: absolute;
}
.showtextdelay {
animation: cssAnimation2 0s 0.5s forwards;
color: transparent;
}
div#wave {
position: relative;
text-align: center;
}
div#wave .dot {
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
margin-right: 3px;
background: #000000;
animation: wave 1.3s linear infinite;
}
div#wave .dot:nth-child(2) {
animation-delay: -1.1s;
}
div#wave .dot:nth-child(3) {
animation-delay: -0.9s;
}
div#wave .dotbot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 3px;
background: #303131;
animation: wave 1.3s linear infinite;
}
div#wave .dotbot:nth-child(2) {
animation-delay: -1.1s;
}
div#wave .dotbot:nth-child(3) {
animation-delay: -0.9s;
}
.uilb-back {
float: left;
position: absolute;
left: -42px;
font-size: 5px;
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
margin-bottom: 8px;
opacity: 0;
background-image: url("data:image/svg+xml;utf8,");
background-position: center;
background-size: 30px;
background-repeat: no-repeat;
background-color: transparent;
border-color: transparent;
cursor: pointer;
}
.rotate-div {
transform: rotate(-270deg) scale(0.8);
opacity: 1;
transition: transform 0.8s ease-out;
-moz-transition: transform 0.8s ease-out;
-webkit-transition: transform 0.8s ease-out;
-o-transition: transform 0.8s ease-out;
}
.uilb-action-opt-back {
height: 40px;
width: 40px;
margin-left: -45px;
float: left;
margin-top: 32px;
}
.uilb-back-label {
font-size: 9px;
text-align: center;
margin-top: 30px;
display: none;
}
.btn_play {
width: 30px !important;
height: 30px !important;
padding-top: 5px !important;
}
.play_txt {
font-size: 12px !important;
width: 60px;
text-align: center;
}
.mgPlayerJSProd_chat-page-header {
background: #F5F5F5;
width: 100%;
height: 45px;
padding: 0 10px;
}
.mychat-label {
color: #555555;
font-size: 16px;
margin: 0px 0px 0px 5px;
font-weight: 600;
}
.mgPlayerJSProd_chat-tg-content-wrapper video {
width: 100%;
height: 100%;
}
.mgPlayerJSProd_chat-tg-content-wrapper img {
width: 100%;
height: 100%;
}
.mgPlayerJSProd_chat-info-wrapper {
width: 100%;
height: 100%;
min-height: 300px;
padding: 20px;
background: #e7ecf1;
border-radius: 5px;
}
.mgPlayerJSProd_chat-tg-image {
width: 100%;
height: 100%;
}
.mgPlayerJSProd_chat-tg-step-content {
padding: 2px;
max-width: 360px;
height: auto;
}
.mgPlayerJSProd_chat-tg-step-content video {
width: 100%;
height: 100%;
}
.mgPlayerJSProd_chat-tg-step-content img {
width: 100%;
height: 100%;
}
.uilb-button-opt-range {
width: 20px;
height: 20px;
padding: 0px;
margin: 0px 4px;
border-style: hidden;
font-size: 11px;
}
.uilb-button-multi-opt {
width: 50%;
height: 28px;
margin-bottom: 5px;
text-overflow: ellipsis;
overflow: hidden;
border-width: 1px;
margin-right: 5px;
float: left;
white-space: nowrap;
text-align: left;
border-style: hidden;
}
.uilb-button-multi-opt-done {
width: 25%;
height: 28px;
margin-bottom: 5px;
text-overflow: ellipsis;
overflow: hidden;
border-width: 1px;
margin-right: 5px;
float: left;
white-space: nowrap;
text-align: center;
border-style: hidden;
}
.mgPlayerJSProd_video-info-wrapper video {
width: 100%;
height: 100%;
}
@keyframes cssAnimation {
to {
opacity: 0;
}
}
@keyframes cssAnimation2 {
to {
color: #000000;
}
}
@-webkit-keyframes cssAnimation2 {
to {
color: #000000;
}
}
@keyframes wave {
0%,
60%,
100% {
transform: initial;
}
30% {
transform: translateY(-15px);
}
}
@media (print) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}
/* common classes start */
.mgPlayerJSProd_checkbox {
width: 15px;
height: 15px;
background: #FFFFFF;
border: 1px solid #707070;
box-sizing: border-box;
border-radius: 3px;
margin: 0px;
}
.mgPlayerJSProd_popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: #6d6c6c 0px 0px 10px -1px;
background: #ffffff;
width: 430px;
z-index: 2147483638;
border-radius: 6px;
}
.mgPlayerJSProd_popup .mgPlayerJSProd_btn-close-popup {
width: 14px;
height: 14px;
}
.mgPlayerJSProd_popup .mgPlayerJSProd_popup-content-wrapper {
height: auto;
max-height: 300px;
}
.mgPlayerJSProd_popup .mgPlayerJSProd_popup-btn-wrapper .mgPlayerJSProd_btn {
min-width: 150px !important;
}
.mgPlayerJSProd_disabled {
pointer-events: none;
opacity: 0.5;
}
.mgPlayerJSProd_input-type-text {
border: 1px solid #707070 !important;
border-radius: 4px !important;
font-family: Arial, sans-serif;
width: 350px !important;
min-width: 0px !important;
max-width: 100% !important;
min-height: 0px !important;
background: #ffffff !important;
padding: 0px 10px !important;
outline: none !important;
height: 40px !important;
box-sizing: border-box !important;
color: #000000 !important;
text-align: left !important;
box-shadow: 0px 1px 10px -8px #555555 inset;
}
.mgPlayerJSProd_input-type-text::-webkit-input-placeholder {
color: #707070 !important;
}
.mgPlayerJSProd_input-type-text::-moz-placeholder {
color: #707070 !important;
}
.mgPlayerJSProd_input-type-text::-moz-placeholder {
color: #707070 !important;
}
.mgPlayerJSProd_input-type-text::-ms-input-placeholder {
color: #707070 !important;
}
.mgPlayerJSProd_signin-page-micro .mgPlayerJSProd_input-type-text {
height: 35px !important;
}
.mgPlayerJSProd_signin-page-micro .mgPlayerJSProd_btn {
height: 35px;
padding: 5px 10px;
}
.mgPlayerJSProd_font-size-12 {
font-size: 12px;
}
.mgPlayerJSProd_font-size-13 {
font-size: 13px;
}
.mgPlayerJSProd_font-size-14 {
font-size: 14px;
}
.mgPlayerJSProd_font-size-15 {
font-size: 15px;
}
.mgPlayerJSProd_font-size-16 {
font-size: 16px;
}
.mgPlayerJSProd_font-size-17 {
font-size: 17px;
}
.mgPlayerJSProd_font-size-18 {
font-size: 18px;
}
.mgPlayerJSProd_font-size-20 {
font-size: 20px;
}
.mgPlayerJSProd_font-size-24 {
font-size: 24px;
}
.mgPlayerJSProd_font-size-26 {
font-size: 26px;
}
.mgPlayerJSProd_font-size-30 {
font-size: 30px;
}
.mgPlayerJSProd_clear {
clear: both;
}
.mgPlayerJSProd_no-margin {
margin: 0px !important;
}
.mgPlayerJSProd_no-padding {
padding: 0px !important;
}
.mgPlayerJSProd_mt-0 {
margin-top: 0px !important;
}
.mgPlayerJSProd_mt-5 {
margin-top: 5px;
}
.mgPlayerJSProd_mt-10 {
margin-top: 10px !important;
}
.mgPlayerJSProd_margin-5 {
margin: 5px;
}
.mgPlayerJSProd_margin-8 {
margin: 8px;
}
.mgPlayerJSProd_margin-tb-5 {
margin: 5px 0px;
}
.mgPlayerJSProd_margin-b-5 {
margin-bottom: 5px !important;
}
.mgPlayerJSProd_margin-l-5 {
margin-left: 5px !important;
}
.mgPlayerJSProd_margin-lr-5 {
margin: 0px 5px !important;
}
.mgPlayerJSProd_margin-10 {
margin: 10px !important;
}
.mgPlayerJSProd_margin-b-10 {
margin-bottom: 10px !important;
}
.mgPlayerJSProd_margin-tb-10 {
margin: 10px 0px !important;
}
.mgPlayerJSProd_margin-lr-10 {
margin: 0px 10px !important;
}
.mgPlayerJSProd_margin-15 {
margin: 15px;
}
.mgPlayerJSProd_mt-15 {
margin-top: 15px;
}
.mgPlayerJSProd_margin-tb-15 {
margin: 15px 0px;
}
.mgPlayerJSProd_margin-lr-15 {
margin: 0px 15px;
}
.mgPlayerJSProd_ml-15 {
margin-left: 15px;
}
.mgPlayerJSProd_margin-lr-8 {
margin: 8px 8px;
}
.mgPlayerJSProd_margin-20 {
margin: 20px;
}
.mgPlayerJSProd_margin-t-20 {
margin-top: 20px !important;
}
.mgPlayerJSProd_margin-r-20 {
margin: 0px 20px 0px 0px !important;
}
.mgPlayerJSProd_margin-r-25 {
margin-right: 25px !important;
}
.mgPlayerJSProd_margin-b-20 {
margin: 0px 0px 20px 0px !important;
}
.mgPlayerJSProd_margin-tb-20 {
margin: 20px 0px;
}
.mgPlayerJSProd_margin-t-50 {
margin-top: 50px;
}
.mgPlayerJSProd_margin-lr-20 {
margin: 0px 20px;
}
.mgPlayerJSProd_margin-30 {
margin: 30px;
}
.mgPlayerJSProd_margin-tb-30 {
margin: 30px 0px;
}
.mgPlayerJSProd_margin-bottom-30 {
margin-bottom: 30px;
}
.mgPlayerJSProd_margin-lr-30 {
margin: 0px 30px;
}
.mgPlayerJSProd_margin-25 {
margin: 25px;
}
.mgPlayerJSProd_margin-tb-25 {
margin: 25px 0px;
}
.mgPlayerJSProd_margin-lr-25 {
margin: 0px 25px;
}
.mgPlayerJSProd_padding-5 {
padding: 5px;
}
.mgPlayerJSProd_padding-tb-5 {
padding: 5px 0px;
}
.mgPlayerJSProd_padding-lr-5 {
padding: 0px 5px;
}
.mgPlayerJSProd_padding-10 {
padding: 10px !important;
}
.mgPlayerJSProd_padding-tb-10 {
padding: 10px 0px;
}
.mgPlayerJSProd_padding-lr-10 {
padding: 0px 10px;
}
.mgPlayerJSProd_padding-b-15 {
padding-bottom: 15px !important;
}
.mgPlayerJSProd_padding-b-0 {
padding-bottom: 0px !important;
}
.mgPlayerJSProd_padding-l-0 {
padding-left: 0px !important;
}
.mgPlayerJSProd_padding-15 {
padding: 15px;
}
.mgPlayerJSProd_padding-tb-15 {
padding: 15px 0px;
}
.mgPlayerJSProd_padding-lr-15 {
padding: 0px 15px;
}
.mgPlayerJSProd_padding-20 {
padding: 20px !important;
}
.mgPlayerJSProd_padding-tb-20 {
padding: 20px 0px;
}
.mgPlayerJSProd_padding-lr-20 {
padding: 0px 20px;
}
.mgPlayerJSProd_padding-t-3 {
padding-top: 3px;
}
.mgPlayerJSProd_padding-25 {
padding: 25px !important;
}
.mgPlayerJSProd_padding-tb-25 {
padding: 25px 0px;
}
.mgPlayerJSProd_padding-lr-25 {
padding: 0px 25px;
}
.mgPlayerJSProd_no-margin-left {
margin-left: 0px;
}
.mgPlayerJSProd_display-inline {
display: inline;
}
.mgPlayerJSProd_display-inline-block {
display: inline-block;
}
.mgPlayerJSProd_inline-block-vm {
display: inline-block;
vertical-align: middle;
}
.mgPlayerJSProd_inline-block-vt {
display: inline-block;
vertical-align: top;
}
.mgPlayerJSProd_inline-block-vt-imp {
display: inline-block !important;
vertical-align: top !important;
}
.mgPlayerJSProd_inline-block-vb {
display: inline-block;
vertical-align: bottom;
}
.mgPlayerJSProd_text-align-left {
text-align: left;
}
.mgPlayerJSProd_text-align-center {
text-align: center;
}
.mgPlayerJSProd_text-align-right {
text-align: right;
}
.mgPlayerJSProd_float-left {
float: left;
}
.mgPlayerJSProd_float-right {
float: right !important;
}
.mgPlayerJSProd_theme-background {
background: var(--mg-primary) !important;
}
.mgPlayerJSProd_theme-gray-background {
background: #26273b !important;
}
.mgPlayerJSProd_theme-wb-background {
background: #7AAA15 !important;
}
.mgPlayerJSProd_theme-border {
border: 1px solid var(--mg-primary) !important;
}
.mgPlayerJSProd_theme-color {
color: var(--mg-primary);
}
.mgPlayerJSProd_text-color-light {
color: #555555;
}
.mgPlayerJSProd_text-color-dark {
color: #000000;
opacity: 0.75;
}
.mgPlayerJSProd_width-97 {
width: 97% !important;
}
.mgPlayerJSProd_width-100 {
width: 100% !important;
}
.mgPlayerJSProd_height-100 {
height: 100% !important;
}
.mgPlayerJSProd_width-50 {
width: 50% !important;
}
.mgPlayerJSProd_width-30 {
width: 30% !important;
}
.mgPlayerJSProd_width-50px {
width: 50px !important;
}
.mgPlayerJSProd_height-50 {
height: 50% !important;
}
.mgPlayerJSProd_width-auto {
width: auto !important;
}
.mgPlayerJSProd_height-auto {
height: auto !important;
}
.mgPlayerJSProd_height-30px {
height: 30px !important;
}
.mgPlayerJSProd_height-40px {
height: 40px !important;
}
.mgPlayerJSProd_line-height-none {
line-height: 0 !important;
}
.mgPlayerJSProd_position-relative {
position: relative;
}
.mgPlayerJSProd_position-absolute {
position: absolute;
}
.mgPlayerJSProd_font-weight-normal {
font-weight: normal !important;
}
.mgPlayerJSProd_font-weight-550 {
font-weight: 550;
}
.mgPlayerJSProd_font-weight-600 {
font-weight: 600;
}
.mgPlayerJSProd_font-weight-700 {
font-weight: 700;
}
.mgPlayerJSProd_text-italic {
font-style: italic;
}
.mgPlayerJSProd_cursor-pointer {
cursor: pointer;
}
.mgPlayerJSProd_border-radius-50 {
border-radius: 50% !important;
}
.mgPlayerJSProd_border-radius-6px {
border-radius: 6px !important;
}
.mgPlayerJSProd_border-radius-8px {
border-radius: 8px !important;
}
.mgPlayerJSProd_border-radius .mgPlayerJSProd_border-radius-0 {
border-radius: 0 !important;
}
.mgPlayerJSProd_border-radius.mgPlayerJSProd_border-radius-4px.mgPlayerJSProd_border-rounded {
border-radius: 4px !important;
}
.mgPlayerJSProd_border-radius.mgPlayerJSProd_border-radius-4px.mgPlayerJSProd_border-rounded-top {
border-radius: 4px 4px 0 0 !important;
}
.mgPlayerJSProd_border-radius.mgPlayerJSProd_border-radius-4px.mgPlayerJSProd_border-rounded-right {
border-radius: 0 4px 4px 0 !important;
}
.mgPlayerJSProd_border-radius.mgPlayerJSProd_border-radius-4px.mgPlayerJSProd_border-rounded-bottom {
border-radius: 0 0 4px 4px !important;
}
.mgPlayerJSProd_border-radius.mgPlayerJSProd_border-radius-4px.mgPlayerJSProd_border-rounded-left {
border-radius: 4px 0 0 4px !important;
}
.mgPlayerJSProd_overflow {
overflow: auto;
}
.mgPlayerJSProd_overflow.mgPlayerJSProd_overflow-x {
overflow-x: auto;
overflow-y: hidden;
}
.mgPlayerJSProd_overflow.mgPlayerJSProd_overflow-y {
overflow-y: auto;
overflow-x: hidden;
}
.mgPlayerJSProd_overflow.mgPlayerJSProd_overflow-hidden {
overflow: hidden;
}
.mgPlayerJSProd_overflow::-webkit-scrollbar-track {
-webkit-box-shadow: none !important;
border-radius: 10px !important;
background-color: transparent !important;
}
.mgPlayerJSProd_overflow::-webkit-scrollbar {
width: 10px !important;
height: 11px !important;
background-color: transparent !important;
}
.mgPlayerJSProd_overflow::-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: none !important;
background-color: #6f708b !important;
}
.mgPlayerJSProd_overflow.mgPlayerJSProd_scrollbar-thin::-webkit-scrollbar {
width: 5px !important;
height: 5px !important;
}
.mgPlayerJSProd_overflow-inherit {
overflow: inherit !important;
}
.mgPlayerJSProd_position-tr-10 {
position: absolute;
top: 10px;
right: 10px;
}
.mgPlayerJSProd_position-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mgPlayerJSProd_width-height-auto {
width: auto;
height: auto;
}
.mgPlayerJSProd_width-height-100 {
width: 100%;
height: 100%;
}
.mgPlayerJSProd_max-width-height-100 {
max-width: 100%;
max-height: 100%;
}
.mgPlayerJSProd_no-box-shadow {
box-shadow: none !important;
}
.mgPlayerJSProd_no-background {
background: none !important;
}
.mgPlayerJSProd_no-border.mgPlayerJSProd_no-border-all {
border: none !important;
}
.mgPlayerJSProd_no-border.mgPlayerJSProd_no-border-top {
border-top: none !important;
}
.mgPlayerJSProd_no-border.mgPlayerJSProd_no-border-right {
border-right: none !important;
}
.mgPlayerJSProd_no-border.mgPlayerJSProd_no-border-bottom {
border-bottom: none !important;
}
.mgPlayerJSProd_no-border.mgPlayerJSProd_no-border-left {
border-left: none !important;
}
.mgPlayerJSProd_rotate-180 {
transform: rotate(180deg);
}
.mgPlayerJSProd_text-uppercase {
text-transform: uppercase;
}
.mgPlayerJSProd_text-lowercase {
text-transform: lowercase;
}
.mgPlayerJSProd_text-capitalize {
text-transform: capitalize;
}
.mgPlayerJSProd_z-index.mgPlayerJSProd_z-index-1 {
z-index: 1;
}
.mgPlayerJSProd_z-index.mgPlayerJSProd_z-index-2 {
z-index: 2;
}
.mgPlayerJSProd_z-index.mgPlayerJSProd_z-index-10 {
z-index: 10 !important;
}
.mgPlayerJSProd_z-index.mgPlayerJSProd_z-index-max {
z-index: 2147483638 !important;
}
.mgPlayerJSProd_show-text-tooltip:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.mgPlayerJSProd_text-color-white {
color: #ffffff !important;
}
.mgPlayerJSProd_text-color-black {
color: #000000 !important;
}
.mgPlayerJSProd_text-overflow-ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.mgPlayerJSProd_display-flex {
display: flex;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_display-inline-flex {
display: inline-flex;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_align-items-start {
align-items: start;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_align-items-flex-end {
align-items: flex-end;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_align-items-center {
align-items: center;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_align-items-baseline {
align-items: baseline;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_justify-content-center {
justify-content: center;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_justify-content-space-around {
justify-content: space-around;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_justify-content-space-between {
justify-content: space-between;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_justify-content-flex-end {
justify-content: flex-end;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_justify-content-flex-start {
justify-content: flex-start;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_flex-direction-column {
flex-direction: column;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_flex-direction-row-reverse {
flex-direction: row-reverse;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_flex-end {
justify-content: flex-end;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_align-self-flex-start {
align-self: flex-start;
}
.mgPlayerJSProd_display-flex.mgPlayerJSProd_flex-wrap {
flex-wrap: wrap;
}
.mgPlayerJSProd_no-border-radius-left {
border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important;
}
.mgPlayerJSProd_no-border-radius-right {
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.mgPlayerJSProd_cursor.mgPlayerJSProd_cursor-pointer {
cursor: pointer;
}
.mgPlayerJSProd_cursor.mgPlayerJSProd_cursor-default {
cursor: default;
}
.mgPlayerJSProd_custom-checkbox {
position: relative;
display: inline-block;
width: 40px;
height: 21px;
}
.mgPlayerJSProd_custom-checkbox input[type="checkbox"] {
opacity: 0;
width: 0;
height: 0;
}
.mgPlayerJSProd_custom-checkbox input[type="checkbox"]:checked + .mgPlayerJSProd_custom-slider {
background-color: var(--mg-primary) !important;
}
.mgPlayerJSProd_custom-checkbox input[type="checkbox"]:checked + .mgPlayerJSProd_custom-slider .mgPlayerJSProd_custom-checkbox-checkmark {
opacity: 1;
}
.mgPlayerJSProd_custom-checkbox input[type="checkbox"]:focus + .mgPlayerJSProd_custom-slider {
box-shadow: 0 0 1px #2196F3;
}
.mgPlayerJSProd_custom-checkbox input[type="checkbox"]:checked + .mgPlayerJSProd_custom-slider:before {
-webkit-transform: translateX(18px);
-ms-transform: translateX(18px);
transform: translateX(18px);
}
.mgPlayerJSProd_custom-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
width: 36px;
height: 18px;
border-radius: 50px;
background-color: #8e8fa6 !important;
background-size: cover !important;
}
.mgPlayerJSProd_custom-slider:before {
position: absolute;
content: "";
height: 14px;
width: 14px;
left: 2px;
bottom: 2px;
border-radius: 50%;
background-color: #ffffff !important;
-webkit-transition: 0.4s;
transition: 0.4s;
background-size: cover;
}
.mgPlayerJSProd_custom-slider .mgPlayerJSProd_custom-checkbox-checkmark {
position: absolute;
color: #ffffff;
font-size: 10px;
left: 5px;
top: 2px;
opacity: 0;
transition: 0.4s;
}
.mgPlayerJSProd_btn-shadow {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.mgPlayerJSProd_no-trans {
-webkit-transition: none !important;
transition: none !important;
}
.mgPlayerJSProd_line-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.mgPlayerJSProd_line-clamp.mgPlayerJSProd_line-clamp-1 {
-webkit-line-clamp: 1;
}
.mgPlayerJSProd_line-clamp.mgPlayerJSProd_line-clamp-2 {
-webkit-line-clamp: 2;
}
.mgPlayerJSProd_line-clamp.mgPlayerJSProd_line-clamp-3 {
-webkit-line-clamp: 3;
}
.mgPlayerJSProd_line-clamp.mgPlayerJSProd_line-clamp-4 {
-webkit-line-clamp: 4;
}
.mgPlayerJSProd_box-shadow {
box-shadow: 0px 0px 5px 0px #cccccc !important;
}
.mgPlayerJSProd_shadow-none {
box-shadow: none !important;
}
.mgPlayerJSProd_opacity.mgPlayerJSProd_opacity-0 {
opacity: 0 !important;
}
.mgPlayerJSProd_opacity.mgPlayerJSProd_opacity-1 {
opacity: 0.2 !important;
}
.mgPlayerJSProd_opacity.mgPlayerJSProd_opacity-2 {
opacity: 0.4 !important;
}
.mgPlayerJSProd_opacity.mgPlayerJSProd_opacity-3 {
opacity: 0.6 !important;
}
.mgPlayerJSProd_opacity.mgPlayerJSProd_opacity-4 {
opacity: 0.8 !important;
}
.mgPlayerJSProd_opacity.mgPlayerJSProd_opacity-5 {
opacity: 1 !important;
}
.mgPlayerJSProd_bg-white {
background: #ffffff !important;
}
.mgPlayerJSProd_error-text-color {
color: #DE350B;
}
.mgPlayerJSProd_error-bg-color {
background: #DE350B !important;
}
.mgPlayerJSProd_header-title {
height: 45px;
background: #ffffff;
border-bottom: 1px solid #E6E6E6;
}
.mgPlayerJSProd_header-title .mgPlayerJSProd_back-btn svg {
width: 12px;
height: 14px;
}
.mgPlayerJSProd_header-title .mgPlayerJSProd_back-btn svg path {
fill: #555555;
}
.mgPlayerJSProd_header-title .header-text {
width: 420px;
color: #555555 !important;
font-weight: 600;
}
.mgPlayerJSProd_common-icon-container:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.mgPlayerJSProd_common-icon-container .mgPlayerJSProd_common-icon-wrapper {
width: 30px;
height: 30px;
background: #f0f0f5;
border-radius: 4px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.mgPlayerJSProd_common-icon-container .mgPlayerJSProd_common-icon-wrapper:hover {
background: #dfe0e7;
}
.mgPlayerJSProd_common-icon-container .mgPlayerJSProd_common-icon-wrapper.mgPlayerJSProd_segment-btn {
width: 30px;
}
.mgPlayerJSProd_common-icon-container .mgPlayerJSProd_common-icon-wrapper svg {
width: 18px;
height: 18px;
fill: #454545;
}
.mgPlayerJSProd_common-icon-container .mgPlayerJSProd_common-icon-wrapper.mgPlayerJSProd_icon-del {
background: #FBF1F1;
}
.mgPlayerJSProd_common-icon-container .mgPlayerJSProd_common-icon-wrapper.mgPlayerJSProd_icon-del:hover {
background: #F2DEDE;
}
.mgPlayerJSProd_common-icon-container .mgPlayerJSProd_common-icon-wrapper.mgPlayerJSProd_icon-del svg {
fill: #DE350B;
stroke: #DE350B;
}
.mgPlayerJSProd_text-decoration-none {
text-decoration: none !important;
}
.mgPlayerJSProd_position-b-0 {
bottom: 0 !important;
}
.mgPlayerJSProd_pointer-events-none {
pointer-events: none;
}
.mgPlayerJSProd_flex-flow-wrap {
flex-flow: wrap !important;
}
.mgPlayerJSProd_white-space.mgPlayerJSProd_white-space-normal {
white-space: normal;
}
.mgPlayerJSProd_white-space.mgPlayerJSProd_white-space-nowrap {
white-space: nowrap;
}
.mgPlayerJSProd_white-space.mgPlayerJSProd_white-space-pre {
white-space: pre;
}
.mgPlayerJSProd_white-space.mgPlayerJSProd_white-space-pre-line {
white-space: pre-line;
}
.mgPlayerJSProd_white-space.mgPlayerJSProd_white-space-pre-wrap {
white-space: pre-wrap;
}
.mgPlayerJSProd_white-space.mgPlayerJSProd_white-space-break-spaces {
white-space: break-spaces;
}
.mgPlayerJSProd_white-space.mgPlayerJSProd_white-space-initial {
white-space: initial;
}
.mgPlayerJSProd_box-sizing.mgPlayerJSProd_border-box {
box-sizing: border-box;
}
.mgPlayerJSProd_box-sizing.mgPlayerJSProd_content-box {
box-sizing: content-box;
}
.mgPlayerJSProd_panel-position-left {
left: 0;
right: initial;
}
.mgPlayerJSProd_panel-position-right {
right: 0;
left: initial;
}
/* common classes end */
.mgPlayerJSProd_signin-page-container {
height: 550px;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_invalid-log-error-wrapper {
display: inline-flex;
width: 350px;
background: rgba(242, 222, 222, 0.5);
border-radius: 3px;
color: #A94442;
padding: 10px;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper {
height: auto;
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 0px 70px 70px;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_input-type-text {
width: 100% !important;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_options-wrapper {
width: 100%;
padding: 0 5px;
display: flex;
align-items: center;
justify-content: space-between;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_options-wrapper.mgPlayerJSProd_single-option-wrapper {
justify-content: center;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_options-wrapper .mgPlayerJSProd_options-label {
color: var(--mg-primary);
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_options-wrapper .mgPlayerJSProd_optional-element-wrapper {
flex: 1;
display: flex;
align-items: center;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_options-wrapper .mgPlayerJSProd_optional-element-wrapper div {
font-size: 15px;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_login-field-label {
margin: 7px 0 7px 1px;
color: #454560;
font-size: 14px;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper.mgPlayerJSProd_signin-page-micro {
padding: 0px 40px;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_signin-back {
width: 15px;
height: 15px;
cursor: pointer;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_signin-form-input .mgPlayerJSProd_input-email-wrapper {
margin-bottom: 20px !important;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_signin-form-input .mgPlayerJSProd_input-password-wrapper {
margin-bottom: 8px !important;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_or-separator-wrapper .mgPlayerJSProd_or-separator-text {
text-transform: uppercase;
background: #ffffff;
padding: 4px;
z-index: 3;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_or-separator-wrapper:after {
content: '';
width: 11%;
border-bottom: solid 2px #666666;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_login-with-wrapper svg {
width: 40px;
height: 40px;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_btn-login-wrapper {
margin: 20px 0 10px 0;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_login-page-separator {
position: relative;
border-bottom: 1px solid #cfd0dd;
width: 100%;
height: 1px;
}
.mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_login-page-separator .mgPlayerJSProd_login-page-separator-inner {
position: absolute;
left: 50%;
top: -7px;
background: #fff;
padding: 0 5px;
transform: translate(-50%, 0px);
}
.mgPlayerJSProd_panel-header-tabs {
height: 50px;
clear: both;
background: #26273b;
}
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_header-tab {
position: relative;
font-size: 14px;
color: #FFFFFF;
opacity: 0.7;
transition: all 0.3s;
width: 166px;
padding: 15px 10px;
}
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_header-tab:hover {
opacity: 0.85;
}
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_header-tab:hover:before {
position: absolute;
bottom: -3px;
left: 50%;
transform: translate(-50%, 0px);
background: var(--mg-primary);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
content: '';
display: block;
height: 4px;
width: 100px;
}
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_header-tab.active-tab {
opacity: 1;
}
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_header-tab.active-tab:before {
position: absolute;
bottom: -3px;
left: 50%;
transform: translate(-50%, 0px);
background: var(--mg-primary);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
content: '';
display: block;
height: 4px;
width: 100px;
}
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_import-tab,
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_export-tab {
color: var(--mg-primary);
opacity: 0.5;
transition: all 0.3s;
float: left;
cursor: pointer;
width: 50%;
}
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_import-tab.active-tab,
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_export-tab.active-tab {
opacity: 1;
}
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_import-tab.active-tab:before,
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_export-tab.active-tab:before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: var(--mg-primary);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
content: '';
display: block;
height: 2px;
}
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_import-tab.active-tab svg path,
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_export-tab.active-tab svg path {
fill: var(--mg-primary);
}
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_import-tab svg,
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_export-tab svg {
width: 14px;
height: 14px;
margin-right: 2px;
vertical-align: middle;
}
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_import-tab svg path,
.mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_export-tab svg path {
fill: #757575;
}
.mgPlayerJSProd_drag-icon-wrapper {
margin: 0 2px 0 -15px;
cursor: move;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper {
height: 460px;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper.mgPlayerJSProd_link-border {
border-left: 1px dashed rgba(0, 0, 0, 0.07);
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper.mgPlayerJSProd_category-selected {
height: auto;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper.mgPlayerJSProd_sub-category-list {
margin: 0px 0px 0px 40px;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper {
min-height: 67px;
padding: 13px 20px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-left: none;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper:hover {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper .mgPlayerJSProd_navigation-next-wrapper {
width: 10px;
height: 15px;
margin: 12px 0px;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper .mgPlayerJSProd_more-options-wrapper {
display: none;
width: 30px;
height: 30px;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper:hover .mgPlayerJSProd_more-options-wrapper {
display: block;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper .mgPlayerJSProd_list-item.mgPlayerJSProd_category-link-border {
position: relative;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper .mgPlayerJSProd_list-item.mgPlayerJSProd_category-link-border:before {
content: "";
display: block;
position: absolute;
z-index: 99999;
left: 20px;
top: 40px;
bottom: -73px;
border: 1px dashed rgba(0, 0, 0, 0.07);
border-width: 0 0 0 1px;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper .mgPlayerJSProd_list-item .mgPlayerJSProd_category-img-wrapper,
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper .mgPlayerJSProd_list-item .mgPlayerJSProd_category-svg-wrapper {
width: 40px;
height: 40px;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper .mgPlayerJSProd_list-item .mgPlayerJSProd_guide-beacon-wrapper {
position: absolute;
top: 0px;
right: 2px;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper .mgPlayerJSProd_list-item .mgPlayerJSProd_guide-beacon-wrapper svg {
width: 12px;
height: 12px;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper .mgPlayerJSProd_list-item .mgPlayerJSProd_title-description-wrapper {
width: 320px;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_list-item-wrapper .mgPlayerJSProd_list-item .mgPlayerJSProd_title-description-wrapper.mgPlayerJSProd_sub-category-details-wrapper {
width: 315px;
}
.mgPlayerJSProd_category-list-page-container .mgPlayerJSProd_category-list-wrapper .mgPlayerJSProd_guides-count-wrapper {
width: 385px;
background: rgba(0, 0, 0, 0.02);
margin: 5px 0 20px 70px;
}
.mgPlayerJSProd_published-data-container.mgPlayerJSProd_published-guide svg path {
fill: #0cc457;
}
.mgPlayerJSProd_published-data-container.mgPlayerJSProd_published-guide svg rect {
stroke: #0cc457;
fill: #DAF6E6;
}
.mgPlayerJSProd_side-navbar-container {
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 250px;
background: #ffffff;
transition: all 0.7s;
z-index: 2147483638;
border-radius: 8px 0 0 0;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_navbar-close {
position: absolute;
top: 50%;
left: -20px;
width: 20px;
height: 40px;
padding: 12px 5px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #ffffff;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_navbar-close svg {
width: 22px;
height: 16px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_navbar-close svg path {
fill: #555555;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper {
height: 90px;
padding: 20px 25px;
display: flex;
align-items: center;
background-color: #ffffff;
box-shadow: 0 2.5px 5px 0 #2122263D;
border-radius: 8px 0 0 0;
margin: 0 0 5px 0;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_user-info-wrapper {
width: 241px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_user-info-wrapper div {
color: #555555;
font-size: 13px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_profile-picture {
width: 50px;
height: auto;
margin: 0px 15px 0px 0px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_profile-picture img {
width: 40px;
height: auto;
max-width: 40px;
min-height: auto;
border: 2px solid #CACFD4;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_user-org-wrapper {
margin: 3px 0px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_user-name {
min-width: 50px;
max-width: 150px;
font-size: 16px !important;
color: #555555 !important;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_user-name:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
top: 75px;
left: 53%;
transform: translate(-50%, -50%);
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_user-name:hover .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title {
white-space: normal;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_user-role {
width: 192px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_org-name {
width: 230px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_lang-country-flag {
display: none;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_player-nav-menu.mgPlayerJSProd_overflow::-webkit-scrollbar {
width: 6px !important;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper {
max-height: 300px;
background: #ffffff;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper:first-child {
border-top-left-radius: 40px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper.mgPlayerJSProd_logout-wrapper {
display: flex;
border-top: 1px solid #00000014;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
position: absolute;
bottom: 0px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper.mgPlayerJSProd_logout-wrapper .mgPlayerJSProd_setting-item {
margin: 0 15px 0 0 !important;
padding: 5px;
width: fit-content;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper.mgPlayerJSProd_logout-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_item-icon {
display: block !important;
margin-right: 10px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper.mgPlayerJSProd_logout-wrapper .mgPlayerJSProd_version-text {
font-size: 11px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_settings-section-header {
display: flex;
padding: 5px 20px;
align-items: center;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_settings-section-header:first-child {
padding-top: 18px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_settings-section-header .mgPlayerJSProd_settings-section-header-icon {
position: relative;
height: 20px;
width: 20px;
margin-right: 10px;
display: flex;
align-items: center;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_settings-section-header .mgPlayerJSProd_settings-section-header-icon.mgPlayerJSProd_settings-icon {
width: 24px;
height: 24px;
margin-right: 7px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_settings-section-header .mgPlayerJSProd_settings-section-header-title {
color: #555555;
font-size: 15px;
font-weight: 400;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 10px 5px 60px;
margin: 5px 10px;
border-radius: 5px;
height: 30px;
width: 230px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item:hover {
background: var(--mg-primary-hover);
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item.mgPlayerJSProd_dropdown-item {
border: 1px solid rgba(0, 0, 0, 0.08);
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item.mgPlayerJSProd_dropdown-item.mgPlayerJSProd_lang-selection {
background-color: #f0f0f5;
width: 165px;
padding: 5px;
margin: 0 53px 0 70px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_ed-search-label {
width: 143px;
color: #666666;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_player-mode-setting {
max-width: 130px;
min-width: 90px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_item-icon {
width: 24px;
height: 24px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_item-icon:first-child {
display: none;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_item-label {
font-size: 13.5px;
margin: 0 5px 0 0;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_start-automation-btn {
display: flex;
margin-top: 20px;
border-radius: 5px;
border: 1px solid grey;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_start-automation-label {
padding: 8px 4px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_auto-start-icon {
width: 22px !important;
height: 22px !important;
margin: 6px 4px 0 4px;
border-radius: 50%;
display: inline-block !important;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_dropdown-collapse-expand {
width: 11px;
height: 11px;
margin: 0;
transition: all 0.7s;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_option-checkbox {
margin-left: 5px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_playermode-checkbox {
width: 30px;
height: 30px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_playermode-container {
float: right;
position: relative;
top: -8px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-item .mgPlayerJSProd_playermode-container .mgPlayerJSProd_playermode-label {
position: relative;
top: -8px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-dropdown-wrapper {
display: none;
position: absolute;
top: 33px;
left: 50px;
padding: 15px;
max-height: 300px;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
box-sizing: border-box;
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.35);
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-dropdown-wrapper .mgPlayerJSProd_dropdown-option-wrapper {
min-width: 200px;
margin-bottom: 15px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-dropdown-wrapper .mgPlayerJSProd_dropdown-option-wrapper .mgPlayerJSProd_option-label {
font-size: 13.5px;
margin-right: 30px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-dropdown-wrapper .mgPlayerJSProd_dropdown-btn-wrapper {
margin: 0 !important;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-dropdown-wrapper .mgPlayerJSProd_dropdown-btn-wrapper .mgPlayerJSProd_btn-apply {
width: 75px;
height: 28px;
background: var(--mg-primary);
border-radius: 4px;
color: #ffffff;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_setting-dropdown-wrapper .mgPlayerJSProd_dropdown-btn-wrapper .mgPlayerJSProd_btn-apply:hover {
background: #0E5E9B;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-lang-setting-wrapper .mgPlayerJSProd_selected-lang-wrapper {
padding: 10px 30px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-lang-setting-wrapper .mgPlayerJSProd_selected-lang-wrapper .mgPlayerJSProd_lang-country-flag {
width: 20px;
height: 20px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-lang-setting-wrapper .mgPlayerJSProd_selected-lang-wrapper .mgPlayerJSProd_lang-country-name {
width: 280px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-lang-setting-wrapper .mgPlayerJSProd_selected-lang-wrapper .mgPlayerJSProd_dropdown-collapse-expand {
width: 11px;
height: 11px;
margin: 0;
transition: all 0.7s;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-lang-setting-wrapper .mgPlayerJSProd_lang-dropdown-wrapper {
display: none;
position: absolute;
top: 33px;
left: 70px;
max-height: 300px;
max-width: 165px;
background: #f8fbfe;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
box-sizing: border-box;
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.35);
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-lang-setting-wrapper .mgPlayerJSProd_lang-dropdown-wrapper.mgPlayerJSProd_overflow::-webkit-scrollbar {
width: 6px !important;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-lang-setting-wrapper .mgPlayerJSProd_lang-dropdown-wrapper .mgPlayerJSProd_lang-item {
font-size: 11px;
padding: 6px 10px;
width: 100%;
text-align: left;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-lang-setting-wrapper .mgPlayerJSProd_lang-dropdown-wrapper .mgPlayerJSProd_lang-item:hover,
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-lang-setting-wrapper .mgPlayerJSProd_lang-dropdown-wrapper .mgPlayerJSProd_lang-item.mgPlayerJSProd_lang-selected {
background: var(--mg-primary-hover);
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-lang-setting-wrapper .mgPlayerJSProd_lang-dropdown-wrapper .mgPlayerJSProd_lang-item .mgPlayerJSProd_lang-select {
width: 15px;
height: 15px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-lang-setting-wrapper .mgPlayerJSProd_lang-dropdown-wrapper .mgPlayerJSProd_lang-item .mgPlayerJSProd_lang-select svg path {
fill: var(--mg-primary);
stroke: var(--mg-primary);
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_navbar-separator-line {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_footer-wrapper {
position: absolute;
bottom: 0px;
left: 0px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_footer-wrapper .mgPlayerJSProd_download-apps-wrapper {
display: flex;
align-items: center;
padding: 5px 10px;
height: 40px;
background-color: #f0f0f5;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_footer-wrapper .mgPlayerJSProd_download-apps-wrapper .mgPlayerJSProd_footer-text {
color: #3d3d3dd9;
font-size: 13.2px;
margin-right: 5px;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_footer-wrapper .mgPlayerJSProd_download-apps-wrapper .mgPlayerJSProd_app-logo-wrapper {
margin: 0;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_footer-wrapper .mgPlayerJSProd_download-apps-wrapper .mgPlayerJSProd_app-logo-wrapper .mgPlayerJSProd_app-logo {
height: 30px;
width: 30px;
margin: 0 5px;
border-radius: 50%;
}
.mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_footer-wrapper .mgPlayerJSProd_product-details-wrapper {
padding: 10px 20px;
height: 35px;
background: rgba(0, 0, 0, 0.03);
}
.mgPlayerJSProd_auto-header-bar-container {
height: 46px;
background: #FAFCFE;
padding: 15px 20px;
display: flex;
justify-content: space-between;
}
.mgPlayerJSProd_auto-header-bar-container .mgPlayerJSProd_icon-update-margin {
display: flex;
align-items: center;
justify-content: space-between;
}
.mgPlayerJSProd_auto-header-bar-container .mgPlayerJSProd_icon-update-margin .mgPlayerJSProd_input-checkbox-custom {
width: 16px !important;
height: 16px !important;
min-width: 16px;
margin-left: 0px !important;
}
.mgPlayerJSProd_step-copy-delete-container .mgPlayerJSProd_auto-header-bar-container {
flex-direction: column;
height: 60px;
padding: 15px;
}
.mgPlayerJSProd_step-copy-delete-container .mgPlayerJSProd_auto-header-bar-container .mgPlayerJSProd_step-copy-delete-wrapper {
position: relative;
width: 100%;
}
.mgPlayerJSProd_step-copy-delete-container .mgPlayerJSProd_auto-header-bar-container .mgPlayerJSProd_step-copy-delete-wrapper label {
top: 7px;
left: 0px;
}
.mgPlayerJSProd_step-copy-delete-container .mgPlayerJSProd_auto-header-bar-container .mgPlayerJSProd_step-copy-delete-wrapper .mgPlayerJSProd_search-bar-container {
padding: 15px 0;
}
.mgPlayerJSProd_step-copy-delete-container .category-list {
background: #f2f2f7;
height: 70vh;
}
.mgPlayerJSProd_step-copy-delete-container .category-list .tour-item {
padding: 5px 16px 5px 12px;
}
.mgPlayerJSProd_search-bar-container {
height: 60px;
background: #FAFCFE;
padding: 15px 20px;
}
.mgPlayerJSProd_search-bar-container.mgPlayerJSProd_search-result-bg {
background: #F5F7F9;
border-top: 1px solid rgba(0, 120, 212, 0.07);
border-bottom: 1px solid rgba(0, 120, 212, 0.07);
}
.mgPlayerJSProd_search-bar-container.mgPlayerJSProd_search-bar-collapse {
height: auto;
position: absolute;
top: 2px;
right: 10px;
background: #f8f8fb;
padding: 8px 0px;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper {
height: 33px;
z-index: 2;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper.mgPlayerJSProd_search-collapse-view {
width: 428px !important;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper.mgPlayerJSProd_search-mplayer-view {
width: 310px !important;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-icon {
position: absolute;
top: 8px;
left: 9px;
width: 15px;
height: 15px;
pointer-events: none;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-close-icon {
display: none;
position: absolute;
top: 9px;
right: 12px;
width: 12px;
height: 12px;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-close-icon.mgPlayerJSProd_active {
display: inline;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-input {
width: 85px;
background: #FFFFFF;
border: 1px solid #acadc1;
box-sizing: border-box;
border-radius: 4px;
outline: none;
padding: 0px 5px 0px 28px;
font-size: 14px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-input::placeholder {
color: #707070;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-input:focus {
border: 1px solid var(--mg-primary);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.24);
width: 480px;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-input.mgPlayerJSProd_search-input-player:focus {
width: 440px;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-input.mgPlayerJSProd_search-input-wd-task:focus {
width: 400px;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-input.mgPlayerJSProd_search-input-wd-task.mgPlayerJSProd_search-input-active {
width: 400px;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-input.mgPlayerJSProd_search-input-active {
width: 440px;
}
.mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-input.mgPlayerJSProd_search-input-creator-active {
width: 480px;
}
.mgPlayerJSProd_back-btn-wrapper .mgPlayerJSProd_back-btn {
width: 20px;
height: 17px;
}
.mgPlayerJSProd_back-btn-wrapper .mgPlayerJSProd_back-btn svg path {
fill: #757575;
}
.mgPlayerJSProd_mplayer-search-view {
height: auto;
padding: 15px 20px;
background: #ffffff;
}
.mgPlayerJSProd_mplayer-search-view .mgPlayerJSProd_back-btn-wrapper svg path {
fill: #ffffff;
}
.mgPlayerJSProd_filter-sorting-wrapper {
margin: 0px 0px 0px 10px;
}
.mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sort-icon {
width: 30px;
height: 30px;
z-index: 99;
}
.mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sort-icon:hover svg rect.mgPlayerJSProd_icon-bg,
.mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sort-icon.mgPlayerJSProd_filter-active-state svg rect.mgPlayerJSProd_icon-bg {
fill: var(--mg-primary);
}
.mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sort-icon:hover svg path,
.mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sort-icon.mgPlayerJSProd_filter-active-state svg path {
fill: #ffffff;
}
.mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sorting-dropdown-wrapper {
display: none;
width: 160px;
background: #ffffff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
border-radius: 3px;
position: absolute;
top: 35px;
right: 0px;
}
.mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sorting-dropdown-wrapper .mgPlayerJSProd_filter-dropdown-item {
padding: 10px 25px;
display: block;
width: 100%;
text-align: left;
}
.mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sorting-dropdown-wrapper .mgPlayerJSProd_filter-dropdown-item:hover,
.mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sorting-dropdown-wrapper .mgPlayerJSProd_filter-dropdown-item.mgPlayerJSProd_active-sort-filter {
background: var(--mg-primary-hover);
}
.mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sorting-dropdown-wrapper .mgPlayerJSProd_filter-btn-wrapper {
height: 50px;
box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.08);
}
.mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sorting-dropdown-wrapper .mgPlayerJSProd_filter-btn-wrapper .mgPlayerJSProd_filter-common-btn {
width: 78px;
height: 30px;
background: #FFFFFF;
border: 1px solid #BBBBBC;
box-sizing: border-box;
border-radius: 4px;
}
.mgPlayerJSProd_filter-wrapper {
width: 460px;
height: 314px;
background: #ffffff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
border-radius: 3px;
top: 40%;
transform: translate(-50%, -40%);
}
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-sort-by-wrapper {
width: 25%;
height: 314px;
background: rgba(0, 0, 0, 0.02);
border-radius: 3px 0px 0px 3px;
}
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-option .mgPlayerJSProd_filter-option-item:hover,
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-option .mgPlayerJSProd_filter-option-item.mgPlayerJSProd_filter-active {
color: #0BC457;
}
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-by-wrapper {
width: 75%;
height: 314px;
}
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-by-wrapper .mgPlayerJSProd_filter-option-wrapper .mgPlayerJSProd_filter-dropdown-container {
width: 133px;
}
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-by-wrapper .mgPlayerJSProd_filter-option-wrapper .mgPlayerJSProd_filter-dropdown-container .mgPlayerJSProd_dropdown-wrapper {
background: #FFFFFF;
border: 1px solid #707070;
box-sizing: border-box;
border-radius: 4px;
height: 30px;
padding: 6px 11px;
}
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-by-wrapper .mgPlayerJSProd_filter-option-wrapper .mgPlayerJSProd_filter-dropdown-container .mgPlayerJSProd_dropdown-wrapper .mgPlayerJSProd_option-item-icon {
width: 9px;
height: 6px;
position: absolute;
top: 12px;
right: 10px;
}
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-by-wrapper .mgPlayerJSProd_filter-option-wrapper .mgPlayerJSProd_filter-dropdown-container .mgPlayerJSProd_dropdown-wrapper .mgPlayerJSProd_dropdown-option-wrapper {
width: 133px;
height: 180px;
background: #ffffff;
position: absolute;
top: 30px;
right: 0;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-by-wrapper .mgPlayerJSProd_filter-guide-wrapper .mgPlayerJSProd_filter-button {
width: 133px;
height: 30px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(102, 102, 102, 0.8);
box-sizing: border-box;
border-radius: 30px;
padding: 7px;
transition: all 0.3s;
}
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-by-wrapper .mgPlayerJSProd_filter-guide-wrapper .mgPlayerJSProd_filter-button:hover,
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-by-wrapper .mgPlayerJSProd_filter-guide-wrapper .mgPlayerJSProd_filter-button.mgPlayerJSProd_active-filter {
background: #FFC10E;
border: 1px solid #FFC10E;
}
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-footer-wrapper {
position: absolute;
bottom: 0px;
left: 0px;
width: 460px;
height: 80px;
background: #FFFFFF;
border-radius: 0px 0px 3px 3px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.mgPlayerJSProd_filter-wrapper .mgPlayerJSProd_filter-border {
border: 1px solid rgba(0, 0, 0, 0.05);
}
.mgPlayerJSProd_panel-header-wrapper {
height: 60px;
background: #ffffff;
padding: 10px;
box-shadow: 0px 2px 2px 0px #2122263D;
margin-bottom: 3px;
}
.mgPlayerJSProd_panel-header-wrapper.mgPlayerJSProd_panel-header-micro-wrapper {
height: 55px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_logo-wrapper {
width: 100px;
height: 40px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_theme-mplayer-header-title {
width: 165px;
height: 25px;
display: inline-block !important;
vertical-align: middle;
padding: 3px 0px 0px 10px;
box-sizing: border-box;
color: #555555;
font-size: 17px;
font-weight: 600;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_panel-close-wrapper {
top: -1px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_panel-close-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_panel-close-wrapper .mgPlayerJSProd_panel-close {
height: 13px;
width: 13px;
margin: 4px 0px 0px 0px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_panel-close-wrapper .mgPlayerJSProd_panel-close svg path {
fill: #757575;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_panel-close-wrapper .mgPlayerJSProd_panel-close svg:hover path {
fill: #404040;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper {
width: 35px;
height: 35px;
border-radius: 4px;
z-index: 999;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper:hover {
background: #EBEEF1;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper {
width: 30px;
height: 25px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper:hover {
background: none;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn {
width: 20px;
height: 20px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_navigation-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_refresh-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_help-center-btn svg path {
fill: #555555;
stroke: #555555;
stroke-width: 0.4;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn {
width: 20px;
height: 20px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_accessibility-btn svg path {
stroke: #555555;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn {
width: 20px;
height: 20px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_bell-btn svg path {
fill: #555555;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn {
width: 15px;
height: 15px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_close-panel-btn svg path {
fill: #555555;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper.mgPlayerJSProd_header-icon-micro-wrapper .mgPlayerJSProd_title-tooltip-wrapper {
margin: 5px 0px !important;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper .mgPlayerJSProd_accessibility-btn-lbl,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_accessibility-btn-lbl,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper .mgPlayerJSProd_accessibility-btn-lbl,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_accessibility-btn-lbl,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper .mgPlayerJSProd_accessibility-btn-lbl,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper .mgPlayerJSProd_accessibility-btn-lbl,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper .mgPlayerJSProd_accessibility-btn-lbl,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper .mgPlayerJSProd_accessibility-btn-lbl {
top: 25%;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper .mgPlayerJSProd_navigation-btn {
width: 23px;
height: 23px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper .mgPlayerJSProd_refresh-btn {
width: 26px;
height: 26px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper .mgPlayerJSProd_help-center-btn {
width: 26px;
height: 26px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper .mgPlayerJSProd_accessibility-btn {
width: 26px;
height: 26px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper .mgPlayerJSProd_accessibility-btn:hover svg path,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper .mgPlayerJSProd_accessibility-btn.mgPlayerJSProd_accessibility-btn-active svg path {
stroke: #276157;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper .mgPlayerJSProd_close-panel-btn {
width: 18px;
height: 18px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper .mgPlayerJSProd_close-panel-btn svg path {
fill: #555555;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper .mgPlayerJSProd_move-panel-btn {
width: 20px;
height: 20px;
border: 2px solid #555555;
cursor: pointer;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper .mgPlayerJSProd_move-panel-btn.mgPlayerJSProd_move-panel-btn-left {
border-left-width: 10px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_move-panel-btn-wrapper .mgPlayerJSProd_move-panel-btn.mgPlayerJSProd_move-panel-btn-right {
border-right-width: 10px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_bell-btn {
width: 24px;
height: 24px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper:hover .mgPlayerJSProd_notification-tabs-tooltip {
display: none !important;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper {
width: 460px;
height: 266px;
background: #FFFFFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
border-radius: 6px;
position: absolute;
top: 50px;
left: -299px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper {
display: none !important;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper.mgPlayerJSProd_push-notification-info-micro-player {
width: 370px;
top: 38px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper.mgPlayerJSProd_push-notification-info-micro-player .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab:hover .mgPlayerJSProd_title-tooltip-wrapper {
max-width: 350px !important;
max-height: 119px;
overflow: hidden;
right: -175px;
font-weight: normal !important;
display: block !important;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper.mgPlayerJSProd_push-notification-info-micro-player .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab:hover .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_title-tooltip-align-left {
left: -175px;
right: initial;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper.mgPlayerJSProd_push-notification-info-micro-player .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab:hover .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title {
white-space: initial;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_push-dropdown-pointer {
content: '';
position: absolute;
top: -5px;
left: 350px;
box-sizing: border-box;
border: 9px solid #ffffff;
border-color: transparent transparent #ffffff #ffffff;
transform: rotate(135deg);
box-shadow: -2px 1px 5px -1px rgba(0, 0, 0, 0.4);
z-index: -1;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-overlay-wrapper {
position: fixed;
top: 62px;
left: 0px;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(10, 10, 10, 0.3);
cursor: default;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-header-wrapper {
height: 61px;
background: #FFFFFF;
border-radius: 6px 6px 0px 0px;
border-bottom: 1px solid #E6E6E6;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-header-wrapper .mgPlayerJSProd_notification-close {
width: 15px;
height: 15px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper {
width: 100%;
height: 50px;
background: #ffffff;
padding: 3px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab {
width: 50%;
color: #555555;
text-transform: uppercase;
border-bottom: 1px solid transparent;
font-size: 12px;
margin: 0 15px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab:hover .mgPlayerJSProd_title-tooltip-wrapper {
max-width: 435px !important;
max-height: 119px;
overflow: hidden;
right: -215px;
font-weight: normal !important;
display: block !important;
text-transform: none;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab:hover .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_title-tooltip-align-left {
left: -220px;
right: initial;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab:hover .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title {
white-space: initial;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab:hover,
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab.mgPlayerJSProd_notification-active-tab {
border-bottom: 1px solid var(--mg-primary);
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper {
height: 170px;
background: #FFFFFF;
border-radius: 0px 0px 6px 6px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details {
height: 42px;
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 3px -2px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: none !important;
max-width: 90% !important;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title {
white-space: normal;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details:hover .mgPlayerJSProd_notification-guide-details-overlay {
display: flex;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-details-overlay {
display: none;
position: absolute;
top: 0px;
left: 0px;
justify-content: flex-end;
align-items: center;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-details-overlay .mgPlayerJSProd_details-overlay-wrapper {
background: #E7F5FF;
opacity: 0.3;
position: absolute;
top: 0px;
left: 0px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-details-overlay .mgPlayerJSProd_details-overlay-action-wrapper {
max-width: 170px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-details-overlay .mgPlayerJSProd_details-overlay-action-wrapper .mgPlayerJSProd_action-show-again-icon {
width: 17px;
height: 20px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-details-overlay .mgPlayerJSProd_details-overlay-action-wrapper .mgPlayerJSProd_action-show-again-btn {
min-width: 84px;
height: 20px;
border-radius: 30px;
overflow: hidden;
white-space: nowrap;
padding: 0px 10px;
text-overflow: ellipsis;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-icon {
width: 24px;
height: 24px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-icon svg {
width: 100%;
height: 100%;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-icon svg rect {
stroke: var(--mg-primary);
fill: var(--mg-primary-hover) !important;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-icon svg path {
fill: var(--mg-primary);
stroke: var(--mg-primary);
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-title {
width: 250px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-title .mgPlayerJSProd_not-guide-title {
width: 70% !important;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_no-guide-msg-wrapper {
width: 100%;
height: 100%;
background: #ffffff;
position: absolute;
top: 0px;
left: 0px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_no-guide-msg-wrapper .mgPlayerJSProd_icon-oops {
margin-bottom: 10px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_no-guide-msg-wrapper .mgPlayerJSProd_icon-oops svg {
width: 80px;
height: 80px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application-label {
color: #757575;
float: left;
margin: 0 3px 0 0;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application-down-arrow-icon {
float: right;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application-down-arrow-icon svg {
width: 10px;
height: 10px;
}
.mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application-down-arrow-icon svg polygon {
fill: #757575;
}
.mgPlayerJSProd_header-banner-wrapper {
height: 200px;
overflow: hidden;
margin: -60px 0 0 0;
z-index: 0;
background-color: #ffffff;
}
.mgPlayerJSProd_header-banner-wrapper.mgPlayerJSProd_header-banner-micro {
height: 145px;
margin: -60px 0 10px 0;
}
.mgPlayerJSProd_header-banner-wrapper svg {
width: 500px;
height: 200px;
}
.mgPlayerJSProd_header-banner-wrapper .mgPlayerJSProd_header-widget-icon {
object-fit: contain;
max-height: 47px;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, 0);
}
.mgPlayerJSProd_library-filter-wrapper .mgPlayerJSProd_filter-label {
color: #454560;
}
.mgPlayerJSProd_library-filter-wrapper .mgPlayerJSProd_filter-tab {
height: 35px;
min-width: 92px;
max-width: 150px;
border-bottom: 2px solid transparent;
box-sizing: border-box;
padding: 4px 5px;
position: relative;
color: #555555;
background: #ffffff;
text-transform: uppercase;
font-size: 12px;
}
.mgPlayerJSProd_library-filter-wrapper .mgPlayerJSProd_filter-tab:hover {
border-color: var(--mg-primary);
}
.mgPlayerJSProd_library-filter-wrapper .mgPlayerJSProd_filter-tab .mgPlayerJSProd_filter-close-icon {
display: none;
border-radius: 50%;
border: 1px solid #666;
width: 19px;
height: 19px;
position: absolute;
top: -8px;
background: #fff;
right: -6px;
}
.mgPlayerJSProd_library-filter-wrapper .mgPlayerJSProd_filter-tab.mgPlayerJSProd_filter-active-tab {
border-color: var(--mg-primary);
}
.mgPlayerJSProd_library-filter-wrapper .mgPlayerJSProd_filter-tab.mgPlayerJSProd_filter-active-tab .mgPlayerJSProd_filter-close-icon {
/* display: inline-block; */
vertical-align: middle;
}
.mgPlayerJSProd_library-filter-wrapper .mgPlayerJSProd_filter-tab.mgPlayerJSProd_filter-active-tab .mgPlayerJSProd_filter-close-icon svg {
margin: 4px 0px 0px 4px;
}
.mgPlayerJSProd_library-filter-wrapper .mgPlayerJSProd_filter-tab.mgPlayerJSProd_filter-active-tab .mgPlayerJSProd_filter-close-icon svg path {
fill: #666;
}
.mgPlayerJSProd_filter-search {
width: 30px;
height: 30px;
}
.mgPlayerJSProd_tour-action-dropdown-embed-menu {
position: absolute;
height: auto;
display: none;
top: 0px;
right: 137px;
background: #ffffff;
box-shadow: 0px 1px 5px -1px #a2a2a2;
z-index: 99999999999999;
border-radius: 3px;
}
.mgPlayerJSProd_tour-action-dropdown-embed-menu .mgPlayerJSProd_dropdown-embed-item {
white-space: nowrap;
padding: 10px 20px;
cursor: pointer;
transition: all 0.3s;
}
.mgPlayerJSProd_tour-action-dropdown-embed-menu .mgPlayerJSProd_dropdown-embed-item:hover {
background: #f5f5f5;
}
.mgPlayerJSProd_tour-action-dropdown-embed-menu .mgPlayerJSProd_dropdown-embed-item:hover .mgPlayerJSProd_dropdown-embed-item-label {
color: var(--mg-primary);
}
.popup-container {
position: absolute;
width: 284px;
background: #fff;
padding: 5px;
max-height: 150px;
display: none;
opacity: 0.8;
}
.mgPlayerJSProd_cookie-policy-popup-container {
position: absolute;
bottom: 40px;
left: 50%;
max-width: 100%;
transform: translate(-50%, 0px);
width: 459px;
height: 175px;
background: #FFFFFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
border-radius: 6px;
padding: 15px 20px;
z-index: 9999;
}
.mgPlayerJSProd_cookie-policy-popup-container .mgPlayerJSProd_popup-content-wrapper {
display: inline-flex;
align-items: center;
justify-content: space-around;
width: 100%;
}
.mgPlayerJSProd_cookie-policy-popup-container .mgPlayerJSProd_popup-content-wrapper .mgPlayerJSProd_popup-icon-cookies {
width: 42px;
height: 42px;
}
.mgPlayerJSProd_cookie-policy-popup-container .mgPlayerJSProd_popup-content-wrapper .mgPlayerJSProd_popup-content {
line-height: 22px;
width: 335px;
}
.mgPlayerJSProd_cookie-policy-popup-container .mgPlayerJSProd_popup-agree-btn-wrapper .mgPlayerJSProd_agree-btn {
width: 133px;
height: 30px;
color: rgba(0, 0, 0, 0.7);
background: #FFC10E;
border: 1px solid #FFC10E;
box-sizing: border-box;
border-radius: 30px;
padding: 7px;
}
.mgPlayerJSProd_guide-tooltip-container {
display: none;
width: 245px;
position: absolute;
left: 0;
background: rgba(34, 34, 34, 0.9);
border-radius: 5px;
box-shadow: 0px 1px 8px -1px #a2a2a2;
}
.mgPlayerJSProd_guide-tooltip-container .mgPlayerJSProd_tooltip-title-wrapper {
/* border-bottom: 1px solid #000000; */
padding: 10px 15px;
}
.mgPlayerJSProd_guide-tooltip-container .mgPlayerJSProd_tooltip-description-wrapper {
padding: 0 15px 10px;
font-size: 12px;
text-transform: capitalize;
}
.mgPlayerJSProd_guide-tooltip-container .mgPlayerJSProd_tooltip-pinter-wrapper {
display: none;
position: absolute;
left: 30px;
width: 15px;
height: 15px;
background: rgba(34, 34, 34, 0.9);
border-radius: 3px;
transform: rotate(-45deg);
}
.mgPlayerJSProd_guide-tooltip-container.mgPlayerJSProd_tooltip-position-top-left {
top: -66px !important;
}
.mgPlayerJSProd_guide-tooltip-container.mgPlayerJSProd_tooltip-position-top-left .mgPlayerJSProd_tooltip-pinter-wrapper {
display: none;
top: 63px !important;
}
.mgPlayerJSProd_guide-tooltip-container.mgPlayerJSProd_tooltip-position-bottom-left {
top: 45px;
}
.mgPlayerJSProd_guide-tooltip-container.mgPlayerJSProd_tooltip-position-bottom-left .mgPlayerJSProd_tooltip-pinter-wrapper {
display: none;
top: -6px;
}
.mgPlayerJSProd_guide-icon-wrapper:hover .mgPlayerJSProd_guide-tooltip-container {
display: block;
}
.pref-page-wrapper {
margin: 5px 50px 0 50px;
}
.pref-form {
margin: 10px 0px 30px 5px;
}
.mgPlayerJSProd_rating {
color: #a9a9a9;
margin: 0;
padding: 0;
}
.mgPlayerJSProd_stars {
display: inline-block;
font-size: 20px;
letter-spacing: 8px;
}
.mgPlayerJSProd_guide-title-mplayer {
width: 200px !important;
}
#mgPlayerJSProd_toast-msg {
max-width: 500px;
font-size: 15px;
font-family: Arial, sans-serif;
position: fixed;
left: 50%;
transform: translate(-50%, 0px);
z-index: 2147483647;
background: #ffffff;
display: none;
top: 50px;
border-radius: 4px;
padding: 10px;
box-shadow: #868686 0px 0px 9px 0px;
border-left: 6px solid #9476C9 !important;
}
.mgPlayerJSProd_guide-row-download-wrapper {
display: inline-flex;
height: 40px;
align-items: center;
background: #e6f0ff;
}
.mgPlayerJSProd_guide-row-download-wrapper .header-detail-view-tour-download-wrapper {
width: 30px;
height: 30px;
margin: 0 3px !important;
background: var(--mg-primary-hover);
}
.mgPlayerJSProd_guide-row-download-wrapper .header-detail-view-tour-download-wrapper:hover,
.mgPlayerJSProd_guide-row-download-wrapper .header-detail-view-tour-download-wrapper.mgPlayerJSProd_dropdown-active {
background: var(--mg-primary);
box-shadow: 1px 2px 4px 0 rgba(46, 61, 73, 0.2);
}
.mgPlayerJSProd_guide-row-download-wrapper .header-detail-view-tour-download-wrapper:hover svg path,
.mgPlayerJSProd_guide-row-download-wrapper .header-detail-view-tour-download-wrapper.mgPlayerJSProd_dropdown-active svg path {
fill: #ffffff !important;
stroke: #ffffff !important;
}
.mgPlayerJSProd_guide-row-download-wrapper .header-detail-view-tour-download-wrapper svg path {
fill: var(--mg-primary) !important;
stroke: var(--mg-primary) !important;
}
.header-detail-view-tour-download-wrapper {
position: relative;
margin: 9px 5px 0 0 !important;
color: #ffffff;
float: right;
cursor: pointer;
background: var(--mg-primary);
border-radius: 50% !important;
}
.header-detail-view-tour-download-wrapper .mgPlayerJSProd_download-icon {
height: 15px;
width: 15px;
pointer-events: none;
}
.header-detail-view-tour-download-wrapper .mgPlayerJSProd_download-icon svg {
height: 15px;
width: 15px;
}
.header-detail-view-tour-download-wrapper .mgPlayerJSProd_download-icon svg path {
fill: #ffffff;
stroke: #ffffff;
}
.header-detail-view-tour-download-wrapper.disabled-icon {
pointer-events: none;
opacity: 0.5;
}
.header-detail-view-tour-download-wrapper .detail-download-action-options-dropdown {
position: absolute;
display: none;
height: auto;
right: -2px;
top: 36px;
background: #fff;
z-index: 99999999999999;
border: 1px solid #cccccc !important;
box-shadow: 0px 1px 5px -1px #a2a2a2;
}
.header-detail-view-tour-download-wrapper .detail-download-action-options-dropdown .detail-download-action-options-dropdown-item {
white-space: nowrap;
padding: 10px 20px;
cursor: pointer;
transition: all 0.3s;
text-align: left;
}
.header-detail-view-tour-download-wrapper .detail-download-action-options-dropdown .detail-download-action-options-dropdown-item:hover {
background: #f5f5f5;
}
.header-detail-view-tour-download-wrapper .detail-download-action-options-dropdown .detail-download-action-options-dropdown-item:hover .download-link {
color: var(--mg-primary);
}
.header-detail-view-tour-download-wrapper .detail-download-action-options-dropdown .detail-download-action-options-dropdown-item.disabled-icon {
pointer-events: none;
opacity: 0.5;
}
.header-detail-view-tour-download-wrapper .detail-download-action-options-dropdown .mgPlayerJSProd_media-progress-loader {
width: 14px;
height: 14px;
}
.header-detail-view-tour-download-wrapper .detail-download-action-options-dropdown .mgPlayerJSProd_media-progress-container {
top: -1px;
right: 0;
width: 100% !important;
min-width: 180px !important;
min-height: 253px !important;
box-shadow: 0px 1px 5px -1px #a2a2a2;
}
.header-detail-view-tour-download-wrapper .detail-download-action-options-dropdown .mgPlayerJSProd_media-progress-container .mgPlayerJSProd_media-progress-loader-wrapper {
width: 56px;
height: 56px;
}
.header-detail-view-tour-download-wrapper .detail-download-action-options-dropdown .mgPlayerJSProd_media-progress-container .mgPlayerJSProd_btn-default {
height: 30px !important;
}
.mgPlayerJSProd_checkbox-beacon-setting {
vertical-align: middle !important;
margin-left: 0px !important;
}
.mgPlayerJSProd_input-checkbox-custom {
width: 14px !important;
height: 14px !important;
min-width: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
background-color: #ffffff !important;
cursor: pointer;
outline: none;
border-radius: 4px !important;
border: 1px solid #acadc1 !important;
}
.mgPlayerJSProd_input-checkbox-custom:checked {
border: 1px solid var(--mg-primary) !important;
background-color: var(--mg-primary) !important;
border-radius: 3px;
}
.mgPlayerJSProd_input-checkbox-custom:checked:before {
position: absolute;
top: 42%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
content: '';
border: solid white;
border-width: 0 2px 2px 0;
width: 3px;
height: 8px;
background-color: var(--mg-primary);
}
.mgPlayerJSProd_input-checkbox-custom:checked:hover {
border: 1px solid var(--mg-primary-btn-hover) !important;
background-color: var(--mg-primary-btn-hover) !important;
}
.mgPlayerJSProd_input-checkbox-custom:checked:hover:before {
background-color: var(--mg-primary-btn-hover);
}
.mgPlayerJSProd_input-checkbox-custom:checked:disabled {
border: 1px solid #cfd0dd !important;
background-color: #cfd0dd !important;
}
.mgPlayerJSProd_input-checkbox-custom:checked:disabled:before {
background-color: #cfd0dd;
}
.mgPlayerJSProd_input-checkbox-custom:disabled {
border: 1px solid #cfd0dd !important;
background-color: #cfd0dd !important;
cursor: default;
}
.mgPlayerJSProd_input-checkbox-custom:disabled:hover {
border: 1px solid #cfd0dd !important;
}
.mgPlayerJSProd_input-checkbox-custom:hover {
border: 1px solid var(--mg-primary-btn-hover) !important;
}
.mgPlayerJSProd_info-msg-container {
font-size: 12px;
}
.mgPlayerJSProd_info-msg-container .mgPlayerJSProd_modal-view-more {
color: #00a6d9;
text-decoration: none;
font-family: Arial, sans-serif;
font-weight: normal;
line-height: initial;
cursor: pointer;
}
.mgPlayerJSProd_info-msg-container .mgPlayerJSProd_info-msg {
display: none;
}
.mgPlayerJSProd_tg-view-container {
position: relative;
width: 460px;
height: calc(100% - 40px);
background: #FFFFFF;
margin: 20px 15px 20px 15px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
display: table;
min-height: 350px;
max-height: 400px;
}
.mgPlayerJSProd_tg-view-container:hover .mgPlayerJSProd_tg-btn-wrapper {
display: flex !important;
}
.mgPlayerJSProd_tg-view-container:hover .mgPlayerJSProd_tour-action-wrapper {
display: block;
}
.mgPlayerJSProd_tg-view-container:hover .mgPlayerJSProd_step-overlay {
opacity: 1;
}
.mgPlayerJSProd_tg-view-container.active .mgPlayerJSProd_step-overlay {
opacity: 1;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-view-header {
height: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
padding: 0px 20px;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-view-header .mgPlayerJSProd_tg-btn-wrapper {
display: none;
height: 50px;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-view-header .mgPlayerJSProd_tg-btn-wrapper .step-action-menu-container {
position: relative;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-view-header .mgPlayerJSProd_tg-btn-wrapper .step-action-menu-container .step-pencil-icon {
display: inline-block;
float: right;
cursor: pointer;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-view-header .mgPlayerJSProd_tg-btn-wrapper .step-action-menu-container .step-pencil-icon svg {
width: 18px;
height: 18px;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-view-header .mgPlayerJSProd_tg-btn-wrapper .step-action-menu-container .step-action-menu-options-dropdown {
position: absolute;
display: none;
height: auto;
right: 0px;
top: 23px;
background: #fff;
border: 1px solid #cccccc !important;
box-shadow: 0px 1px 5px -1px #a2a2a2;
z-index: 99999999999999;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-view-header .mgPlayerJSProd_tg-btn-wrapper .step-action-menu-container .step-action-menu-options-dropdown .step-action-menu-options-dropdown-item {
white-space: nowrap;
padding: 10px 20px;
cursor: pointer;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-view-header .mgPlayerJSProd_tg-btn-wrapper .step-action-menu-container .step-action-menu-options-dropdown .step-action-menu-options-dropdown-item:hover {
background: var(--mg-primary-hover);
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-view-header .mgPlayerJSProd_tg-btn-wrapper .step-action-menu-container .step-action-menu-options-dropdown .step-action-menu-options-dropdown-item .step-action-menu-options-dropdown-item-icon {
margin: 0 3px 0 0;
font-size: 0;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-view-header .mgPlayerJSProd_tg-btn-wrapper .step-action-menu-container .step-action-menu-options-dropdown .step-action-menu-options-dropdown-item .step-action-menu-options-dropdown-item-icon svg {
width: 14px;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-view-header .mgPlayerJSProd_tg-btn-wrapper .step-action-menu-container .step-action-menu-options-dropdown .step-action-menu-options-dropdown-item .step-action-menu-options-dropdown-item-icon svg path {
fill: #757575;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-step-img-thumb-wrapper {
position: relative;
height: 35%;
min-height: 150px;
padding: 20px;
background: #F2F3F5;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-step-img-thumb-wrapper .mgPlayerJSProd_tg-img-thumb {
width: 100%;
height: 100%;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-step-img-thumb-wrapper .mgPlayerJSProd_tg-img-thumb .mgPlayerJSProd_tg-img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-content-wrapper {
min-height: 140px;
height: calc(65% - 80px);
padding: 5px 25px 15px 25px;
line-height: 22px;
margin: 10px 0px 0px 0px;
overflow: hidden;
max-height: 350px;
max-width: 460px;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-content-wrapper.mgPlayerJSProd_min-tg-content-wrapper {
height: calc(100% - 70px);
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_tg-content-wrapper p {
margin: 0px !important;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_document-wrapper {
height: calc(100% - 50px);
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_document-wrapper svg {
width: 300px;
height: 300px;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay {
opacity: 0;
transition: all 0.3s;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: calc(100% - 50px);
background: #45456073;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_play-step-icon-wrapper {
width: fit-content;
height: 35px;
max-width: 260px;
min-width: 100px;
position: relative;
background: var(--mg-primary);
border-radius: 30px;
padding: 0px 0px 0px 15px;
color: #ffffff;
cursor: pointer;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_play-step-icon-wrapper:hover {
background: var(--mg-primary-btn-hover);
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_play-step-icon-wrapper svg {
width: 13px;
height: 13px;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_tour-action-wrapper {
position: absolute;
bottom: 0px;
left: 0px;
height: 40px;
width: 100%;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_tour-action-wrapper .mgPlayerJSProd_add-step-wrapper {
width: 100%;
background: #6F708B7A;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: flex-end;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_tour-action-wrapper .mgPlayerJSProd_add-step-wrapper .tour-plus-icon-container {
height: auto;
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_tour-action-wrapper .mgPlayerJSProd_add-step-wrapper .mgPlayerJSProd_add-step-after-wrapper,
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_tour-action-wrapper .mgPlayerJSProd_add-step-wrapper .mgPlayerJSProd_add-step-before-wrapper {
display: inline-flex;
background: #ffffff;
border: 1px solid var(--mg-primary);
border-radius: 4px;
height: 30px;
cursor: pointer;
margin-right: 7px;
min-width: 110px;
max-width: 170px;
padding: 0 5px;
transform: scale(0.8);
}
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_tour-action-wrapper .mgPlayerJSProd_add-step-wrapper .mgPlayerJSProd_add-step-after-wrapper .mgPlayerJSProd_step-before,
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_tour-action-wrapper .mgPlayerJSProd_add-step-wrapper .mgPlayerJSProd_add-step-before-wrapper .mgPlayerJSProd_step-before,
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_tour-action-wrapper .mgPlayerJSProd_add-step-wrapper .mgPlayerJSProd_add-step-after-wrapper .mgPlayerJSProd_step-after,
.mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_tour-action-wrapper .mgPlayerJSProd_add-step-wrapper .mgPlayerJSProd_add-step-before-wrapper .mgPlayerJSProd_step-after {
display: inline-flex;
align-items: center;
color: var(--mg-primary);
font-size: 16px;
}
.mgPlayerJSProd_no-org-wrapper {
display: inline-flex;
flex-direction: column;
align-items: center;
border-radius: 6px;
background: #ffffff;
padding: 25px;
width: 380px;
}
.mgPlayerJSProd_signin-page-wrapper-nojustify {
justify-content: unset !important;
}
.list-page-btn-wrapper {
width: 100%;
height: 52px;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
bottom: 5px;
left: 50%;
background: #ffffff;
transform: translate(-50%, -50%);
z-index: 99999999;
}
.list-page-btn-wrapper .auto-btn-wrapper {
width: 100%;
display: flex;
justify-content: center;
}
.mgPlayerJSProd_auto-selection-cat-list {
padding-left: 18px !important;
}
.checkbox-label {
position: relative;
}
.checkbox-label input {
opacity: 0;
}
.checkbox-label .checkbox-custom {
position: absolute;
top: -2px;
left: -2px;
height: 14px;
width: 14px;
background-color: transparent;
border-radius: 2px;
border-style: solid;
border-width: 1.5px;
border-color: #009BFF;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
/* For Ripple Effect */
}
.checkbox-label .checkbox-custom::after {
position: absolute;
content: "";
top: 12px;
left: 12px;
height: 0px;
width: 0px;
border-radius: 5px;
border-style: solid;
border-color: #009BFF;
border-width: 0 3px 0 3px;
-webkit-transform: rotate(0deg) scale(0);
-ms-transform: rotate(0deg) scale(0);
transform: rotate(0deg) scale(0);
opacity: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}
.checkbox-label .checkbox-custom::before {
position: absolute;
content: "";
left: 10px;
top: 10px;
width: 0px;
height: 0px;
border-radius: 5px;
border: 2px solid #009Bff;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.checkbox-label input:checked ~ .checkbox-custom {
background-color: #ffffff;
-webkit-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
border-style: solid;
border-width: 1.5px;
border-color: #009BFF;
border-radius: 2px;
}
.checkbox-label input:checked ~ .checkbox-custom::after {
-webkit-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
opacity: 1;
top: 0.5px;
left: 4.5px;
height: 7.5px;
width: 3.5px;
border-style: solid;
border-color: #009Bff;
border-width: 0 2px 2px 0;
background-color: transparent;
border-radius: 10%;
}
.checkbox-label input:checked ~ .checkbox-custom::before {
left: -3px;
top: -3px;
width: 14px;
height: 14px;
border-radius: 5px;
-webkit-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
opacity: 0;
z-index: 999;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}
.mgPlayerJSProd_elem-default {
width: 50% !important;
display: inline-block;
}
.mgPlayerJSProd_elem-title {
height: 40px !important;
padding: 5px 0 0 10px !important;
}
.mgPlayerJSProd_elem-thumb-img {
min-height: 150px !important;
max-height: 150px !important;
}
.mgPlayerJSProd_inline-block {
display: inline-block;
vertical-align: top;
}
.mgPlayerJSProd_inline-block-vm {
display: inline-block;
vertical-align: middle;
}
.mgPlayerJSProd_inline-block-vt {
display: inline-block;
vertical-align: top;
}
.mgPlayerJSProd_inline-block-vb {
display: inline-block;
vertical-align: bottom;
}
.mgPlayerJSProd_f-right {
float: right;
}
.mgPlayerJSProd_f-left {
float: left;
}
.mgPlayerJSProd_clear {
clear: both;
}
.mgPlayerJSProd_display-none {
display: none;
}
/******************** Slideshow CSS*******************/
.mgPlayerJSProd_slideshow-panel {
position: fixed;
width: 85%;
height: 90%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
transition: none;
background: rgba(0, 0, 0, 0.1);
border-radius: 4px;
z-index: 2147483647;
min-width: 700px;
box-shadow: #000000 0px 0px 8px -6px;
}
.mgPlayerJSProd_slideshow-panel-left {
left: 0 !important;
}
.mgPlayerJSProd_tour-player-panel {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: relative;
}
.mgPlayerJSProd_slideshow-main {
width: 100%;
height: calc(100% - 192px);
position: relative;
background: #fff;
outline: none;
}
.mgPlayerJSProd_slideshow-header {
height: 48px;
background: #fff;
border-radius: 4px 4px 0px 0px;
}
.mgPlayerJSProd_slideshow-tour-title {
font-size: 18px;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 740px;
}
.mgPlayerJSProd_slideshow-redirect-link {
font-size: 15px;
color: #fff;
line-height: 16px;
}
.mgPlayerJSProd_resize-slideshow {
display: inline-block;
vertical-align: middle;
}
/*.mgPlayerJSProd_resize-slideshow img {
width: 18px;
margin: 2px 0px 0 4px;
cursor: pointer;
}*/
.mgPlayerJSProd_resize-slideshow-maximize {
display: block;
}
.mgPlayerJSProd_resize-slideshow-maximize svg,
.mgPlayerJSProd_resize-slideshow-minimize svg {
width: 13px;
height: 13px;
cursor: pointer;
}
.mgPlayerJSProd_resize-slideshow-minimize {
display: none;
}
.mgPlayerJSProd_slideshow-redirect-link {
text-decoration: underline;
cursor: pointer;
}
.mgPlayerJSProd_slideshow-pause {
margin: 0 0 0px 10px;
cursor: pointer;
}
.mgPlayerJSProd_slideshow-pause i {
width: 20px;
font-size: 20px;
color: #fff;
}
.mgPlayerJSProd_slideshow-close {
margin: 3px 0px 0px 5px;
cursor: pointer;
}
.mgPlayerJSProd_slideshow-close:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
top: 24px !important;
}
.mgPlayerJSProd_slideshow-close svg {
height: 13px;
width: 13px;
fill: #666;
}
.mgPlayerJSProd_slideshow-close svg path {
fill: #666;
}
.mgPlayerJSProd_slideshow-audio {
margin: 0 0 0px 10px;
cursor: pointer;
}
.mgPlayerJSProd_slideshow-header-left {
max-width: 65%;
}
.mgPlayerJSProd_slideshow-header-right {
margin: 3px 0px;
}
.mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_btn-default {
display: flex;
align-items: center;
justify-content: center;
height: 25px;
min-width: 70px;
line-height: 20px;
}
.mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_player-audio-controls,
.mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-mute,
.mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-unmute {
width: 30px;
height: 30px;
}
.mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-mute svg,
.mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-unmute svg {
width: 100%;
height: 100%;
}
.mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-mute svg path,
.mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-unmute svg path {
fill: #8e8fa6;
}
.mgPlayerJSProd_slideshow-close div {
color: #fff;
font-size: 22px;
line-height: 19px;
}
.mgPlayerJSProd_slideshow-step-img-div {
width: 100%;
height: 100%;
position: relative;
margin: 0px;
outline: none;
overflow: auto;
transition: ease-in 300ms;
place-content: center;
}
.mgPlayerJSProd_slideshow-step-img-div.mgPlayerJSProd_overflow::-webkit-scrollbar {
background-color: #D3D3D3 !important;
border-radius: 10px !important;
}
.mgPlayerJSProd_iframe-wrapper-div {
width: 96%;
height: 89%;
margin: 2px 15px;
position: relative;
outline: none;
color: #ffffff;
}
.mgPlayerJSProd_iframe-wrapper-div img {
position: absolute;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mgPlayerJSProd_play-video-iframe {
border: none;
box-sizing: border-box;
max-width: 100%;
max-height: 100%;
width: 99%;
height: 100%;
margin: 0 5px;
position: absolute;
outline: none;
}
img.mgPlayerJSProd_play-video-iframe {
width: auto;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mgPlayerJSProd_blog-iframe {
width: 100%;
box-sizing: border-box;
margin: 0px;
padding: 0px;
border: none;
background: #fff;
height: 100%;
}
#mgPlayerJSProd_slide-img {
display: block;
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
box-shadow: 0 0 8px -7px #000;
}
.mgPlayerJSProd_slideshow-step-img-inline {
position: relative;
max-width: initial;
max-height: initial;
left: 0;
}
.mgPlayerJSProd_slideshow-step-img {
max-width: 98%;
max-height: 100%;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
}
.mgPlayerJSProd_slideshow-step-content {
background: #fff;
padding: 5px 10px;
display: none;
}
.mgPlayerJSProd_slideshow-step-num,
.mgPlayerJSProd_slideshow-step-title {
color: #0078d4;
font-size: 15px;
line-height: 23px;
}
.mgPlayerJSProd_slideshow-step-desc {
margin: 0 0 0 0;
max-height: 45px;
overflow: auto;
}
.mgPlayerJSProd_slideshow-step-desc font[face=normal] {
font-family: Arial, sans-serif !important;
}
.mgPlayerJSProd_slideshow-step-desc a {
font-family: Arial, sans-serif !important;
color: #0078d4;
}
.mgPlayerJSProd_slideshow-logo {
width: auto;
max-width: 100px;
max-height: 25px;
margin: 10px 0 0 0;
}
.mgPlayerJSProd_slideshow-prev-button {
position: absolute;
width: 38px;
height: 62px;
top: 50%;
left: 0%;
transform: translate(0%, -50%);
cursor: pointer;
z-index: 3;
transition: all 0.3s;
border-radius: 0px 20px 20px 0px;
visibility: hidden;
text-align: center;
background: var(--mg-primary);
}
.mgPlayerJSProd_slideshow-next-button {
position: absolute;
width: 38px;
height: 62px;
top: 50%;
right: 0%;
transform: translate(0%, -50%);
cursor: pointer;
z-index: 3;
transition: all 0.3s;
border-radius: 20px 0px 0px 20px;
visibility: hidden;
text-align: center;
background: var(--mg-primary);
}
.mgPlayerJSProd_icon-slideshow-next-button {
width: 30px;
height: 40px;
transform: translate(-50%, -50%) rotate(180deg) !important;
}
.mgPlayerJSProd_icon-slideshow-prev-button {
width: 30px;
height: 40px;
}
.mgPlayerJSProd_icon-slideshow-prev-button svg,
.mgPlayerJSProd_icon-slideshow-next-button svg {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mgPlayerJSProd_slideshow-main:hover > .mgPlayerJSProd_slideshow-next-button {
visibility: visible !important;
}
.mgPlayerJSProd_slideshow-main:hover > .mgPlayerJSProd_slideshow-prev-button {
visibility: visible !important;
}
.mgPlayerJSProd_tour-player-panel:hover .mgPlayerJSProd_slideshow-header {
display: flex !important;
}
.mgPlayerJSProd_slideshow-next-button:hover > .mgPlayerJSProd_icon-slideshow-next-button svg g g g path {
fill: #FFFFFF;
}
.mgPlayerJSProd_slideshow-next-button:hover > .mgPlayerJSProd_icon-slideshow-next-button svg g g g g #mgPlayerJSProd_svg-next-bg {
fill: #2DA5FF;
}
.mgPlayerJSProd_slideshow-prev-button:hover > .mgPlayerJSProd_icon-slideshow-prev-button svg g g g path {
fill: #FFFFFF;
transform: rotate(0deg);
}
.mgPlayerJSProd_slideshow-prev-button:hover > .mgPlayerJSProd_icon-slideshow-prev-button svg g g g g #mgPlayerJSProd_svg-prev-bg {
fill: #2DA5FF;
}
.mgPlayerJSProd_inline-slide-prev-button {
position: absolute;
width: 28px;
height: 55px;
top: 45%;
left: 3%;
cursor: pointer;
}
.mgPlayerJSProd_inline-slide-next-button {
position: absolute;
width: 28px;
height: 55px;
top: 45%;
cursor: pointer;
right: 3%;
}
.mgPlayerJSProd_loader-wrapper {
display: none;
position: absolute;
z-index: 20;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slideshow-spinner-outer {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mgPlayerJSProd_slideshow-image-spinner img {
width: 150px;
height: 150px;
}
.mgPlayerJSProd_loader-wrapper.show {
display: block;
}
.mgPlayerJSProd_loader-wrapper div {
font-size: 79px !important;
color: #0078d4 !important;
padding: 0px !important;
margin: 0px !important;
line-height: 80px !important;
}
.mgPlayerJSProd_popup {
position: absolute;
top: 50%;
box-shadow: #6d6c6c 0px 0px 10px -1px;
background: #fff;
width: 400px;
margin: 0;
transform: translate(-50%, -50%);
left: 50%;
z-index: 10;
padding: 35px 30px 25px 30px;
display: none;
text-align: center;
}
.mgPlayerJSProd_popup .mgPlayerJSProd_popup-content-wrapper {
padding: 0 0 10px 0;
margin: 0px;
line-height: initial;
text-align: center;
font-size: 17px;
max-height: 250px;
overflow: auto;
}
.mgPlayerJSProd_popup .mgPlayerJSProd_popup-btn-wrapper {
padding: 10px;
text-align: center;
}
.mgPlayerJSProd_popup .mgPlayerJSProd_popup-btn-wrapper .mgPlayerJSProd_cancel-btn {
margin: 0 0 0 20px;
}
.mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-neutral {
height: 35px;
border: 1px solid #acadc1;
background: #ffffff;
color: #26273b;
}
.mgPlayerJSProd_btn:hover {
background: #008dc5 !important;
}
.mgPlayerJSProd_slideshow-close-button {
position: absolute;
width: 30px;
height: 30px;
top: 15px;
right: 15px;
cursor: pointer;
z-index: 3;
}
.mgPlayerJSProd_slideshow-branch-content {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
z-index: 2;
}
.mgPlayerJSProd_slideshow-button-container {
width: 50%;
margin: auto;
min-width: 530px;
}
.mgPlayerJSProd_slideshow-branch-btn {
background-color: #121417 !important;
cursor: pointer;
display: inline-block;
height: 62px !important;
margin: 5px;
text-align: start;
text-overflow: ellipsis;
width: 260px;
max-width: 254px !important;
border-radius: 2px !important;
display: inline-flex;
align-items: center;
}
.mgPlayerJSProd_slideshow-branch-btn:hover .mgPlayerJSProd_slideshow-branch-label {
-webkit-line-clamp: 3;
}
.mgPlayerJSProd_slideshow-branch-btn:hover {
background-color: #2DA5FF !important;
width: 254px;
}
.mgPlayerJSProd_slideshow-branch-icon {
background-color: #222529;
display: inline;
border-radius: 20px;
float: left;
height: 40px;
margin: 0px 0px 0px 10px;
width: 40px;
}
.mgPlayerJSProd_slideshow-branch-icon svg {
padding-left: 6px;
padding-top: 10px;
height: 20px;
width: 25px;
}
.mgPlayerJSProd_slideshow-branch-btn:hover .mgPlayerJSProd_slideshow-branch-icon {
background-color: #0B7ED4;
}
.mgPlayerJSProd_slideshow-branch-btn:hover .mgPlayerJSProd_slideshow-branch-icon svg g {
opacity: 1;
}
.mgPlayerJSProd_slideshow-branch-label {
font-size: 14px;
margin: 0px 0px 0px 15px;
vertical-align: middle;
max-width: 160px;
line-height: 18px;
cursor: pointer;
}
.mgPlayerJSProd_slideshow-branch-heading {
text-align: center;
margin: 15px auto;
color: #ffffff;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 515px;
width: 100%;
}
.mgPlayerJSProd_wb-micro-font-family {
font-family: Trebuchet MS;
}
wmgPlayerJSProd_ {
display: block;
font-family: Arial, sans-serif;
color: #666;
float: none;
box-sizing: border-box;
text-align: left;
line-height: initial;
box-shadow: initial;
text-decoration: none;
border: none;
margin: 0;
padding: 0;
min-height: 0px;
min-width: 0px;
font-size: 13px;
word-wrap: break-word;
}
.mgPlayerJSProd_form-injector-wrapper {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2147483647;
background: #0004;
}
.mgPlayerJSProd_form-injector-wrapper-inner {
position: fixed;
top: 50%;
left: 50%;
width: 600px;
height: auto;
background: #fff;
box-shadow: 0 0 9px -3px #1d1d1d;
border: 1px solid #929292;
border-radius: 0px 8px 8px 8px;
transform: translate(-50%, -50%);
}
.mgPlayerJSProd_form-injector-header {
background-color: #26273b;
height: 55px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
width: 100%;
border-top-right-radius: 8px;
font-weight: 600;
}
.mgPlayerJSProd_form-injector-title {
color: #fff;
font-size: 17px;
}
.mgPlayerJSProd_logo-image {
width: auto;
max-width: 100px;
max-height: 40px;
display: inline-block;
}
.mgPlayerJSProd_form-injector-old-value-wrapper {
display: none;
width: 40%;
vertical-align: top;
margin: 0 15px 0 0;
}
.mgPlayerJSProd_power-form-error {
display: none;
color: #DE350B;
margin: 5px 0 0 0;
}
.mgPlayerJSProd_form-injector-old-value-title {
font-weight: 600;
margin: 0 0 15px 0;
}
.mgPlayerJSProd_form-injector-old-value {
border: 1px solid #bdbdbd;
padding: 5px;
height: auto;
opacity: 0.5;
max-height: 350px;
overflow: auto;
}
.mgPlayerJSProd_form-injector-form-container {
margin: 20px 10px;
}
.mgPlayerJSProd_form-injector-form-title {
margin: 0 0 0 20px;
font-weight: 600;
}
.mgPlayerJSProd_form-injector-form {
position: relative;
max-height: 450px;
overflow: auto;
display: inline-block;
vertical-align: top;
width: 100%;
border: none;
}
.mgPlayerJSProd_form-injector-form ul {
margin: 0px;
padding: 20px;
}
.mgPlayerJSProd_form-injector-form ul li {
margin: 10px 10px 20px 10px;
padding: 0px;
}
.mgPlayerJSProd_form-injector-form ul li select,
.mgPlayerJSProd_form-injector-form ul li input {
display: block;
vertical-align: middle;
width: 150px;
margin: 5px 0 0 0;
padding: 4px 5px;
border: 1px solid #bdbdbd;
outline: none;
border-radius: 3px;
}
.mgPlayerJSProd_form-injector-form ul li select {
padding: 5px;
height: 30px;
width: 200px;
}
.mgPlayerJSProd_form-injector-form ul li textarea {
width: 100%;
height: 50px;
display: block;
vertical-align: top;
margin: 5px 0 0 0;
resize: none;
border: 1px solid #bdbdbd;
border-radius: 3px;
}
.mgPlayerJSProd_form-injector-btns {
text-align: center;
margin: 10px 0 20px 0;
}
.mgPlayerJSProd_form-injector-btns div {
display: inline-block;
vertical-align: middle;
border-radius: 3px;
margin: 0 15px;
cursor: pointer;
}
.mgPlayerJSProd_form-injector-btns .mgPlayerJSProd_power-form-expand-icon {
width: 30px;
height: 40px;
position: absolute;
left: -30px;
top: -1px;
margin: 0;
padding: 0;
background: #fff;
border: 1px solid #929292;
border-radius: 3px 0px 1px 3px;
}
.mgPlayerJSProd_form-injector-btns .mgPlayerJSProd_power-form-expand-icon svg {
width: 14px;
height: 14px;
margin: 12px 0 0 7px;
}
.mgPlayerJSProd_showMe-player-ctrl-container {
position: absolute;
bottom: 0px;
left: 0px;
height: 45px;
}
.mgPlayerJSProd_step-thumbnail-container {
align-items: center;
height: 102px;
position: relative;
bottom: 0px;
left: 0px;
display: flex;
background: #f5f5f5;
border-radius: 0px 0px 5px 5px;
}
.mgPlayerJSProd_thumbnail-preview-wrapper {
overflow: hidden;
height: 87px;
white-space: nowrap;
}
.mgPlayerJSProd_thumbnail-preview-wrapper .mgPlayerJSProd_step-count-wrapper {
display: none !important;
width: 100%;
height: 50px;
position: absolute;
top: -50px;
left: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.mgPlayerJSProd_thumbnail-preview-wrapper .mgPlayerJSProd_step-count-wrapper .mgPlayerJSProd_step-count {
width: 86px;
height: 28px;
background: #000000;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
opacity: 0.5;
border-radius: 2px;
font-size: 11px;
}
.mgPlayerJSProd_control-thumbnail-prev {
background: red;
width: 25px;
height: 32px;
margin: 0px 5px 0px 0px;
background: var(--mg-primary);
border-radius: 0px 12px 12px 0px;
}
.mgPlayerJSProd_control-icon-prev {
width: 30px;
height: 40px;
}
.mgPlayerJSProd_control-icon-prev svg,
.mgPlayerJSProd_control-icon-next svg {
width: 100%;
height: 100%;
}
.mgPlayerJSProd_control-icon-prev svg path,
.mgPlayerJSProd_control-icon-next svg path {
fill: #666;
}
.mgPlayerJSProd_control-thumbnail-next {
width: 25px;
height: 32px;
margin: 0px 0px 0px 5px;
background: var(--mg-primary);
border-radius: 12px 0px 0px 12px;
}
.mgPlayerJSProd_control-icon-next {
width: 30px;
height: 40px;
transform: translate(-50%, -50%) rotate(180deg) !important;
}
.mgPlayerJSProd_showMe-play-ctrl-audio {
width: 20px;
height: 20px;
margin-right: 5px;
}
.mgPlayerJSProd_showMe-play-ctrl-audio .mgPlayerJSProd_player-audio-controls,
.mgPlayerJSProd_showMe-play-ctrl-audio .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-mute,
.mgPlayerJSProd_showMe-play-ctrl-audio .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-unmute {
width: 20px;
height: 20px;
}
.mgPlayerJSProd_showMe-play-ctrl-audio .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-mute svg,
.mgPlayerJSProd_showMe-play-ctrl-audio .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-unmute svg {
width: 100%;
height: 100%;
}
.mgPlayerJSProd_showMe-play-ctrl-audio .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-mute svg path,
.mgPlayerJSProd_showMe-play-ctrl-audio .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-unmute svg path {
fill: #8e8fa6;
}
.mgPlayerJSProd_step-thumbnail-container .mgPlayerJSProd_thumbnail-preview {
width: 18.822%;
height: 100%;
margin: 0px 5px;
box-shadow: 0 0 5px -3px #000;
position: relative;
}
.mgPlayerJSProd_step-thumbnail-container .mgPlayerJSProd_thumbnail-preview .mgPlayerJSProd_thumbnail-step-count {
display: none !important;
width: 61px;
height: 21px;
background: rgba(0, 48, 84, 0.69);
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
border: none;
}
/*.mgPlayerJSProd_step-thumbnail-container .mgPlayerJSProd_thumbnail-preview:hover .mgPlayerJSProd_thumbnail-step-count {
display: flex !important;
}*/
.mgPlayerJSProd_step-thumbnail-container .mgPlayerJSProd_thumbnail-preview .slideshow-thumbnail {
margin: 0 !important;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mgPlayerJSProd_step-thumbnail-container .mgPlayerJSProd_active-thumbnail {
border: 3px solid var(--mg-primary);
}
.mgPlayerJSProd_showMe-play-ctrls-wrapper {
background: #26273b;
border-radius: 0px 0px 4px 4px;
}
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-bar {
position: absolute;
top: -6px;
right: 0px;
left: 0px;
height: 6px;
background: #26273b;
}
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-bar-line {
height: 1px;
position: absolute;
bottom: 46px;
left: 0;
background: #696b83;
z-index: 2147483638;
}
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-manual .mgPlayerJSProd_showMe-play-mode .mgPlayerJSProd_icon-mode-slideshow,
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-manual .mgPlayerJSProd_showMe-play-mode .mgPlayerJSProd_icon-mode-video,
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-manual .mgPlayerJSProd_showMe-play-mode .mgPlayerJSProd_icon-mode-giphy {
width: 14px;
height: 14px;
}
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-manual .mgPlayerJSProd_showMe-play-mode .mgPlayerJSProd_icon-mode-slideshow svg,
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-manual .mgPlayerJSProd_showMe-play-mode .mgPlayerJSProd_icon-mode-video svg,
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-manual .mgPlayerJSProd_showMe-play-mode .mgPlayerJSProd_icon-mode-giphy svg {
width: 100%;
height: 100%;
}
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-autoplay-wrapper {
min-width: 110px;
max-width: 220px;
height: 50px;
display: flex;
align-items: center;
position: absolute;
top: 50%;
right: 0px;
transform: translate(0%, -50%);
}
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-autoplay-wrapper .mgPlayerJSProd_label-autoplay {
font-size: 11px;
white-space: nowrap;
}
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-autoplay-wrapper .mgPlayerJSProd_btn-autoplay-on,
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-autoplay-wrapper .mgPlayerJSProd_btn-autoplay-off {
width: 70px;
height: 19px;
border: 1px solid #ffffff;
border-radius: 30px;
padding: 2px;
}
.mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-autoplay-wrapper .mgPlayerJSProd_btn-autoplay-on {
border-color: var(--mg-primary);
color: var(--mg-primary) !important;
}
.mgPlayerJSProd_showMe-play-mode {
width: 85px;
height: 45px;
color: #ffffff;
text-align: center;
}
.mgPlayerJSProd_showMe-player-active-mode {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4NScgaGVpZ2h0PSc0Mycgdmlld0JveD0nMCAwIDg1IDQzJz4NCgk8cGF0aCBkPSdNMCAwSDgxLjA5MTNDNzcuOTY4MiA0LjY0MjU4IDc2LjQwNjYgOS45NzU5MSA3Ni40MDY2IDE2Qzc2LjQwNjYgMjIuMDI0MSA3Ni40MDY2IDI0LjYyNTkgNzYuNDA2NiAyMy44MDU0Qzc2LjQwNjYgMzEuNjQ0OSA3MC4wNTE1IDM4IDYyLjIxMiAzOEgxNy44NDE4QzEwLjAwMjQgMzggMy42NDcyNSAzMS42NDQ5IDMuNjQ3MjUgMjMuODA1NEMzLjY0NzI1IDIzLjgwNTQgMy42NDcyNSAyMS4yMDM2IDMuNjQ3MjUgMTZDMy42NDcyNSAxMC43OTY0IDIuNDMxNSA1LjQ2MzA0IDAgMFonIGZpbGw9J3JnYig2OSwgNjksIDk2KScvPg0KPC9zdmc+DQo=") !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.mgPlayerJSProd_slideshow_drag_over {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 1;
display: none;
}
.mgPlayerJSProd_overlay-tours-popup {
position: fixed;
background: #ffffff;
top: 50%;
left: 50%;
box-shadow: 0 0 18px 1px #373737;
max-width: 95%;
margin: 0;
transform: translate(-50%, -50%);
z-index: 2147483647;
text-align: center;
height: 330px;
border-radius: 10px;
}
/*Notification CSS Start*/
.mgPlayerJSProd_notification-panel {
position: fixed;
height: 81%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
transition: none;
background: rgba(0, 0, 0, 0.1);
border-radius: 4px;
z-index: 2147483647;
}
.mgPlayerJSProd_push-notification-container {
width: 520px !important;
min-width: 520px !important;
min-height: 250px;
height: auto !important;
border-radius: 10px;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
max-width: calc(100% - 125px);
max-height: 90%;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-header {
background: var(--mg-primary);
height: 55px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
width: 100%;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-header .mgPlayerJSProd_push-notification-title {
color: white;
font-size: 18px;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-header .mgPlayerJSProd_push-notification-brand-logo {
margin: 0;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-header .mgPlayerJSProd_push-notification-brand-logo .mgPlayerJSProd_logo-image {
width: auto;
max-width: 100px;
max-height: 40px;
display: inline-block;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper {
height: calc(100% - 180px);
background: #dfe0e7;
padding: 20px;
min-height: 100px;
display: flex;
align-items: center;
justify-content: center;
width: calc(100% - 30px);
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper:hover {
background-color: #6f708b;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_push-notification-guide-info-wrapper {
width: 420px;
background-color: transparent;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_push-notification-guide-info-wrapper .mgPlayerJSProd_push-notification-guide-info-overlay {
display: none;
top: 0px;
left: 0px;
height: 35px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2147483646;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper:hover .mgPlayerJSProd_push-notification-guide-info-wrapper .mgPlayerJSProd_push-notification-guide-info-overlay {
display: block;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper:hover .mgPlayerJSProd_push-notification-guide-info-wrapper .mgPlayerJSProd_push-notification-guide-info-overlay .mgPlayerJSProd_push-play-icon {
width: max-content;
height: 35px;
max-width: 260px;
min-width: 100px;
position: relative;
background: var(--mg-primary);
border-radius: 30px;
padding: 0px 0px 0px 15px;
color: #ffffff;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper:hover .mgPlayerJSProd_push-notification-guide-info-wrapper .mgPlayerJSProd_push-notification-guide-info-overlay .mgPlayerJSProd_push-play-icon:hover {
background: var(--mg-primary-btn-hover);
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper:hover .mgPlayerJSProd_push-notification-guide-info-wrapper .mgPlayerJSProd_push-notification-guide-info-overlay .mgPlayerJSProd_push-play-icon svg {
width: 9px;
height: 13px;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_push-notification-guide-info-wrapper .mgPlayerJSProd_push-notification-guide-title {
height: auto;
max-height: 185px;
font-size: 27px;
color: #000000;
opacity: 0.7;
font-weight: bold;
text-align: center;
overflow: auto;
margin: 0;
vertical-align: middle;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_push-notification-guide-info-wrapper .mgPlayerJSProd_push-notification-guide-title::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
border-radius: 10px !important;
background-color: #F5F5F5 !important;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_push-notification-guide-info-wrapper .mgPlayerJSProd_push-notification-guide-title::-webkit-scrollbar {
width: 7px !important;
background-color: #F5F5F5 !important;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_push-notification-guide-info-wrapper .mgPlayerJSProd_push-notification-guide-title::-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
background-color: #b3b3b3 !important;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_multi-push-carousels-wrapper {
width: 100%;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_multi-push-carousel {
width: 12px;
height: 12px;
background: #0078D4;
border-radius: 50%;
margin: 0px 5px;
cursor: pointer;
opacity: 0.3;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_multi-push-carousel-active {
opacity: 1;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-btn-wrapper {
width: 100%;
align-items: center;
padding: 0 20px;
height: 70px;
display: flex;
justify-content: space-between;
position: absolute;
left: 0;
bottom: 0;
background: #ffffff;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-btn-wrapper .mgPlayerJSProd_notification-common-btn {
display: flex;
align-items: center;
justify-content: center;
background: #FFFFFF;
box-sizing: border-box;
border-radius: 4px;
text-transform: capitalize;
font-weight: bold;
cursor: pointer;
margin: 0;
color: #7d7d7d;
border: none;
height: 40px !important;
max-width: 250px !important;
padding: 8px 16px;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-btn-wrapper .mgPlayerJSProd_notification-common-btn:hover {
color: var(--mg-primary-btn-hover);
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_close-preview-btn {
box-sizing: border-box;
cursor: pointer;
height: 40px;
width: 40px;
padding-top: 9px;
position: fixed;
background: transparent;
top: -20px;
margin: 0px 15px;
padding-left: 10px;
border: none;
display: block;
right: -60px;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_close-preview-btn svg {
width: 16px;
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_close-preview-btn svg polygon {
fill: #ffffff;
}
/*Notification CSS Multi Guides Start*/
/*.mgPlayerJSProd_push-notification-multi-guides {
height: 427px;
}*/
.mgPlayerJSProd_push-notification-multi-guides .mgPlayerJSProd_btn-prev {
position: absolute;
top: 50%;
left: -40px;
border: 50%;
border-radius: 50%;
display: flex;
height: 30px;
width: 30px;
transform: none;
background-color: transparent;
cursor: pointer;
}
.mgPlayerJSProd_push-notification-multi-guides .mgPlayerJSProd_btn-next {
position: absolute;
top: 50%;
right: -40px;
border: 50%;
border-radius: 50%;
display: flex;
height: 30px;
width: 30px;
transform: rotate(180deg);
background-color: transparent;
cursor: pointer;
}
.mgPlayerJSProd_push-notification-video-container .mgPlayerJSProd_btn-prev {
position: absolute;
top: 50%;
left: -40px;
border: 50%;
border-radius: 50%;
display: flex;
height: 30px;
width: 30px;
transform: none;
background-color: transparent;
cursor: pointer;
}
.mgPlayerJSProd_push-notification-video-container .mgPlayerJSProd_btn-next {
position: absolute;
top: 50%;
right: -40px;
border: 50%;
border-radius: 50%;
display: flex;
height: 30px;
width: 30px;
transform: rotate(180deg);
background-color: transparent;
cursor: pointer;
}
.mgPlayerJSProd_push-notification-multi-guides .mgPlayerJSProd_btn-prev svg,
.mgPlayerJSProd_push-notification-multi-guides .mgPlayerJSProd_btn-next svg {
position: absolute;
top: 50%;
left: 45%;
transform: translate(-50%, -50%);
}
.mgPlayerJSProd_push-notification-container .mgPlayerJSProd_multi-guide-content-wrapper {
height: 292px;
padding: 20px 20px 32px 20px;
}
.mgPlayerJSProd_push-preview-tooltip {
width: 175px;
background: rgba(60, 64, 67, 0.9);
font-size: 12px;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 4px 8px;
position: absolute;
letter-spacing: 0.8px;
z-index: 1000;
transition: opacity 0.3s;
display: block;
top: 40px;
left: 50%;
transform: translate(-50%, 0);
}
/*Notification CSS Multi Guides End*/
/*Video Notification Start*/
.mgPlayerJSProd_push-notification-video-container {
height: 452px;
min-height: 510px !important;
}
.mgPlayerJSProd_push-notification-video-container .mgPlayerJSProd_video-content-wrapper .mgPlayerJSProd_push-notification-video-title {
display: flex;
padding: 0 0 0 15px;
align-items: center;
font-weight: 500;
font-size: 16px;
width: 100%;
height: 40px;
background: #FFFFFF;
color: #5e5e5e;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 10px 0;
}
.mgPlayerJSProd_push-notification-video-container .mgPlayerJSProd_video-content-wrapper {
display: flex;
flex-direction: column;
}
.mgPlayerJSProd_push-notification-video-container .mgPlayerJSProd_push-notification-content-wrapper:hover {
background-color: #F2F3F5;
}
.mgPlayerJSProd_push-notification-video-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_video-info-wrapper {
height: 100%;
width: 100%;
cursor: default;
}
.mgPlayerJSProd_push-notification-video-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_video-info-wrapper video,
.mgPlayerJSProd_push-notif-tg-image {
width: 100%;
height: 100%;
object-fit: contain;
background: rgba(38, 39, 59, 0.4);
}
/*Video Notification End*/
.mgPlayerJSProd_push-notif-tg-bg {
background: #45465F;
}
.mgPlayerJSProd_push-notification-tg-container {
width: 500px !important;
height: calc(100vh - 100px) !important;
border-radius: 10px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
min-width: 360px !important;
min-height: 578px !important;
max-width: 100% !important;
max-height: 100% !important;
}
.mgPlayerJSProd_push-notification-tg-container .mgPlayerJSProd_push-notification-header {
padding: 20px;
}
.mgPlayerJSProd_push-notification-tg-container .mgPlayerJSProd_push-notification-header .mgPlayerJSProd_push-notification-title {
display: flex;
align-items: center;
}
.mgPlayerJSProd_push-notification-tg-container .mgPlayerJSProd_push-notification-header .mgPlayerJSProd_push-notification-title svg {
margin: 0px 10px 0px 0px;
}
.mgPlayerJSProd_push-notif-tg-content-wrapper {
width: 100%;
height: 100%;
min-height: 170px;
overflow: auto;
font-size: 14px;
line-height: 22px;
padding: 20px;
color: #ffffff;
}
.mgPlayerJSProd_tg-close-btn {
height: 40px;
width: 40px;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.mgPlayerJSProd_tg-close-btn svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
fill: #8E90A5;
opacity: 0.8;
}
.mgPlayerJSProd_tg-close-btn svg:hover {
opacity: 1;
}
.mgPlayerJSProd_push-notif-tg-content-wrapper p {
margin: 0px;
}
.mgPlayerJSProd_push-notif-tg-content-wrapper ul,
.mgPlayerJSProd_push-notif-tg-content-wrapper ol {
padding: 0px 0px 0px 20px;
}
.mgPlayerJSProd_push-notif-tg-content-wrapper.mgPlayerJSProd_min-content-wrapper {
height: auto;
padding: 0px 20px;
}
.mgPlayerJSProd_push-notif-tg-content-wrapper::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
border-radius: 10px !important;
background-color: #45465F !important;
}
.mgPlayerJSProd_push-notif-tg-content-wrapper::-webkit-scrollbar {
width: 7px !important;
background-color: #45465F !important;
border-radius: 5px;
}
.mgPlayerJSProd_push-notif-tg-content-wrapper::-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
background-color: #b3b3b3 !important;
}
.mgPlayerJSProd_push-notif-tg-btn-wrapper {
width: 100%;
min-height: 55px;
max-height: 110px;
padding: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mgPlayerJSProd_push-notif-tg-btn-wrapper .mgPlayerJSProd_btn-prev-step,
.mgPlayerJSProd_push-notif-tg-btn-wrapper .mgPlayerJSProd_btn-next-step {
font-family: Arial, sans-serif;
text-align: center;
font-weight: normal;
color: #ffffff;
cursor: pointer;
font-size: 14px;
transition: all 0.3s;
background: var(--mg-primary);
border: 1px solid var(--mg-primary);
outline: none;
padding: 0px 10px;
margin: 0px 10px;
border-radius: 4px;
text-transform: capitalize;
box-sizing: border-box;
align-self: center;
}
.mgPlayerJSProd_push-notif-tg-btn-wrapper .mgPlayerJSProd_step-count-wrapper {
width: 75px;
height: 30px;
background: #26283B;
border-radius: 40px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
}
.mgPlayerJSProd_push-notification-tg-container .mgPlayerJSProd_video-content-wrapper {
width: 100%;
height: 100% !important;
margin: 0px;
padding: 0px;
}
.mgPlayerJSProd_push-notification-tg-container .mgPlayerJSProd_video-content-wrapper .mgPlayerJSProd_video-info-wrapper,
.mgPlayerJSProd_push-notification-tg-container .mgPlayerJSProd_video-content-wrapper .mgPlayerJSProd_img-info-wrapper {
width: 100%;
height: 452px;
min-height: 300px;
padding: 20px;
}
/*Notification CSS End*/
/*Video Player CSS Start*/
.mgPlayerJSProd_video-panel {
display: inline-flex;
justify-content: space-between;
flex-direction: column;
position: absolute;
height: 650px;
width: 850px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: none;
background: white;
font-family: Arial, sans-serif;
border-radius: 5px;
z-index: 2147483647;
}
.mgPlayerJSProd_video-panel-header {
display: flex;
align-items: center;
justify-content: space-between;
height: 50px;
padding: 10px 10px 10px 18px;
}
.mgPlayerJSProd_video-panel-header-labels {
display: inline-block;
width: calc(100% - 60px);
}
.mgPlayerJSProd_video-panel-header-close {
display: flex;
align-items: center;
justify-content: center;
}
.mgPlayerJSProd_video-panel-header-title {
font-size: 15px;
font-weight: 600;
padding: 2px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mgPlayerJSProd_video-panel-header-desc {
font-size: 12px;
padding: 2px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mgPlayerJSProd_video-panel-header-title:hover .mgPlayerJSProd_title-tooltip-wrapper,
.mgPlayerJSProd_video-panel-header-desc:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.mgPlayerJSProd_video-panel-header-title .mgPlayerJSProd_title-tooltip-wrapper,
.mgPlayerJSProd_video-panel-header-desc .mgPlayerJSProd_title-tooltip-wrapper {
max-width: 340px !important;
max-height: 150px !important;
}
.mgPlayerJSProd_video-panel-header-title .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title,
.mgPlayerJSProd_video-panel-header-desc .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title {
white-space: normal;
}
.mgPlayerJSProd_video-panel-header-title .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_overflow::-webkit-scrollbar,
.mgPlayerJSProd_video-panel-header-desc .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_overflow::-webkit-scrollbar {
width: 6px !important;
}
.mgPlayerJSProd_video-panel-controls {
display: flex;
justify-content: end;
}
.mgPlayerJSProd_video-panel-iframe-wrapper {
position: relative;
display: block;
height: 70%;
width: 92%;
margin-left: 4%;
cursor: pointer;
}
.mgPlayerJSProd_max-button-image,
.mgPlayerJSProd_max-button-image span,
.mgPlayerJSProd_audio-button-image,
.mgPlayerJSProd_audio-button-image span,
.mgPlayerJSProd_close-button-video,
.mgPlayerJSProd_close-button-video span {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 9999999;
}
.mgPlayerJSProd_video-step-popup-footer {
padding: 15px;
}
.mgPlayerJSProd_video-step-popup-footer .mgPlayerJSProd_play-video-step-navigation {
width: 100%;
pointer-events: initial;
}
.mgPlayerJSProd_video-step-popup-footer .mgPlayerJSProd_play-video-step-navigation .mgPlayerJSProd_play-step-prev,
.mgPlayerJSProd_video-step-popup-footer .mgPlayerJSProd_play-video-step-navigation .mgPlayerJSProd_play-step-next {
min-width: 50px;
max-width: 85px;
height: 28px;
font-family: arial;
font-size: 14px !important;
border-radius: 4px;
padding: 5px;
line-height: unset;
line-height: normal;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
}
.mgPlayerJSProd_video-step-popup-footer .mgPlayerJSProd_play-video-step-navigation .mgPlayerJSProd_play-step-prev {
border: 1px solid #c3c3c9;
background: #fff;
}
.mgPlayerJSProd_video-step-popup-footer .mgPlayerJSProd_play-video-step-navigation .mgPlayerJSProd_play-step-next {
border: 1px solid #0078d4;
background: #0078d4;
color: #fff;
margin: 0 0 0 5px;
}
.mgPlayerJSProd_video-step-popup-footer .mgPlayerJSProd_play-video-step-navigation .popup-classic-design-navigation-prev,
.mgPlayerJSProd_video-step-popup-footer .mgPlayerJSProd_play-video-step-navigation .mgPlayerJSProd_popup-classic-navigation-next {
display: flex;
align-items: center;
justify-content: center;
width: 17%;
min-width: 16%;
max-width: 17%;
height: 30px;
border-radius: 0px;
cursor: pointer;
font-size: 17px;
color: #333;
background: #fff;
box-sizing: border-box;
border: none !important;
}
.mgPlayerJSProd_video-step-popup-footer .mgPlayerJSProd_play-video-step-navigation .popup-classic-design-navigation-prev svg,
.mgPlayerJSProd_video-step-popup-footer .mgPlayerJSProd_play-video-step-navigation .mgPlayerJSProd_popup-classic-navigation-next svg {
width: 12px;
height: 12px;
margin: 0 4px 0 4px;
}
.mgPlayerJSProd_video-step-popup-footer .mgPlayerJSProd_play-video-step-navigation .mgPlayerJSProd_popup-classic-navigation-next {
margin: 0px 0px 0px 5px;
}
.mgPlayerJSProd_video-iframe-overlay {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: rgba(0, 0, 0, 0.8);
}
.mgPlayerJSProd_video-iframe-overlay svg {
width: 45px !important;
height: 45px !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mgPlayerJSProd_video-panel-iframe-wrapper:hover .mgPlayerJSProd_video-iframe-overlay {
display: block;
}
.mgPlayerJSProd_video-panel-iframe-wrapper:hover #mgPlayerJSProd_step-video-container {
display: block;
opacity: 0.5;
}
#mgPlayerJSProd_step-video-container {
position: relative;
opacity: 1;
margin: 0px;
width: 100%;
border: 1px solid #e9e9e9;
}
.mgPlayerJSProd_max-button-image svg,
.mgPlayerJSProd_audio-button-image svg,
.mgPlayerJSProd_close-button-video svg {
width: 12px;
}
/*Video Player CSS End*/
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_task-list-go-back-container {
background: #F5F5F5;
margin: 1px 0;
padding: 0px 15px;
height: 45px;
border-bottom: 1px solid #E6E6E6;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_task-list-go-back-container .mgPlayerJSProd_task-back-btn {
padding: 14px !important;
width: 30px !important;
height: 30px !important;
cursor: pointer;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_task-list-go-back-container .mgPlayerJSProd_task-back-btn:hover .mgPlayerJSProd_title-tooltip-wrapper {
top: 45px;
left: 5px;
font-weight: normal !important;
display: block !important;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_task-list-go-back-container .mgPlayerJSProd_task-back-btn svg {
width: 12px;
height: 14px;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_task-list-go-back-container .mgPlayerJSProd_task-back-btn svg path {
fill: #555555;
transition: all 0.3s;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_task-list-go-back-container .mgPlayerJSProd_task-list-header-title {
color: #555555;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_progress-details-container {
background: #ffffff;
box-shadow: 0px 2px 2px 0px rgba(33, 34, 38, 0.24);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_progress-details-container.mgPlayerJSProd_progress-alignment {
padding: 15px 10px !important;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_progress-details-container .mgPlayerJSProd_task-header-details .mgPlayerJSProd_task-count {
color: #555555 !important;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_progress-details-container .mgPlayerJSProd_task-header-details .mgPlayerJSProd_task-list-header-title {
text-overflow: ellipsis;
width: 260px;
overflow: hidden;
white-space: nowrap;
color: #26273B !important;
font-weight: 700;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_task-list-mg-logo svg {
height: 45px;
width: 133px;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_close-container {
position: absolute;
top: 15px;
right: 15px;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_close-container .mgPlayerJSProd_task-list-close {
width: 15px;
height: 15px;
cursor: pointer;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_close-container .mgPlayerJSProd_task-list-close svg {
width: 15px;
height: 15px;
fill: white;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_close-container .mgPlayerJSProd_task-list-close svg path {
fill: rgba(255, 255, 255, 0.5);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_close-container .mgPlayerJSProd_task-list-close span {
width: 21px;
height: 14px;
font-family: Arial;
font-size: 12px;
color: #ffffff;
text-decoration: none solid #ffffff;
text-align: center;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-label-name {
height: 32px;
font-family: Arial;
font-size: 20px;
color: #ffffff;
text-decoration: none solid #ffffff;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container {
padding-bottom: 10px;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_assignment-box {
padding: 10px;
margin: 10px 15px;
border-bottom: 1px solid #E6E6E6;
box-sizing: border-box;
border-radius: 6px;
cursor: pointer;
width: calc(100% - 30px);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_assignment-box .mgPlayerJSProd_task-list-icon {
width: 40px;
height: 40px;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_assignment-box .mgPlayerJSProd_task-list-icon svg {
fill: var(--mg-primary);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_assignment-box .mgPlayerJSProd_category-icon svg rect {
fill: #EBF7F5 !important;
stroke: var(--mg-primary) !important;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_assignment-box .mgPlayerJSProd_category-icon svg path {
fill: var(--mg-primary) !important;
stroke: var(--mg-primary) !important;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_assignment-box .mgPlayerJSProd_assign-content-wrapper {
display: inline-block;
vertical-align: top;
width: 260px;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_assignment-box .mgPlayerJSProd_assign-content-wrapper .mgPlayerJSProd_assign-title {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 22px;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box {
padding: 10px;
margin: 0 15px 0px 30px;
border-bottom: 1px solid #E6E6E6;
box-sizing: border-box;
border-radius: 6px;
cursor: pointer;
width: calc(100% - 45px);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box.mgPlayerJSProd_chapter-box-folder {
margin: 10px 15px 15px 30px;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box.mgPlayerJSProd_chapter-box-folder-guide {
margin: 10px 15px 5px 30px;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_category-icon svg rect {
fill: var(--mg-primary-hover) !important;
stroke: var(--mg-primary);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_category-icon svg path {
fill: var(--mg-primary);
stroke: var(--mg-primary);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_published-tour-icon svg path {
fill: var(--mg-primary);
stroke: var(--mg-primary);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_published-tour-icon svg rect {
stroke: var(--mg-primary);
fill: var(--mg-primary-hover) !important;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_chapter-content-wrapper .mgPlayerJSProd_chapter-title {
font-size: 14px;
text-overflow: ellipsis;
width: 210px;
overflow: hidden;
white-space: nowrap;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_chapter-content-wrapper .mgPlayerJSProd_guide-play-icon-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper {
top: 50px;
font-weight: normal !important;
display: block !important;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_guide-complete-wrapper .mgPlayerJSProd_guide-complete-icon svg {
width: 15px;
height: 15px;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_guide-complete-wrapper .mgPlayerJSProd_guide-complete-icon svg path {
fill: var(--mg-primary);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle {
margin: 15px;
position: relative;
padding: 0;
width: 5em;
height: 5em;
background-color: #e6e6e6;
border-radius: 50%;
line-height: 5em;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p0 .mgPlayerJSProd_task-prog-value-bar {
display: none;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p1 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(4deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p2 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(7deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p3 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(11deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p4 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(14deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p5 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(18deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p6 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(22deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p7 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(25deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p8 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(29deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p9 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(32deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p10 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(36deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p11 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(40deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p12 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(43deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p13 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(47deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p14 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(50deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p15 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(54deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p16 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(58deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p17 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(61deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p18 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(65deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p19 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(68deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p20 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(72deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p21 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(76deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p22 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(79deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p23 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(83deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p24 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(86deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p25 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(90deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p26 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(94deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p27 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(97deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p28 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(101deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p29 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(104deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p30 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(108deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p31 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(112deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p32 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(115deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p33 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(119deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p34 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(122deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p35 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(126deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p36 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(130deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p37 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(133deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p38 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(137deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p39 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(140deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p40 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(144deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p41 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(148deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p42 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(151deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p43 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(155deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p44 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(158deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p45 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(162deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p46 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(166deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p47 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(169deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p48 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(173deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p49 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(176deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p50 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(180deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p51 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(184deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p52 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(187deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p53 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(191deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p54 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(194deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p55 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(198deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p56 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(202deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p57 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(205deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p58 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(209deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p59 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(212deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p60 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(216deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p61 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(220deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p62 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(223deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p63 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(227deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p64 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(230deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p65 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(234deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p66 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(238deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p67 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(241deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p68 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(245deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p69 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(248deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p70 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(252deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p71 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(256deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p72 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(259deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p73 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(263deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p74 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(266deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p75 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(270deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p76 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(274deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p77 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(277deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p78 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(281deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p79 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(284deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p80 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(288deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p81 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(292deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p82 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(295deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p83 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(299deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p84 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(302deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p85 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(306deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p86 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(310deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p87 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(313deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p88 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(317deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p89 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(320deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p90 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(324deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p91 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(328deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p92 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(331deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p93 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(335deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p94 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(338deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p95 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(342deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p96 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(346deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p97 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(349deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p98 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(353deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p99 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(356deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.p100 .mgPlayerJSProd_task-prog-value-bar {
transform: rotate(360deg);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.over50 .mgPlayerJSProd_task-prog-left-half-clipper {
clip: rect(auto, auto, auto, auto);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.over50 .mgPlayerJSProd_task-prog-first50-bar {
position: absolute;
clip: rect(0, 5em, 5em, 2.5em);
background-color: var(--mg-primary);
border-radius: 50%;
width: 5em;
height: 5em;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle:not(.over50) .mgPlayerJSProd_task-prog-first50-bar {
display: none;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle:after {
border: none;
position: absolute;
top: 10px;
left: 10px;
text-align: center;
display: block;
border-radius: 50%;
width: 45px;
height: 45px;
background-color: #ffffff;
content: " ";
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle span {
position: absolute;
width: 4em;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #000000;
font-weight: 600;
z-index: 2;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle .mgPlayerJSProd_task-prog-left-half-clipper {
border-radius: 50%;
width: 5em;
height: 5em;
position: absolute;
clip: rect(0, 5em, 5em, 2.5em);
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle .mgPlayerJSProd_task-prog-left-half-clipper .mgPlayerJSProd_task-prog-value-bar {
position: absolute;
clip: rect(0, 2.5em, 5em, 0);
width: 5em;
height: 5em;
border-radius: 50%;
border: 10px solid var(--mg-primary);
box-sizing: border-box;
}
.mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-progress-circle.mgPlayerJSProd_task-progress-circle-mplayer {
margin: 5px !important;
transform: scale(0.8);
}
.mgPlayerJSProd_media-player-panel {
position: fixed;
width: 903px;
height: 572px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: none;
background: #26283c;
border-radius: 4px;
z-index: 2147483647;
min-width: 700px;
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-panel-inner {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-panel-inner .mgPlayerJSProd_options-floating {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
right: 10px;
bottom: 30px;
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-panel-inner .mgPlayerJSProd_options-floating .mgPlayerJSProd_floating-btn {
width: 40px;
height: 40px;
margin: 7px 0;
background: var(--mg-primary);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
cursor: pointer;
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-header {
height: 50px;
background: #41415b;
border-radius: 4px 4px 0 0;
padding: 2px 15px;
display: flex;
align-items: center;
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-header div {
display: flex;
align-items: center;
color: rgba(255, 255, 255, 0.8);
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-header .mgPlayerJSProd_header-separator {
margin: 0 4px;
color: rgba(255, 255, 255, 0.4);
/* width: 1px; */
/* height: 24px; */
/* border-right: solid 1px rgba(255, 255, 255, 0.4);*/
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-header .mgPlayerJSProd_media-player-text-box {
padding: 4px 8px;
margin: 0 4px;
border-radius: 4px;
background-color: #737394;
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-header .mgPlayerJSProd_media-player-text-box .mgPlayerJSProd_media-player-zoom-text,
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-header .mgPlayerJSProd_media-player-text-box .mgPlayerJSProd_media-player-page-cnt-text {
font-size: 14px;
color: #ffffff;
min-width: 30px;
justify-content: flex-end;
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-header .mgPlayerJSProd_media-player-btn {
margin: 0 5px;
border-radius: 50%;
cursor: pointer;
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-header .mgPlayerJSProd_media-player-btn.mgPlayerJSProd_btn-rotate {
transform: rotate(180deg);
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-header .mgPlayerJSProd_media-player-btn svg path {
fill: rgba(255, 255, 255, 0.8) !important;
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-header .mgPlayerJSProd_media-player-btn:hover {
background: #4f4f6c;
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-main {
width: 100%;
height: 92%;
position: fixed;
background: #26283c;
outline: none;
border-radius: 0px 0px 4px 4px;
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-main .mgPlayerJSProd_media-player-wrapper-div {
margin: 16px 70px 29px;
width: 88%;
height: 91%;
position: relative;
outline: none;
text-align: center;
overflow: auto;
display: flex;
justify-content: center;
align-items: center;
}
.mgPlayerJSProd_media-player-panel .mgPlayerJSProd_media-player-main .mgPlayerJSProd_media-player-wrapper-div canvas {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.mgPlayerJSProd_pdf-image-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mgPlayerJSProd_pdf-image-spinner img {
width: 150px;
height: 150px;
}
.mgPlayerJSProd_media-player-header-title {
height: 45px;
flex: 1;
}
.mgPlayerJSProd_custom-radio-switch-wrapper {
display: inline-flex;
align-items: center;
overflow: hidden;
}
.mgPlayerJSProd_custom-radio-switch-wrapper input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}
.mgPlayerJSProd_custom-radio-switch-wrapper input:checked + label {
background-color: var(--mg-primary);
box-shadow: none;
color: #fff;
}
.mgPlayerJSProd_custom-radio-switch-wrapper label {
background-color: #e4e4e4;
line-height: 1;
text-align: center;
padding: 5px 8px;
margin-right: -1px;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
transition: all 0.1s ease-in-out;
}
.mgPlayerJSProd_custom-radio-switch-wrapper label:hover {
cursor: pointer;
}
.mgPlayerJSProd_custom-radio-switch-wrapper label:first-of-type {
border-radius: 4px 0 0 4px;
}
.mgPlayerJSProd_custom-radio-switch-wrapper label:last-of-type {
border-radius: 0 6px 6px 0;
}
.mgPlayerJSProd_overlay-guide-content-wrapper {
background: #e5eff7;
}
.mgPlayerJSProd_overlay-guide-content-wrapper .mgPlayerJSProd_guide-video-wrapper {
text-align: center;
}
.mgPlayerJSProd_overlay-guide-content-wrapper .mgPlayerJSProd_guide-video-wrapper video {
width: 460px;
margin: 0 10px;
}
.mgPlayerJSProd_wb-overlay-container-logo {
display: inline-block;
margin: 10px 0px;
width: 100px;
height: 40px;
}
.mgPlayerJSProd_wb-overlay-container-logo img {
width: auto;
max-width: 100px;
max-height: 40px;
}
.mgPlayerJSProd_overlay-guide-box .mgPlayerJSProd_overlay-guide-title {
width: 90%;
height: auto;
min-height: 30px;
max-height: 155px;
font-size: 27px;
color: #0F2246;
font-weight: 550;
margin: 0px auto 15px auto;
text-align: center;
overflow: auto;
}
.mgPlayerJSProd_overlay-guide-box .mgPlayerJSProd_overlay-guide-title::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
border-radius: 10px !important;
background-color: #F5F5F5 !important;
}
.mgPlayerJSProd_overlay-guide-box .mgPlayerJSProd_overlay-guide-title::-webkit-scrollbar {
width: 7px !important;
background-color: #F5F5F5 !important;
}
.mgPlayerJSProd_overlay-guide-box .mgPlayerJSProd_overlay-guide-title::-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
background-color: #b3b3b3 !important;
}
.mgPlayerJSProd_overlay-guide-box .mgPlayerJSProd_overlay-single-guide-play-icon {
text-align: center;
padding: 0px 0px 30px 0px;
}
.mgPlayerJSProd_overlay-guide-box .mgPlayerJSProd_overlay-single-guide-play-icon .mgPlayerJSProd_single-guide-play-icon {
text-align: center;
width: 75px;
height: 75px;
cursor: pointer;
display: inline-block;
}
.mgPlayerJSProd_overlay-guide-box .mgPlayerJSProd_overlay-single-guide-play-icon .mgPlayerJSProd_single-guide-play-icon svg {
width: 74px;
height: 75px;
cursor: pointer;
border-radius: 50%;
vertical-align: middle;
pointer-events: none;
}
.mgPlayerJSProd_overlay-guide-box .mgPlayerJSProd_overlay-single-guide-play-icon .mgPlayerJSProd_single-guide-play-icon:hover svg use {
stroke: #0078d4;
}
.mgPlayerJSProd_overlay-guide-box .mgPlayerJSProd_overlay-single-guide-play-icon .mgPlayerJSProd_single-guide-play-icon:hover svg #shape-combined,
.mgPlayerJSProd_overlay-guide-box .mgPlayerJSProd_overlay-single-guide-play-icon .mgPlayerJSProd_single-guide-play-icon:hover svg #shape-combined-np {
fill: #0078d4;
}
.mgPlayerJSProd_overlay-tours-popup .mgPlayerJSProd_content-wrapper {
height: 320px;
padding: 0 7px 0 0;
margin: 10px 5px 15px 0px;
line-height: initial;
line-height: normal;
font-size: 17px;
overflow: auto;
text-align: center;
}
.mgPlayerJSProd_overlay-tours-popup.mgPlayerJSProd_noti-tours-popup {
background: #e5eff7;
height: 400px;
width: 680px;
}
.mgPlayerJSProd_noti-popup-left {
float: left;
height: 84%;
background: white;
border-top-left-radius: 4px;
width: 49%;
}
.mgPlayerJSProd_noti-popup-right {
width: 51%;
display: inline-block;
float: right;
background: #e5eff7;
height: 100%;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.mgPlayerJSProd_overlay-container-name {
display: inline-block;
position: absolute;
top: 20px;
color: #0f2246;
font-weight: bold;
font-size: 15px;
}
.mgPlayerJSProd_overlay-single-tour-popup {
height: auto;
width: 500px !important;
padding: 10px;
}
.mgPlayerJSProd_overlay-tours-popup .mgPlayerJSProd_overlay-single-guide-content-wrapper {
float: left;
height: auto;
position: relative;
width: 100%;
}
.mgPlayerJSProd_overlay-tours-popup.mgPlayerJSProd_notifcation-popup .mgPlayerJSProd_notification-content {
padding: 15px;
margin: 40px 15px 45px 15px;
height: 235px;
max-height: 235px;
border: 1px solid darkgrey;
border-radius: 2px;
overflow-y: auto;
}
.mgPlayerJSProd_overlay-tours-popup.mgPlayerJSProd_notifcation-popup .mgPlayerJSProd_close-button {
top: 5px;
right: 10px;
}
.mgPlayerJSProd_overlay-tours-popup .mgPlayerJSProd_overlay-content-wrapper {
position: relative;
background: white;
float: left;
width: 100%;
height: 100%;
padding: 15px 15px 20px 15px;
border-radius: 4px 0px 0px 4px;
}
.mgPlayerJSProd_overlay-tours-popup .mgPlayerJSProd_overlay-content-wrapper .mgPlayerJSProd_overlay-header-title {
color: #0F2246;
font-weight: normal;
text-align: center;
font-size: 18px;
margin: 0px 0px 25px;
}
.mgPlayerJSProd_overlay-tours-popup .mgPlayerJSProd_overlay-content-wrapper .mgPlayerJSProd_overlay-guide-label {
font-size: 11px;
text-align: center;
color: #0F2246;
}
.mgPlayerJSProd_overlay-tours-popup .mgPlayerJSProd_overlay-content-wrapper .mgPlayerJSProd_overlay-guide-label span {
font-weight: 550;
}
.mgPlayerJSProd_overlay-thumbnails-wrapper {
text-align: center;
background: #e5eff7;
margin-top: 56px;
}
.mgPlayerJSProd_wb-overlay-single-thumbnail-wrapper {
margin: 0 0 10px 0;
text-align: left;
}
.mgPlayerJSProd_overlay-thumbnails-wrapper .mgPlayerJSProd_wb-never-show-again {
text-align: left;
margin-top: 0px;
text-transform: uppercase;
font-weight: 550;
display: inline-block;
margin: 14px 15px 10px 10px;
cursor: pointer;
}
.mgPlayerJSProd_overlay-guide-content-wrapper .mgPlayerJSProd_guide-video-wrapper {
text-align: center;
}
.mgPlayerJSProd_overlay-guide-content-wrapper .mgPlayerJSProd_guide-video-wrapper video {
width: 460px;
margin: 0 10px;
}
.mgPlayerJSProd_overlay-single-thumbnail-wrapper {
text-align: left;
margin-top: 0px;
}
.mgPlayerJSProd_overlay-img-div {
height: 55%;
}
.mgPlayerJSProd_overlay-img {
width: 165px;
margin-left: auto;
margin-right: auto;
}
.mgPlayerJSProd_overlay-container-logo {
display: inline-block;
margin: 10px;
}
.mgPlayerJSProd_overlay-container-logo img {
width: auto;
max-width: 100px;
max-height: 40px;
}
wmgPlayerJSProd_.mgPlayerJSProd_overlay-container-header-title {
margin: 10px 17px 0 10px;
font-size: 15px;
}
.mgPlayerJSProd_overlay-tours-popup .mgPlayerJSProd_close-button {
text-align: center;
cursor: pointer;
position: absolute;
top: 15px;
right: 15px;
font-size: 22px;
line-height: 21px;
color: #0078d4;
z-index: 9999999;
}
.mgPlayerJSProd_overlay-tours-popup .mgPlayerJSProd_close-button:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.mgPlayerJSProd_overlay-tours-popup .mgPlayerJSProd_close-button span svg {
width: 15px !important;
height: 15px !important;
opacity: 0.6;
}
.mgPlayerJSProd_overlay-tours-popup .mgPlayerJSProd_close-button span svg polygon {
fill: #000000;
}
.mgPlayerJSProd_overlay-tours-popup .mgPlayerJSProd_close-button:hover span svg {
opacity: 1;
}
.mgPlayerJSProd_popup-close-button {
position: absolute;
width: 14px;
height: 14px;
top: 10px;
right: 10px;
cursor: pointer;
z-index: 3;
pointer-events: initial !important;
}
wmgPlayerJSProd_.mgPlayerJSProd_popup-button-wrapper {
width: 100%;
margin: 10px 0 0 0;
}
wmgPlayerJSProd_.mgPlayerJSProd_popup-button-wrapper .mgPlayerJSProd_never-show-again-button {
text-align: center;
font-size: 21px;
padding: 10px;
background: #355396;
color: #ffffff;
cursor: pointer;
transition: all 0.3s;
border-radius: 6px;
text-transform: capitalize;
}
.mgPlayerJSProd_lbl-btn {
background: transparent;
border: none;
cursor: pointer;
margin: 0;
padding: 0;
}
.mgPlayerJSProd_lbl-link {
color: inherit !important;
text-decoration: none;
cursor: pointer;
margin: 0;
padding: 0;
}
#mgPlayerJSProd_resusme-guide-close-button {
padding: 15px !important;
float: right;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_primary-color.mgPlayerJSProd_bg-color {
background: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_primary-color.mgPlayerJSProd_bg-color.mgPlayerJSProd_hover:hover {
background: #1f4e46;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_primary-color.mgPlayerJSProd_text-color {
color: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_primary-color.mgPlayerJSProd_border-color {
border-color: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_negative-color.mgPlayerJSProd_bg-color {
background: #AF1B10;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_negative-color.mgPlayerJSProd_text-color {
color: #AF1B10;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_negative-color.mgPlayerJSProd_border-color {
border-color: #AF1B10;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_primary-text-color,
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_Support-text-color,
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_border-color,
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_icons-color {
color: #26273B;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_disabled-color {
border-color: #515262;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_ass-default-btn {
color: #ffffff !important;
background: #276157 !important;
border-color: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_ass-default-btn:hover {
background: #1f4e46 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_ass-default-btn:focus {
background: #173a34 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_ass-default-btn:active {
background: #102723 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_ass-default-btn:disabled,
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_ass-default-btn.disabled {
background: #515262 !important;
color: #ffffff !important;
border-color: #515262 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_btn-default {
color: #ffffff;
background: #276157;
border-color: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_btn-default:hover {
background: #1f4e46;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_btn-default:focus {
background: #173a34;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_btn-default:active {
background: #102723;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_btn-default:disabled,
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_btn-default.disabled {
background: #515262;
color: #ffffff;
border-color: #515262;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_custom-checkbox input:checked + .mgPlayerJSProd_custom-slider {
background-color: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_custom-checkbox input:focus + .mgPlayerJSProd_custom-slider {
box-shadow: 0 0 1px #2196F3 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_filter-tab.mgPlayerJSProd_filter-active-tab {
border-color: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_filter-tab:hover {
border-color: #276157;
}
.mgPlayerJSProd_accessibility-theme .category-list-page-container .category-list .category-list-item .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-category {
border-color: #276157;
}
.mgPlayerJSProd_accessibility-theme .category-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg rect {
fill: #d4dfdd !important;
stroke: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .category-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg path {
fill: #276157 !important;
stroke: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon {
color: #0cc457;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle.cls-1,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle.cls-1 {
stroke: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path {
fill: #276157 !important;
stroke: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path {
fill: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle {
fill: #d4dfdd !important;
stroke: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-green,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-green {
fill: #d4dfdd !important;
stroke: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-gray,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-gray {
fill: #d4dfdd !important;
stroke: #ACADC1 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg rect,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg rect,
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle {
stroke: #276157 !important;
fill: #d4dfdd !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg #mgPlayerJSProd_mobile-circle,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg #mgPlayerJSProd_mobile-circle {
fill: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg {
border: 2px solid #276157;
background-color: #d4dfdd;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path {
fill: #276157 !important;
stroke: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path.mgPlayerJSProd_navigation-icon-center-path,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path.mgPlayerJSProd_navigation-icon-center-path {
fill: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg .mgPlayerJSProd_task-guide-icon-circle,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg .mgPlayerJSProd_task-guide-icon-circle {
fill: #d4dfdd !important;
stroke: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg rect,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg rect {
stroke: #276157 !important;
fill: #d4dfdd !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .combined-shape,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .combined-shape {
fill: #9476c9 !important;
stroke: none !important;
cx: 5 !important;
cy: 5 !important;
r: 4.375 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .Oval,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .Oval {
fill: none !important;
stroke: #ffffff !important;
stroke-width: 2 !important;
cx: 5 !important;
cy: 5 !important;
r: 5 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper {
background: #edf8f6;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper {
background: #d4dfdd;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover {
background: #276157;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover svg path,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover svg path {
fill: #ffffff;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_action-icon svg path,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_action-icon svg path {
fill: #ffffff;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_action-icon svg circle,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper:hover .mgPlayerJSProd_action-icon svg circle {
fill: #276157;
stroke: #ffffff;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg .mgPlayerJSProd_action-icon-bg,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg .mgPlayerJSProd_action-icon-bg {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg path,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg path {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg circle,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon svg circle {
fill: #d4dfdd;
stroke: #276157;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border .mgPlayerJSProd_guide-upld-img,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border .mgPlayerJSProd_guide-upld-img {
border-color: #276157;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border.mgPlayerJSProd_played-tour-img .mgPlayerJSProd_guide-upld-img,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border.mgPlayerJSProd_played-tour-img .mgPlayerJSProd_guide-upld-img {
border-color: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-user-action-wrapper .tour-pencil-icon .tour-action-dropdown-wrapper svg circle.mgPlayerJSProd_option-svg-circle,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-user-action-wrapper .tour-pencil-icon .tour-action-dropdown-wrapper svg circle.mgPlayerJSProd_option-svg-circle {
fill: #d4dfdd;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-user-action-wrapper .tour-pencil-icon .tour-action-dropdown-wrapper svg circle,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-user-action-wrapper .tour-pencil-icon .tour-action-dropdown-wrapper svg circle {
fill: #ffffff;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-user-action-wrapper .tour-pencil-icon .tour-action-dropdown-wrapper:hover svg circle.mgPlayerJSProd_option-svg-circle,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-user-action-wrapper .tour-pencil-icon .tour-action-dropdown-wrapper:hover svg circle.mgPlayerJSProd_option-svg-circle {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-user-action-wrapper .tour-pencil-icon .tour-action-dropdown-wrapper:hover svg circle,
.mgPlayerJSProd_accessibility-theme .search-page-container .tour-item .mgPlayerJSProd_guide-user-action-wrapper .tour-pencil-icon .tour-action-dropdown-wrapper:hover svg circle {
fill: #ffffff;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .category-list .category-list-item .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-category,
.mgPlayerJSProd_accessibility-theme .search-page-container .category-list .category-list-item .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-category {
border-color: #276157;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg rect,
.mgPlayerJSProd_accessibility-theme .search-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg rect {
fill: #d4dfdd !important;
stroke: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg path,
.mgPlayerJSProd_accessibility-theme .search-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg path {
fill: #276157 !important;
stroke: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .tour-list-page-container .category-list .category-list-item.active .category-image-wrapper img.mgPlayerJSProd_published-category,
.mgPlayerJSProd_accessibility-theme .search-page-container .category-list .category-list-item.active .category-image-wrapper img.mgPlayerJSProd_published-category {
border-color: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_header-tab:hover:before,
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_panel-header-tabs .mgPlayerJSProd_header-tab.active-tab:before {
background: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_task-list-icon-container .mgPlayerJSProd_task-list-icon svg rect {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-input:focus {
border-color: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sort-icon svg path.mgPlayerJSProd_icon-bg {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sort-icon:hover svg rect.mgPlayerJSProd_icon-bg,
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sort-icon.mgPlayerJSProd_filter-active-state svg rect.mgPlayerJSProd_icon-bg {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sort-icon:hover svg path,
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sort-icon.mgPlayerJSProd_filter-active-state svg path {
fill: #ffffff;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-dropdown-item:hover,
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-dropdown-item.mgPlayerJSProd_active-sort-filter {
background: #d4dfdd;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_push-notification-btn-wrapper button {
color: #26273B !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_push-notification-btn-wrapper button:hover {
color: #515262 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab:hover,
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab.mgPlayerJSProd_notification-active-tab {
color: #276157;
border-color: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-icon svg rect {
stroke: #276157 !important;
fill: #d4dfdd !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-icon svg path {
fill: #276157;
stroke: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper .mgPlayerJSProd_close-panel-btn svg path {
fill: #454560;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_select-application-icon svg .mgPlayerJSProd_app-icon-dot {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-list-wrapper .mgPlayerJSProd_application-list .mgPlayerJSProd_application-list-img .selected-application-tick svg circle {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_application-dropdown .mgPlayerJSProd_application-selected {
border: 2px solid #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .mgPlayerJSProd_app-wrapper .mgPlayerJSProd_select-application .mgPlayerJSProd_guide-automation-icon svg path {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-icon-wrapper {
background: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-icon-wrapper:hover {
background: #1f4e46 !important;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon {
background: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .mgPlayerJSProd_header-icon-wrapper {
padding: 0 !important;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .mgPlayerJSProd_header-icon-wrapper svg {
height: 26px;
width: 26px;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .mgPlayerJSProd_header-icon-wrapper svg circle {
fill: #ffffff;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .mgPlayerJSProd_header-icon-wrapper svg circle:first-child {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .mgPlayerJSProd_header-icon-wrapper svg .mgPlayerJSProd_more-option-icon-path {
display: none;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .mgPlayerJSProd_header-icon-wrapper:hover svg circle:first-child {
fill: #1f4e46;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .tour-action-dropdown .tour-action-dropdown-item:hover .tour-action-dropdown-item-label {
color: #276157;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .tour-action-dropdown .tour-action-dropdown-item:hover .tour-action-dropdown-item-icon svg path {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-detail-view-tour-edit-container .mgPlayerJSProd_tour-more-option-icon .tour-action-dropdown .tour-action-dropdown-item:hover .tour-action-dropdown-item-arrow svg polygon {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .mgPlayerJSProd_add-category-wrapper {
background: #276157;
}
.mgPlayerJSProd_accessibility-theme .ege-panel-header .mgPlayerJSProd_add-category-wrapper:hover {
background: #1d4942 !important;
}
.mgPlayerJSProd_accessibility-theme .guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons:hover,
.mgPlayerJSProd_accessibility-theme .guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_active-play-mode {
background: #276157;
}
.mgPlayerJSProd_accessibility-theme .guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons:hover svg circle {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .breadcrums-container .breadcrum-title:hover {
color: #276157;
}
.mgPlayerJSProd_accessibility-theme .breadcrums-container .breadcrum-title.active-breadcrum {
color: rgba(0, 0, 0, 0.6);
font-weight: 550;
}
.mgPlayerJSProd_accessibility-theme .error-input-wrapper {
color: #AF1B10;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_error-text-color {
color: #AF1B10;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_theme-background {
background: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_input-type-text {
border: 1px solid #26273B !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_input-type-text::-webkit-input-placeholder {
color: #26273B !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_input-type-text::-moz-placeholder {
color: #26273B !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_input-type-text::-moz-placeholder {
color: #26273B !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_input-type-text::-ms-input-placeholder {
color: #26273B !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper.mgPlayerJSProd_logout-wrapper .mgPlayerJSProd_version-text {
color: #26273B;
}
.mgPlayerJSProd_accessibility-theme .tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon:hover {
background: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_play-step-icon-wrapper {
background: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_tg-view-container .mgPlayerJSProd_step-overlay .mgPlayerJSProd_play-step-icon-wrapper:hover {
background: #1f4e46;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_progress-details-container .mgPlayerJSProd_task-progress-circle .mgPlayerJSProd_task-prog-left-half-clipper .mgPlayerJSProd_task-prog-first50-bar {
background-color: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_progress-details-container .mgPlayerJSProd_task-progress-circle .mgPlayerJSProd_task-prog-left-half-clipper .mgPlayerJSProd_task-prog-value-bar {
border-color: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_assignment-box svg circle {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_chapter-content-wrapper .mgPlayerJSProd_guide-play-icon-wrapper svg rect {
fill: #d4dfdd !important;
stroke: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_chapter-content-wrapper .mgPlayerJSProd_guide-play-icon-wrapper svg path {
fill: #276157;
stroke: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_chapter-content-wrapper .mgPlayerJSProd_chapter-title.mgPlayerJSProd_chapter-title-complete {
color: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_chapter-content-wrapper .mgPlayerJSProd_guide-complete-wrapper .mgPlayerJSProd_guide-complete-icon svg path {
fill: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_category-icon svg rect {
fill: #d4dfdd !important;
stroke: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_category-icon svg path {
fill: #276157;
stroke: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_options-wrapper .mgPlayerJSProd_options-label {
color: #276157;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_input-checkbox-custom:hover {
border: 1px solid #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_input-checkbox-custom:checked {
border: 1px solid #276157 !important;
background-color: #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_input-checkbox-custom:checked:before {
background-color: #276157;
}
.mgPlayerJSProd_accessibility-theme .popup-org-settings .org-settings-container .mgPlayerJSProd_app-settings-wrapper .mgPlayerJSProd_app-settings-domain-container .mgPlayerJSProd_domain-col .mgPlayerJSProd_set-default-domain .mgPlayerJSProd_input-checkbox:checked {
border: 1px solid #276157 !important;
}
.mgPlayerJSProd_accessibility-theme .popup-org-settings .org-settings-container .mgPlayerJSProd_app-settings-wrapper .mgPlayerJSProd_app-settings-domain-container .mgPlayerJSProd_domain-col .mgPlayerJSProd_set-default-domain .mgPlayerJSProd_input-checkbox:checked:before {
background-color: #276157;
}
.mgPlayerJSProd_accessibility-theme .footer-panel a:visited {
color: #1d4942 !important;
}
.mgPlayerJSProd_accessibility-theme .footer-panel a {
color: #0041d7 !important;
}
.mgPlayerJSProd_accessibility-theme .footer-panel .footer-panel-copyright-text button {
color: #0041d7 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_search-input::placeholder {
color: #595959 !important;
}
.mgPlayerJSProd_accessibility-theme .mgPlayerJSProd_wrap-text {
white-space: normal !important;
word-break: break-word !important;
text-align: left !important;
-webkit-line-clamp: none !important;
}
.mgPlayerJSProd_player-theme .category-list-page-container .category-list .category-list-item .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-category {
border-color: var(--mg-primary);
}
.mgPlayerJSProd_player-theme .category-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg rect {
fill: var(--mg-primary-hover) !important;
stroke: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .category-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg path {
fill: var(--mg-primary) !important;
stroke: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon {
color: #0cc457;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle.cls-1,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle.cls-1 {
stroke: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path {
fill: var(--mg-primary) !important;
stroke: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg path.mgPlayerJSProd_navigation-icon-center-path {
fill: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_task-guide-icon-circle {
fill: var(--mg-primary-hover) !important;
stroke: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-green,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-green {
fill: var(--mg-primary-hover) !important;
stroke: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-gray,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg .mgPlayerJSProd_dashes-gray {
fill: var(--mg-primary-hover) !important;
stroke: #ACADC1 !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg rect,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg rect,
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg circle {
stroke: var(--mg-primary) !important;
fill: var(--mg-primary-hover) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg #mgPlayerJSProd_mobile-circle,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.published-tour-icon svg #mgPlayerJSProd_mobile-circle {
fill: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg {
border: 2px solid var(--mg-primary);
background-color: #ffffff;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path {
fill: var(--mg-primary) !important;
stroke: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path.mgPlayerJSProd_navigation-icon-center-path,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg path.mgPlayerJSProd_navigation-icon-center-path {
fill: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg .mgPlayerJSProd_task-guide-icon-circle,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg .mgPlayerJSProd_task-guide-icon-circle {
fill: var(--mg-primary-hover) !important;
stroke: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg rect,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon.mgPlayerJSProd_played-tour-icon svg.mgPlayerJSProd_replay-svg rect {
stroke: var(--mg-primary) !important;
fill: var(--mg-primary-hover) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .combined-shape,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .combined-shape {
fill: #9476c9 !important;
stroke: none !important;
cx: 5 !important;
cy: 5 !important;
r: 4.375 !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .Oval,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon .guide-beacon svg .Oval {
fill: none !important;
stroke: #ffffff !important;
stroke-width: 2 !important;
cx: 5 !important;
cy: 5 !important;
r: 5 !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border .mgPlayerJSProd_guide-upld-img,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border .mgPlayerJSProd_guide-upld-img {
border-color: var(--mg-primary);
}
.mgPlayerJSProd_player-theme .tour-list-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border.mgPlayerJSProd_played-tour-img .mgPlayerJSProd_guide-upld-img,
.mgPlayerJSProd_player-theme .search-page-container .tour-item .mgPlayerJSProd_guide-upld-img-wrapper.mgPlayerJSProd_guide-pub-img-border.mgPlayerJSProd_played-tour-img .mgPlayerJSProd_guide-upld-img {
border-color: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .category-list .category-list-item .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-category,
.mgPlayerJSProd_player-theme .search-page-container .category-list .category-list-item .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view.mgPlayerJSProd_published-category {
border-color: var(--mg-primary);
}
.mgPlayerJSProd_player-theme .tour-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg rect,
.mgPlayerJSProd_player-theme .search-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg rect {
fill: var(--mg-primary-hover) !important;
stroke: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg path,
.mgPlayerJSProd_player-theme .search-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg path {
fill: var(--mg-primary) !important;
stroke: var(--mg-primary) !important;
}
.mgPlayerJSProd_player-theme .tour-list-page-container .category-list .category-list-item.active .category-image-wrapper img.mgPlayerJSProd_published-category,
.mgPlayerJSProd_player-theme .search-page-container .category-list .category-list-item.active .category-image-wrapper img.mgPlayerJSProd_published-category {
border-color: var(--mg-primary);
}
@media only screen and (max-width: 480px) {
.mgPlayerJSProd_mobile-view div {
font-size: 8px !important;
}
.mgPlayerJSProd_mobile-view div.ege-panel {
max-width: 100% !important;
min-width: 250px !important;
}
.mgPlayerJSProd_mobile-view .ege-popup,
.mgPlayerJSProd_mobile-view .ege-popup-branch {
width: auto !important;
min-width: 90% !important;
max-width: 400px !important;
}
.mgPlayerJSProd_mobile-view .ege-popup .ege-popup-content-wrapper,
.mgPlayerJSProd_mobile-view .ege-popup-branch .ege-popup-content-wrapper {
font-size: 11px !important;
}
.mgPlayerJSProd_mobile-view .ege-popup .ege-popup-btn-wrapper .mgPlayerJSProd_btn-default,
.mgPlayerJSProd_mobile-view .ege-popup-branch .ege-popup-btn-wrapper .mgPlayerJSProd_btn-default {
font-size: 11px !important;
line-height: 28px !important;
height: 30px !important;
min-width: 70px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_logo-image {
max-width: 100px;
max-height: 25px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper {
height: 40px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_logo-wrapper {
width: 100px;
height: 25px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_select-application,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper {
width: 25px !important;
height: 25px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper .mgPlayerJSProd_accessibility-btn-lbl {
width: 25px;
height: 13px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper .mgPlayerJSProd_accessibility-btn-lbl .mgPlayerJSProd_custom-slider {
width: 25px;
height: 13px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper .mgPlayerJSProd_accessibility-btn-lbl .mgPlayerJSProd_custom-slider:before {
height: 9px;
width: 9px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_accessibility-btn-wrapper .mgPlayerJSProd_accessibility-btn-lbl input[type="checkbox"]:checked + .mgPlayerJSProd_custom-slider:before {
-webkit-transform: translateX(12px);
-ms-transform: translateX(12px);
transform: translateX(12px);
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_navigation-btn-wrapper .mgPlayerJSProd_navigation-btn {
width: 18px;
height: 18px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_refresh-btn-wrapper .mgPlayerJSProd_refresh-btn {
width: 21px;
height: 21px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_help-center-wrapper .mgPlayerJSProd_help-center-btn {
width: 21px;
height: 21px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_close-panel-btn-wrapper .mgPlayerJSProd_close-panel-btn {
width: 13px;
height: 13px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_bell-btn {
width: 19px;
height: 19px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper {
width: 250px;
top: 32px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_push-dropdown-pointer {
border: 7px solid #ffffff;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-overlay-wrapper {
top: 40px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-header-wrapper {
height: 40px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-header-wrapper .mgPlayerJSProd_notification-title {
font-size: 14px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-header-wrapper .mgPlayerJSProd_notification-close {
width: 12px !important;
height: 12px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper {
height: 30px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab {
font-size: 11px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab:hover .mgPlayerJSProd_title-tooltip-wrapper {
max-width: 240px !important;
top: 30px !important;
right: -120px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab:hover .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-bottom-right {
top: 33px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-info-tabs-wrapper .mgPlayerJSProd_notification-info-tab:hover .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_title-tooltip-align-left {
left: -120px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper {
height: calc(100% - 70px);
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details {
height: 35px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_notification-guide-details-overlay .mgPlayerJSProd_details-overlay-action-wrapper .mgPlayerJSProd_action-show-again-btn {
min-width: 60px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_notification-guide-details-wrapper .mgPlayerJSProd_notification-guide-details .mgPlayerJSProd_title-tooltip-wrapper {
top: 26px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_panel-header-wrapper .mgPlayerJSProd_bell-btn-wrapper .mgPlayerJSProd_push-notification-info-wrapper .mgPlayerJSProd_no-guide-msg-wrapper .mgPlayerJSProd_oops-wrapper .mgPlayerJSProd_icon-oops svg {
width: 25px;
height: 35px;
}
.mgPlayerJSProd_mobile-view div.ege-panel-header .ege-panel-header-detail-view {
height: 35px !important;
}
.mgPlayerJSProd_mobile-view div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_back-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px !important;
height: 35px !important;
}
.mgPlayerJSProd_mobile-view div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_back-button svg {
width: 13px !important;
height: 13px !important;
}
.mgPlayerJSProd_mobile-view div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_back-button .mgPlayerJSProd_title-tooltip-wrapper {
top: 36px !important;
}
.mgPlayerJSProd_mobile-view div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_tour-title-wrapper {
width: 60% !important;
}
.mgPlayerJSProd_mobile-view div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-title .mgPlayerJSProd_tour-title-wrapper label {
font-size: 14px !important;
}
.mgPlayerJSProd_mobile-view div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-download-wrapper .detail-download-action-options-dropdown {
top: 29px !important;
}
.mgPlayerJSProd_mobile-view div.ege-panel-header .ege-panel-header-detail-view .header-detail-view-tour-download-wrapper .detail-download-action-options-dropdown .detail-download-action-options-dropdown-item {
font-size: 11px !important;
}
.mgPlayerJSProd_mobile-view div.ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-icon-wrapper {
width: 22px !important;
height: 22px !important;
margin: 6px 6px 0 0 !important;
}
.mgPlayerJSProd_mobile-view div.ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-icon-wrapper .mgPlayerJSProd_download-icon,
.mgPlayerJSProd_mobile-view div.ege-panel-header .ege-panel-header-detail-view .mgPlayerJSProd_header-icon-wrapper svg {
height: 11px !important;
width: 11px !important;
}
.mgPlayerJSProd_mobile-view #mgPlayerJSProd_breadcrums-main-container {
display: inline-flex;
align-items: center;
}
.mgPlayerJSProd_mobile-view #mgPlayerJSProd_breadcrums-main-container .mgPlayerJSProd_back-btn-wrapper .mgPlayerJSProd_back-btn {
width: 15px;
height: 12px;
}
.mgPlayerJSProd_mobile-view #mgPlayerJSProd_breadcrums-main-container .breadcrums-container {
width: 100%;
}
.mgPlayerJSProd_mobile-view #mgPlayerJSProd_breadcrums-main-container .breadcrums-container .breadcrum-item {
display: inline-flex;
align-items: center;
}
.mgPlayerJSProd_mobile-view #mgPlayerJSProd_breadcrums-main-container .breadcrums-container .breadcrum-item .breadcrum-arrow-icon svg {
width: 9px;
height: 12px;
}
.mgPlayerJSProd_mobile-view #mgPlayerJSProd_breadcrums-main-container .breadcrums-container .breadcrum-item .breadcrum-title {
font-size: 8px;
}
.mgPlayerJSProd_mobile-view .guide-view-header-panel-container {
width: 100%;
}
.mgPlayerJSProd_mobile-view .guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons {
height: 25px !important;
width: 25px !important;
}
.mgPlayerJSProd_mobile-view .guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons svg {
height: 15px !important;
width: 15px !important;
}
.mgPlayerJSProd_mobile-view .guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons.mgPlayerJSProd_header-icon-guideme svg {
height: 13px !important;
width: 13px !important;
}
.mgPlayerJSProd_mobile-view .guide-view-header-panel-container .guide-view-header-panel .guide-view-header-panel-icons-text {
width: 50px;
}
.mgPlayerJSProd_mobile-view .list-page-header .list-page-header-wrapper .all-guides-filters-tab,
.mgPlayerJSProd_mobile-view .list-page-header .list-page-header-wrapper .mgPlayerJSProd_search-result-wrapper {
height: 35px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_library-filter-wrapper .mgPlayerJSProd_filter-tab {
min-width: 50px;
max-width: 80px;
height: 20px;
font-size: 8px;
margin: 0 3px !important;
padding: 4px 5px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container.mgPlayerJSProd_search-result-bg {
height: 40px;
padding: 7px 10px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container.mgPlayerJSProd_search-bar-collapse {
top: 1px !important;
padding: 5px 0px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper {
height: 25px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-icon {
top: 7px;
left: 9px;
width: 12px;
height: 12px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-close-icon {
width: 9px !important;
height: 9px !important;
top: 8px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-input {
width: 93px;
height: 25px;
padding: 0px 5px 0px 24px;
font-size: 11px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-input.mgPlayerJSProd_search-input-player:focus,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_search-input-wrapper .mgPlayerJSProd_search-input.mgPlayerJSProd_search-input-player.mgPlayerJSProd_search-input-active {
width: calc(100vw - 50px) !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_filter-sorting-wrapper {
margin: 0px 0px 0px 7px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sort-icon {
width: 25px !important;
height: 25px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sorting-dropdown-wrapper {
width: 120px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sorting-dropdown-wrapper .mgPlayerJSProd_filter-dropdown-item {
font-size: 11px !important;
padding: 10px 20px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sorting-dropdown-wrapper .mgPlayerJSProd_filter-btn-wrapper {
height: 40px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_filter-sorting-wrapper .mgPlayerJSProd_filter-sorting-dropdown-wrapper .mgPlayerJSProd_filter-btn-wrapper .mgPlayerJSProd_filter-common-btn {
height: 25px;
font-size: 11px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_task-list-icon-container .mgPlayerJSProd_task-list-count {
width: 15px;
height: 15px;
top: -6px;
right: 5px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_search-bar-container .mgPlayerJSProd_task-list-icon-container .mgPlayerJSProd_task-list-icon {
width: 25px;
height: 25px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_side-navbar-container {
width: 70%;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_profile-picture {
width: 50px;
height: auto;
border: none;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_profile-picture img {
width: 25px;
height: 25px;
min-height: auto;
max-width: 40px;
border: 2px solid #CACFD4;
max-height: initial;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-user-profile-wrapper .mgPlayerJSProd_user-name {
font-size: 12px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_settings-section-header .mgPlayerJSProd_settings-section-header-title {
font-size: 13px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_settings-section-header .mgPlayerJSProd_settings-section-header-icon {
height: 15px;
width: 15px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_manage-settings-wrapper .mgPlayerJSProd_logout-wrapper {
padding: 5px 20px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_footer-wrapper .mgPlayerJSProd_download-apps-wrapper .mgPlayerJSProd_app-logo-wrapper .mgPlayerJSProd_app-logo,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_footer-wrapper .mgPlayerJSProd_download-apps-wrapper .mgPlayerJSProd_app-logo-wrapper .mgPlayerJSProd_app-logo svg {
height: 25px;
width: 25px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_navbar-close {
padding-top: 3px;
padding-left: 5px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_side-navbar-container .mgPlayerJSProd_navbar-close svg {
width: 20px;
height: 8px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_push-notification-container {
width: 70% !important;
min-width: 70% !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-header {
height: 40px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-header .mgPlayerJSProd_push-notification-title {
font-size: 13px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-header .mgPlayerJSProd_push-notification-brand-logo .mgPlayerJSProd_logo-image {
max-width: 100px;
max-height: 25px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-btn-wrapper .mgPlayerJSProd_notification-common-btn {
font-size: 11px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper {
min-height: 50px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_push-notification-guide-info-wrapper {
width: 100%;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_push-notification-container .mgPlayerJSProd_push-notification-content-wrapper .mgPlayerJSProd_push-notification-guide-info-wrapper .mgPlayerJSProd_push-notification-guide-title {
font-size: 11px !important;
}
.mgPlayerJSProd_mobile-view .footer-panel .footer-panel-copyright-text {
font-size: 10px;
}
.mgPlayerJSProd_mobile-view .footer-panel #mgPlayerJSProd_open-chat-bot {
display: none !important;
}
.mgPlayerJSProd_mobile-view .tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon {
height: 25px;
width: 25px;
}
.mgPlayerJSProd_mobile-view .tour-view-page-container .step-item .mgPlayerJSProd_guide-view-playback-modes-container .mgPlayerJSProd_playback-mode-icon svg {
width: 13px;
height: 13px;
}
.mgPlayerJSProd_mobile-view .tour-view-page-container .step-item .step-image-wrapper .step-image {
min-height: auto !important;
}
.mgPlayerJSProd_mobile-view .category-list-page-container .category-list .category-list-item .category-image-wrapper,
.mgPlayerJSProd_mobile-view .category-list-page-container .category-list .category-list-item .category-image-wrapper svg,
.mgPlayerJSProd_mobile-view .category-list-page-container .category-list .category-list-item .mgPlayerJSProd_category-icon svg {
width: 25px !important;
height: 25px !important;
}
.mgPlayerJSProd_mobile-view .category-list-page-container .category-list .category-list-item .category-image-wrapper .category-image.mgPlayerJSProd_category-uploaded-img-view,
.mgPlayerJSProd_mobile-view .category-list-page-container .category-list .category-list-item .category-image-wrapper svg .category-image.mgPlayerJSProd_category-uploaded-img-view,
.mgPlayerJSProd_mobile-view .category-list-page-container .category-list .category-list-item .mgPlayerJSProd_category-icon svg .category-image.mgPlayerJSProd_category-uploaded-img-view {
width: 20px !important;
height: 20px !important;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon,
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon svg,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .tour-play-icon svg,
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .mgPlayerJSProd_guide-upld-img-wrapper,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .mgPlayerJSProd_guide-upld-img-wrapper {
width: 25px !important;
height: 25px !important;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .mgPlayerJSProd_guide-upld-img-wrapper img,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .mgPlayerJSProd_guide-upld-img-wrapper img {
margin: 0 !important;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .guide-beacon,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .guide-beacon {
right: -2px !important;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .guide-beacon svg,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .guide-beacon svg {
width: 10px !important;
height: 10px !important;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .tour-title-description-wrapper .tour-play-action-wrapper .mgPlayerJSProd_title-tooltip-wrapper {
top: 30px !important;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper {
width: 60%;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title {
width: 80%;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon svg,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .tour-title-description-wrapper .mgPlayerJSProd_guide-details-wrapper .mgPlayerJSProd_guide-description-wrapper .mgPlayerJSProd_guide-category-title-icon svg {
width: 12px;
height: 12px;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper {
height: 30px;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper {
width: 25px;
height: 25px;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon {
width: 15px;
height: 15px;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon.mgPlayerJSProd_action-icon-replay,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon.mgPlayerJSProd_action-icon-replay {
width: 15px;
height: 15px;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon.mgPlayerJSProd_action-icon-resume,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_action-icon.mgPlayerJSProd_action-icon-resume {
width: 10px;
height: 10px;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_title-tooltip-wrapper,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_guide-action-icon-wrapper .mgPlayerJSProd_title-tooltip-wrapper {
top: 20px !important;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_no-guide-msg-wrapper .mgPlayerJSProd_oops-wrapper .mgPlayerJSProd_icon-oops svg,
.mgPlayerJSProd_mobile-view .search-page-container .tour-item .mgPlayerJSProd_guide-play-action-wrapper .mgPlayerJSProd_no-guide-msg-wrapper .mgPlayerJSProd_oops-wrapper .mgPlayerJSProd_icon-oops svg {
width: 25px;
height: 35px;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .category-list .category-list-item .category-image-wrapper,
.mgPlayerJSProd_mobile-view .search-page-container .category-list .category-list-item .category-image-wrapper,
.mgPlayerJSProd_mobile-view .tour-list-page-container .category-list .category-list-item .category-image-wrapper svg,
.mgPlayerJSProd_mobile-view .search-page-container .category-list .category-list-item .category-image-wrapper svg {
width: 25px !important;
height: 25px !important;
max-width: 25px;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon,
.mgPlayerJSProd_mobile-view .search-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon,
.mgPlayerJSProd_mobile-view .tour-list-page-container .category-list .category-list-item .category-image-wrapper svg .mgPlayerJSProd_category-icon,
.mgPlayerJSProd_mobile-view .search-page-container .category-list .category-list-item .category-image-wrapper svg .mgPlayerJSProd_category-icon,
.mgPlayerJSProd_mobile-view .tour-list-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg,
.mgPlayerJSProd_mobile-view .search-page-container .category-list .category-list-item .category-image-wrapper .mgPlayerJSProd_category-icon svg,
.mgPlayerJSProd_mobile-view .tour-list-page-container .category-list .category-list-item .category-image-wrapper svg .mgPlayerJSProd_category-icon svg,
.mgPlayerJSProd_mobile-view .search-page-container .category-list .category-list-item .category-image-wrapper svg .mgPlayerJSProd_category-icon svg {
width: 25px !important;
height: 25px !important;
}
.mgPlayerJSProd_mobile-view .tour-list-page-container .category-list .category-list-item .category-image-wrapper .category-image,
.mgPlayerJSProd_mobile-view .search-page-container .category-list .category-list-item .category-image-wrapper .category-image,
.mgPlayerJSProd_mobile-view .tour-list-page-container .category-list .category-list-item .category-image-wrapper svg .category-image,
.mgPlayerJSProd_mobile-view .search-page-container .category-list .category-list-item .category-image-wrapper svg .category-image {
width: 20px !important;
height: 20px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_title-tooltip-wrapper {
padding: 2px 6px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_title-tooltip-wrapper .mgPlayerJSProd_tooltip-title {
font-size: 8px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-left {
left: 0px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-top-left {
top: -30px;
right: 0px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-top-center {
top: -30px;
right: -10px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-top-right {
top: -30px;
left: 0px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-bottom-left {
top: 20px;
right: 0px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-bottom-center {
top: 20px;
right: -10px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_title-tooltip-wrapper.mgPlayerJSProd_position-bottom-right {
top: 20px;
left: 0px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel {
width: 90% !important;
height: 80% !important;
min-width: 80% !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_slideshow-header .mgPlayerJSProd_slideshow-header-left {
max-width: 67% !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_slideshow-header .mgPlayerJSProd_slideshow-header-left .mgPlayerJSProd_slideshow-tour-title {
font-size: 15px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_slideshow-header .mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_resize-slideshow {
display: none !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_slideshow-header .mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_resize-slideshow .mgPlayerJSProd_resize-slideshow-maximize button svg,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_slideshow-header .mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_resize-slideshow .mgPlayerJSProd_resize-slideshow-minimize button svg {
width: 11px;
height: 11px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_slideshow-header .mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_slideshow-close {
margin: 0px 0px 0px 10px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_slideshow-header .mgPlayerJSProd_slideshow-header-right .mgPlayerJSProd_slideshow-close button svg {
height: 11px;
width: 11px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_slideshow-main .mgPlayerJSProd_iframe-wrapper-div video,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_slideshow-main .mgPlayerJSProd_iframe-wrapper-div img {
margin: 0 0 0 -9px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_slideshow-main .mgPlayerJSProd_icon-slideshow-next-button,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_slideshow-main .mgPlayerJSProd_icon-slideshow-prev-button {
filter: drop-shadow(0px 0px 2px #000000);
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_step-thumbnail-container {
height: 35px;
justify-content: flex-end;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_step-thumbnail-container .mgPlayerJSProd_control-thumbnail-prev,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_step-thumbnail-container .mgPlayerJSProd_control-thumbnail-next,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_step-thumbnail-container .mgPlayerJSProd_thumbnail-preview-wrapper {
display: none !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_step-thumbnail-container .mgPlayerJSProd_showMe-play-ctrl-audio .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-mute,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_step-thumbnail-container .mgPlayerJSProd_showMe-play-ctrl-audio .mgPlayerJSProd_player-audio-controls .mgPlayerJSProd_btn-audio-unmute {
width: 17px !important;
height: 17px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_showMe-player-ctrl-container .mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-manual {
text-align: center !important;
padding: 0 0 0 15px !important;
height: 46px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_showMe-player-ctrl-container .mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-manual .mgPlayerJSProd_showMe-play-mode {
width: 60px !important;
height: 40px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_showMe-player-ctrl-container .mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-manual .mgPlayerJSProd_showMe-play-mode .mgPlayerJSProd_label-slideshow,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_showMe-player-ctrl-container .mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-manual .mgPlayerJSProd_showMe-play-mode .mgPlayerJSProd_label-video,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_showMe-player-ctrl-container .mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-manual .mgPlayerJSProd_showMe-play-mode .mgPlayerJSProd_label-giphy {
font-size: 10px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_showMe-player-ctrl-container .mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-manual .mgPlayerJSProd_showMe-player-active-mode {
background: #454560 !important;
border-radius: 0px 0px 10px 10px;
background-image: none !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_showMe-player-ctrl-container .mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-autoplay-wrapper {
display: none !important;
min-width: 85px !important;
margin: 0 !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_showMe-player-ctrl-container .mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-autoplay-wrapper .mgPlayerJSProd_showMe-play-mode-autoplay .mgPlayerJSProd_btn-autoplay-on,
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-panel .mgPlayerJSProd_tour-player-panel .mgPlayerJSProd_showMe-player-ctrl-container .mgPlayerJSProd_showMe-play-ctrls-wrapper .mgPlayerJSProd_showMe-play-mode-autoplay-wrapper .mgPlayerJSProd_showMe-play-mode-autoplay .mgPlayerJSProd_btn-autoplay-off {
width: 30px !important;
height: 15px !important;
font-size: 8px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_slideshow-button-container {
width: 100%;
min-width: 100%;
margin: auto;
display: inline-flex;
align-items: center;
justify-content: center;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_signin-page-container .mgPlayerJSProd_invalid-log-error-wrapper {
width: calc(100vw - 30px) !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper {
padding: 0px 40px 40px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper h2 {
font-size: 16px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_signin-form-input .mgPlayerJSProd_input-password-wrapper {
margin-bottom: 20px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_signin-form-input .mgPlayerJSProd_input-type-text {
font-size: 10px;
height: 30px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_back-to-login {
font-size: 12px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_options-wrapper {
justify-content: center;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_options-wrapper .mgPlayerJSProd_options-label {
font-size: 12px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_options-wrapper.mgPlayerJSProd_single-option-wrapper {
flex-direction: column !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_signin-page-container .mgPlayerJSProd_signin-page-wrapper .mgPlayerJSProd_signin-form-container .mgPlayerJSProd_options-wrapper.mgPlayerJSProd_single-option-wrapper .mgPlayerJSProd_optional-element-wrapper div {
font-size: 12px !important;
margin: 10px 5px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_btn-default.mgPlayerJSProd_btn-large {
height: 30px;
line-height: 10px;
font-size: 13px;
}
.mgPlayerJSProd_mobile-view .no-tour-message-wrapper .mgPlayerJSProd_no-guide-image-wrapper .mgPlayerJSProd_no-guide-image-cartoon svg,
.mgPlayerJSProd_mobile-view .no-tour-message-wrapper .mgPlayerJSProd_no-guide-image-wrapper .mgPlayerJSProd_no-guide-found-search-icon svg {
width: 250px !important;
height: 140px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_input-captcha {
margin: 0 !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_input-captcha #mgPlayerJSProd_captcha-image {
display: inline-block;
vertical-align: middle;
width: 115px;
height: 30px;
font-size: 20px;
box-sizing: border-box;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_input-captcha .mgPlayerJSProd_captcha-refresh-btn {
display: inline-block;
vertical-align: middle;
position: relative;
width: 25px;
height: 30px;
margin: 0 5px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_input-captcha .mgPlayerJSProd_captcha-refresh-btn svg {
width: 18px;
height: 18px;
position: absolute;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_input-captcha #mgPlayerJSProd_input-captcha {
width: 115px !important;
height: 30px !important;
top: 0;
left: 0;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_task-list-go-back-container .mgPlayerJSProd_task-back-btn {
padding: 12px !important;
width: 35px !important;
height: 35px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_task-list-go-back-container .mgPlayerJSProd_task-back-btn svg {
width: 12px;
height: 12px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_progress-details-container .mgPlayerJSProd_task-progress-circle {
margin: 5px !important;
transform: scale(0.8);
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_task-list-container .mgPlayerJSProd_task-list-header .mgPlayerJSProd_progress-details-container .mgPlayerJSProd_task-progress-circle span {
font-size: 10px;
width: 4.1em;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_assignment-box {
padding: 0 10px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_assignment-box svg {
width: 25px;
height: 25px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_assignment-box .mgPlayerJSProd_icon-collapse-expand svg {
width: 12px !important;
height: 6px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_chapter-container {
padding: 0 10px !important;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box {
padding: 5px 10px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_chapter-content-wrapper .mgPlayerJSProd_guide-play-icon-wrapper svg {
width: 25px;
height: 25px;
}
.mgPlayerJSProd_mobile-view .mgPlayerJSProd_task-list-container .mgPlayerJSProd_assign-container .mgPlayerJSProd_chapter-container .mgPlayerJSProd_chapter-box .mgPlayerJSProd_chapter-content-wrapper .mgPlayerJSProd_guide-complete-wrapper .mgPlayerJSProd_guide-complete-icon svg {
width: 12px;
height: 12px;
}
}
.mgPlayerJSProd_multiple-org-list-container .mgPlayerJSProd_multiple-org-list-wrapper {
height: 100vh;
max-height: calc(100vh - 315px);
}
.mgPlayerJSProd_multiple-org-list-container .mgPlayerJSProd_multiple-org-list-wrapper .mgPlayerJSProd_btn-default {
height: auto;
max-height: 75px;
max-width: 300px;
width: 100%;
line-height: 20px;
padding: 10px;
}
#mgPlayerJSProd_captcha-image {
width: 240px;
font-weight: 400;
padding-bottom: 0px;
height: 34px;
text-align: center;
user-select: none;
text-decoration: line-through;
font-style: italic;
font-size: x-large;
border: 2px solid #707070 !important;
border-radius: 4px !important;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.mgPlayerJSProd_captcha-refresh-btn {
width: 30px;
height: 30px;
margin: 0 10px;
}
.mgPlayerJSProd_captcha-refresh-btn svg {
width: 25px;
height: 25px;
position: relative;
}
.mgPlayerJSProd_input-captcha-text {
display: inline-flex;
align-items: center;
width: 100% !important;
height: 32px !important;
border: 1px solid #707070 !important;
border-radius: 4px !important;
font-family: Arial, sans-serif;
background: #ffffff !important;
padding: 0px 10px !important;
outline: none !important;
box-sizing: border-box !important;
color: #000000 !important;
text-align: left !important;
}
.mgPlayerJSProd_chapter-title-complete {
color: var(--mg-primary) !important;
font-weight: bold;
}
.mgPlayerJSProd_chapter-title-disable {
color: #ccc !important;
}
.mgPlayerJSProd_chapter-box-disable {
pointer-events: none;
user-select: auto;
}
.mgPlayerJSProd_chapter-box-disable svg rect {
fill: #f8f8fb !important;
stroke: #acadc1 !important;
}
.mgPlayerJSProd_chapter-box-disable svg path {
fill: #acadc1 !important;
stroke: #acadc1 !important;
}
.mgPlayerJSProd_chapter-box-disable .mgPlayerJSProd_chapter-title {
color: #ccc !important;
}
.mgPlayerJSProd_error-wrapper-keyshort {
margin-left: 5px;
margin-top: 10px;
}
.mgPlayerJSProd_task-list-icon-container {
width: 50px;
background: #ffffff;
z-index: 9;
}
.mgPlayerJSProd_task-list-icon-container.mgPlayerJSProd_task-list-icon-mplayer {
background: transparent !important;
}
.mgPlayerJSProd_task-list-icon-container .mgPlayerJSProd_task-list-count {
position: absolute;
top: -12px;
right: 2px;
width: 20px;
height: 20px;
background: red;
border-radius: 50%;
color: #ffffff;
font-size: 10px;
z-index: 9;
}
.mgPlayerJSProd_task-list-icon-container .mgPlayerJSProd_task-list-icon {
width: 30px;
height: 30px;
}
.mgPlayerJSProd_task-list-icon-container .mgPlayerJSProd_task-list-icon svg {
fill: var(--mg-primary);
}
.mgPlayerJSProd_pub-date-container {
margin: 10px 20px;
padding: 4px;
display: none;
}
.mgPlayerJSProd_pub-date-label {
color: #26273b;
font-size: 13px;
padding: 5px 0px;
line-height: 2em;
}
.mgPlayerJSProd_schedule-popup-container {
max-height: 300px;
overflow: auto;
}
.mgPlayerJSProd_schedule-popup-container .mgPlayerJSProd_schedule-popup-container-inner {
margin: 10px 5px;
padding: 8px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 1px 1px 0 rgba(65, 69, 73, 0.3), 0 1px 3px 1px rgba(65, 69, 73, 0.15);
}
.mgPlayerJSProd_schedule-popup-container .mgPlayerJSProd_schedule-popup-container-inner .mgPlayerJSProd_schedule-popup-header-title {
font-size: 15px;
font-weight: 600;
padding: 10px;
}
.mgPlayerJSProd_schedule-popup-container .mgPlayerJSProd_schedule-popup-container-inner .mgPlayerJSProd_hr {
width: 100%;
border-top: 1px solid #e6e6e6;
clear: both;
}
.mgPlayerJSProd_schedule-popup-container .mgPlayerJSProd_schedule-popup-container-inner .mgPlayerJSProd_cancel-schedule {
padding: 20px;
text-align: center;
}
.mgPlayerJSProd_schedule-popup-container .mgPlayerJSProd_schedule-popup-container-inner .mgPlayerJSProd_cancel-schedule .mgPlayerJSProd_cancel-schedule-btn {
color: #0062cc;
padding: 5px;
font-weight: 600;
font-size: 14px;
}
.mgPlayerJSProd_schedule-popup-container .mgPlayerJSProd_schedule-popup-container-inner .mgPlayerJSProd_cancel-schedule .mgPlayerJSProd_cancel-schedule-btn:hover {
color: #0069d9;
text-decoration: underline;
}
.mgPlayerJSProd_show-controls {
display: flex;
justify-content: flex-end;
background: #fff;
}
.mgPlayerJSProd_controls-inner-container {
display: flex;
padding: 5px 16px 5px 10px;
border-radius: 5px;
}
.mgPlayerJSProd_step-data {
height: 80px;
display: block;
}
.mgPlayerJSProd_step-data-title {
line-height: normal;
margin: 10px 2px 8px 10px;
}
.mgPlayerJSProd_zoom-error span {
margin: 0 0 0 8px;
cursor: pointer;
}
.mgPlayerJSProd_zoom-error span svg {
width: 11px;
height: 11px;
}
.mgPlayerJSProd_zoom-error span svg path {
fill: #991b1b;
}
.mgPlayerJSProd_zoom-error {
top: 15px;
left: 50%;
z-index: 999;
position: absolute;
padding: 15px;
font-size: 14px;
color: #991b1b;
border-radius: 8px;
background-color: #fef2f2;
transform: translate(-50%, 0);
}
.mgPlayerJSProd_action-container {
margin: 0px;
padding: 7px 5px 5px 10px;
display: inline-block;
width: 100%;
border-radius: 4px;
}
.mgPlayerJSProd_prev {
float: left;
}
.mgPlayerJSProd_next {
float: right;
}
.mgPlayerJSProd_action-btn {
background: #005bf0;
color: #fff;
padding: 2px 4px;
border-radius: 4px;
cursor: pointer;
}
.mgPlayerJSProd_action-btn:disabled {
display: none;
}
.mgPlayerJSProd_howto-circle {
position: absolute;
border: 5px solid red;
}
.preview-step-popup-container {
--tooltip-border-right-color: #ffffff;
/* Default color */
cursor: default;
z-index: -2;
position: fixed;
}
.preview-step-popup-container.top-left:after {
position: absolute;
bottom: -8px;
left: 15px;
border-left: 6px solid transparent;
border-top: 9px solid var(--tooltip-border-right-color, #ffffff);
border-right: 6px solid transparent;
content: '';
}
.preview-step-popup-container.top-left:before {
position: absolute;
bottom: -10px;
left: 15px;
border-left: 6px solid transparent;
border-top: 10px solid #eeeeee;
border-right: 6px solid transparent;
content: '';
}
.preview-step-popup-container.top-middle:after {
position: absolute;
bottom: -8px;
left: 50%;
border-left: 6px solid transparent;
border-top: 9px solid var(--tooltip-border-right-color, #ffffff);
border-right: 6px solid transparent;
content: '';
transform: translate(-50%, 0);
}
.preview-step-popup-container.top-middle:before {
position: absolute;
bottom: -10px;
left: 50%;
border-left: 6px solid transparent;
border-top: 10px solid #eeeeee;
border-right: 6px solid transparent;
content: '';
transform: translate(-50%, 0);
}
.preview-step-popup-container.top-right:after {
position: absolute;
bottom: -8px;
right: 15px;
border-left: 6px solid transparent;
border-top: 9px solid var(--tooltip-border-right-color, #ffffff);
border-right: 6px solid transparent;
content: '';
}
.preview-step-popup-container.top-right:before {
position: absolute;
bottom: -10px;
right: 15px;
border-left: 6px solid transparent;
border-top: 10px solid #eeeeee;
border-right: 6px solid transparent;
content: '';
}
.preview-step-popup-container.left-top:after {
position: absolute;
top: 15px;
right: -8px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 9px solid var(--tooltip-border-right-color, #ffffff);
content: '';
}
.preview-step-popup-container.left-top:before {
position: absolute;
top: 15px;
right: -10px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid #eeeeee;
content: '';
}
.preview-step-popup-container.left-middle:before {
position: absolute;
top: 50%;
right: -10px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid #eeeeee;
content: '';
transform: translate(0, -50%);
}
.preview-step-popup-container.left-middle:after {
position: absolute;
top: 50%;
right: -8px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 9px solid var(--tooltip-border-right-color, #ffffff);
content: '';
transform: translate(0, -50%);
}
.preview-step-popup-container.left-bottom:after {
position: absolute;
bottom: 15px;
right: -8px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 9px solid var(--tooltip-border-right-color, #ffffff);
content: '';
}
.preview-step-popup-container.left-bottom:before {
position: absolute;
bottom: 15px;
right: -10px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid #eeeeee;
content: '';
}
.preview-step-popup-container.bottom-left:after {
position: absolute;
top: -8px;
left: 15px;
border-left: 6px solid transparent;
border-bottom: 9px solid var(--tooltip-border-right-color, #ffffff);
border-right: 6px solid transparent;
content: '';
}
.preview-step-popup-container.bottom-left:before {
position: absolute;
top: -10px;
left: 15px;
border-left: 6px solid transparent;
border-bottom: 10px solid #eeeeee;
border-right: 6px solid transparent;
content: '';
}
.preview-step-popup-container.bottom-middle:after {
position: absolute;
top: -8px;
left: 50%;
border-left: 6px solid transparent;
border-bottom: 9px solid var(--tooltip-border-right-color, #ffffff);
border-right: 6px solid transparent;
content: '';
transform: translate(-50%, 0);
}
.preview-step-popup-container.bottom-middle:before {
position: absolute;
top: -10px;
left: 50%;
border-left: 6px solid transparent;
border-bottom: 10px solid #eeeeee;
border-right: 6px solid transparent;
content: '';
transform: translate(-50%, 0);
}
.preview-step-popup-container.bottom-right:after {
position: absolute;
top: -8px;
right: 15px;
border-left: 6px solid transparent;
border-bottom: 9px solid var(--tooltip-border-right-color, #ffffff);
border-right: 6px solid transparent;
content: '';
}
.preview-step-popup-container.bottom-right:before {
position: absolute;
top: -10px;
right: 15px;
border-left: 6px solid transparent;
border-bottom: 10px solid #eeeeee;
border-right: 6px solid transparent;
content: '';
}
.preview-step-popup-container.right-top:after {
position: absolute;
top: 15px;
left: -8px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 9px solid var(--tooltip-border-right-color, #ffffff);
content: '';
}
.preview-step-popup-container.right-top:before {
position: absolute;
top: 15px;
left: -10px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 10px solid #eeeeee;
content: '';
}
.preview-step-popup-container.right-middle:before {
position: absolute;
top: 50%;
left: -10px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 10px solid #eeeeee;
content: '';
transform: translate(0, -50%);
}
.preview-step-popup-container.right-middle:after {
position: absolute;
top: 50%;
left: -8px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 9px solid var(--tooltip-border-right-color, #ffffff);
content: '';
transform: translate(0, -50%);
}
.preview-step-popup-container.right-bottom:after {
position: absolute;
bottom: 15px;
left: -8px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 9px solid var(--tooltip-border-right-color, #ffffff);
content: '';
}
.preview-step-popup-container.right-bottom:before {
position: absolute;
bottom: 15px;
left: -10px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 10px solid #eeeeee;
content: '';
}
.preview-step-popup-container div,
.preview-step-popup-container div font,
.preview-step-popup-container div span,
.preview-step-popup-container div font span {
transition: none !important;
}
.preview-step-popup-container .preview-step-popup {
max-height: 100%;
max-width: 100%;
overflow: auto;
border: none !important;
border-radius: 3px;
transition: none !important;
padding: 0 2px 0 5px;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-step-number-wrapper {
background: #0078d4;
color: #fff;
width: 21px;
line-height: 21px;
border-radius: 50px;
text-align: center;
margin: 0px -5px 0px 10px;
display: none !important;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper {
max-width: 100%;
min-width: 250px;
overflow: auto;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper::-webkit-scrollbar-track {
-webkit-box-shadow: none !important;
border-radius: 10px !important;
background-color: transparent !important;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper::-webkit-scrollbar {
width: 10px !important;
height: 11px !important;
background-color: transparent !important;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper::-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: none !important;
background-color: #6f708b !important;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper {
width: 94%;
font-size: 18px;
color: #505050;
margin-left: 10px;
padding: 15px 0 0 0;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper.mgPlayerJSProd_padding-top {
padding: 30px 0px 0px 0px;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper font[face=normal] {
font-family: Arial, sans-sserif;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper p,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper div,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper ol,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper ul,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper li {
font-family: inherit;
font-size: inherit;
color: inherit;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper a {
font-family: inherit;
font-size: inherit;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper ol,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper ul {
margin: 0px;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper ol li {
margin-top: 10px;
margin-bottom: 10px;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper ul li {
margin-top: 10px;
margin-bottom: 10px;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper font,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper span {
line-height: initial ;
white-space: inherit ;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper pre,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper font a,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper span a,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper font span a {
font-family: inherit ;
font-size: inherit ;
white-space: pre-wrap;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper img {
max-width: 100%;
width: auto;
margin: 5px 0;
vertical-align: middle;
display: inline-block;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-title-wrapper hr {
margin: 8px 0;
box-sizing: border-box;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper {
padding: 10px 10px 0 10px;
font-size: 15px;
line-height: initial;
color: #8c8da2;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper font[face=normal] {
font-family: Arial, sans-sserif;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper p,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper div,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper ol,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper ul,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper li {
font-family: inherit;
font-size: inherit;
color: inherit;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper a {
font-family: inherit;
font-size: inherit;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper ol,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper ul {
margin: 0px;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper ol li {
margin-top: 10px;
margin-bottom: 10px;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper ul li {
margin-top: 10px;
margin-bottom: 10px;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper font,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper span {
line-height: initial !important ;
white-space: inherit ;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper pre,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper font a,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper span a,
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper font span a {
font-family: inherit ;
font-size: inherit ;
white-space: pre-wrap;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper img {
margin: 2px 0;
vertical-align: middle;
display: inline-block;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-content-wrapper .preview-step-popup-description-wrapper hr {
margin: 8px 0;
box-sizing: border-box !important;
border: none !important;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-audio-btn-wrapper {
text-align: center;
font-size: 17px;
line-height: 19px;
color: #9e9d9d;
cursor: pointer;
position: absolute;
top: 9px;
width: 11px;
height: 20px;
right: 41px;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-audio-btn-wrapper .fa-stack-2x {
font-size: 21px;
line-height: 20px;
color: #0078d4;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-audio-btn-wrapper .fa-stack-1x {
font-size: 13px;
line-height: 20px;
color: #0078d4;
}
.preview-step-popup-container .preview-step-popup-header .preview-step-popup-audio-btn-wrapper i {
font-size: 14px;
}
.preview-step-popup-container .preview-step-popup-header .popup-classic-design-header {
position: absolute;
top: 10px;
left: 15px;
font-size: 16px;
}
.preview-step-popup-container .preview-step-popup-close-btn-wrapper {
text-align: center;
cursor: pointer;
position: absolute;
top: 3px;
right: 15px;
font-size: 22px;
color: #0078d4;
}
.preview-step-popup-container .preview-step-popup-close-btn-wrapper i {
font-size: 18px;
-webkit-text-stroke-width: 2px;
}
.preview-step-popup-container .preview-step-popup-footer {
margin: 0 0 0 0;
padding: 3px 6px 0 10px;
min-height: 15px;
}
.preview-step-popup-container .preview-step-popup-footer.mgPlayerJSProd_min-height {
min-height: 30px;
}
.preview-step-popup-container .preview-step-popup-footer .preview-step-popup-logo-wrapper {
width: 40%;
margin: 10px 0 10px 0;
}
.preview-step-popup-container .preview-step-popup-footer .preview-step-popup-logo-wrapper img {
width: auto;
max-width: 100px;
max-height: 25px;
}
.preview-step-popup-container .preview-step-popup-footer .preview-step-popup-total-steps-wrapper {
bottom: -10px;
left: 47%;
border-radius: 50%;
width: 35px;
height: 35px;
background: #fff;
box-shadow: #0078d4 0px 0px 2px 0px;
border: 1px solid #0078d4 !important;
position: absolute;
bottom: 15px;
border: none !important;
box-shadow: none;
width: auto !important;
text-align: center;
left: 46%;
height: 25px;
color: #8c8da2;
}
.preview-step-popup-container .preview-step-popup-footer .preview-step-popup-total-steps-wrapper .current-step-wrapper,
.preview-step-popup-container .preview-step-popup-footer .preview-step-popup-total-steps-wrapper .total-steps-wrapper {
font-size: 11px;
line-height: 35px;
color: #8c8da2;
}
.preview-step-popup-container .preview-step-popup-footer .preview-step-popup-total-steps-wrapper .separator {
margin: 0px -1px;
line-height: 9px;
font-size: 9px;
color: #8c8da2;
}
.preview-step-popup-container .preview-step-popup-footer .preview-step-popup-navigation-wrapper {
width: 58%;
text-align: right;
color: #0078d4;
cursor: pointer;
pointer-events: initial;
font-size: 13px;
display: none;
}
.preview-step-popup-container .preview-step-popup-footer .preview-step-popup-navigation-wrapper div {
color: #0078d4;
cursor: pointer;
pointer-events: initial;
font-size: 13px;
line-height: 14px;
}
.preview-step-popup-container .preview-step-popup-footer .preview-step-popup-navigation-wrapper .preview-step-popup-next-btn-wrapper {
border: 1px solid #b6b7c8;
background: #fff;
display: inline-block;
border-radius: 25px;
margin: 0 15px 0 0;
width: 40px;
height: 20px;
}
.preview-step-popup-container .preview-step-popup-footer .preview-step-popup-navigation-wrapper .preview-step-popup-next-btn-wrapper img {
width: 13px;
display: block;
margin: 3px 0px 0px 14px;
}
.preview-step-popup-container .preview-step-popup-footer .preview-step-popup-navigation-wrapper .preview-step-popup-previous-btn-wrapper {
border: 1px solid #0078d4;
background: #0078d4;
display: inline-block;
border-radius: 25px;
width: 40px;
height: 20px;
}
.preview-step-popup-container .preview-step-popup-footer .preview-step-popup-navigation-wrapper .preview-step-popup-previous-btn-wrapper img {
width: 13px;
display: block;
margin: 3px 0px 0px 12px;
}
.preview-step-popup-container .preview-step-popup-footer .popup-classic-design-navigation {
width: 100%;
}
.preview-step-popup-container .preview-step-popup-footer .popup-classic-design-navigation .popup-classic-design-navigation-prev {
width: 50% ;
height: 30px ;
border-radius: 0px ;
text-align: center;
font-size: 18px;
line-height: 25px;
float: left;
vertical-align: middle;
border-left: 1px solid #eee;
color: #333;
background: #fff;
}
.preview-step-popup-container .preview-step-popup-footer .popup-classic-design-navigation .popup-classic-design-navigation-prev i {
vertical-align: middle;
}
.preview-step-popup-container .preview-step-popup-footer .popup-classic-design-navigation .popup-classic-design-navigation-prev span {
font-family: Arial, sans-serif;
margin: 0 0px 0 5px;
font-size: 17px;
line-height: 30px;
display: inline-block;
vertical-align: middle;
}
.preview-step-popup-container .preview-step-popup-footer .popup-classic-design-navigation .mgPlayerJSProd_popup-classic-navigation-next {
width: 50% ;
height: 30px ;
border-radius: 0px ;
margin: 0px;
text-align: center;
font-size: 18px;
line-height: 25px;
float: left;
vertical-align: middle;
border-left: 1px solid #eee;
color: #333;
background: #fff;
}
.preview-step-popup-container .preview-step-popup-footer .popup-classic-design-navigation .mgPlayerJSProd_popup-classic-navigation-next i {
margin: 0 0px 0 5px;
vertical-align: middle;
}
.preview-step-popup-container .preview-step-popup-footer .popup-classic-design-navigation .mgPlayerJSProd_popup-classic-navigation-next span {
font-family: Arial, sans-serif;
font-size: 17px;
line-height: 30px;
display: inline-block;
vertical-align: middle;
}
.mgPlayerJSProd_btn-zoom-in-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper,
.mgPlayerJSProd_btn-zoom-out-wrapper:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
.mgPlayerJSProd_btn-zoom-in-wrapper .mgPlayerJSProd_zoom,
.mgPlayerJSProd_btn-zoom-out-wrapper .mgPlayerJSProd_zoom {
margin: 5px;
}
.mgPlayerJSProd_btn-zoom-in-wrapper .mgPlayerJSProd_zoom svg,
.mgPlayerJSProd_btn-zoom-out-wrapper .mgPlayerJSProd_zoom svg {
width: 20px;
height: 20px;
}
#mgPlayerJSProd_slideshow-focus-button .mgPlayerJSProd_title-tooltip-wrapper {
max-width: 100%;
}
#mgPlayerJSProd_slideshow-focus-button:hover .mgPlayerJSProd_title-tooltip-wrapper {
font-weight: normal !important;
display: block !important;
}
#mgPlayerJSProd_tooltipPopup .mgPlayerJSProd_custom-image {
max-width: 100%;
}
.mgPlayerJSProd_ann-notification-container {
width: 700px !important;
height: 500px !important;
min-width: 520px !important;
min-height: 250px;
border-radius: 0px;
padding: 0 !important;
display: flex;
flex-direction: column;
align-items: center;
max-width: calc(100% - 125px);
max-height: 90%;
}
.mgPlayerJSProd_ann-notification-container .mgPlayerJSProd_ann-notification-content-wrapper {
height: calc(100% - 180px);
background: #fff;
padding: 20px;
min-height: 200px;
display: inline-flex;
flex-flow: column;
align-items: center;
justify-content: center;
width: calc(100% - 30px);
}
.mgPlayerJSProd_ann-notification-container .mgPlayerJSProd_ann-notification-content-wrapper:hover {
background-color: #fff;
}
.mgPlayerJSProd_ann-notification-container .mgPlayerJSProd_ann-notification-content-wrapper:hover .mgPlayerJSProd_push-notification-guide-info-overlay {
display: none;
}
.mgPlayerJSProd_ann-notification-container .mgPlayerJSProd_ann-notification-content-wrapper .mgPlayerJSProd_min-content-wrapper {
height: auto;
padding: 0px 20px;
color: #606060;
}
.mgPlayerJSProd_ann-notification-container .mgPlayerJSProd_ann-notification-content-wrapper .mgPlayerJSProd_push-notif-tg-content-wrapper {
width: 100%;
height: 100%;
min-height: 170px;
overflow: auto;
font-size: 14px;
line-height: 22px;
padding: 20px;
color: #606060;
}
.mgPlayerJSProd_ann-notification-container .mgPlayerJSProd_ann-notification-header {
background: #ff240a !important;
height: 55px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
width: 100%;
border-radius: 0px !important;
}
.mgPlayerJSProd_ann-notification-container .mgPlayerJSProd_ann-notification-header h3 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.mgPlayerJSProd_ann-notification-container .mgPlayerJSProd_ann-notification-btn-wrapper {
width: 100%;
align-items: center;
padding: 0 20px;
height: 70px;
display: flex;
justify-content: center;
position: absolute;
left: 0;
bottom: 0;
border: 2px solid #EFEFEF;
}
.mgPlayerJSProd_ann-notification-container .mgPlayerJSProd_ann-notification-btn-wrapper .mgPlayerJSProd_btn-dont-show-again {
background-color: #EDEDED;
height: 45px !important;
border-color: #D9D9D9;
border-width: 2px;
border-style: solid;
color: #727272;
margin: 0px 20px;
}
/* Copyright 2014 Mozilla Foundation
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.dialog{
--dialog-bg-color:white;
--dialog-border-color:white;
--dialog-shadow:0 2px 14px 0 rgb(58 57 68 / 0.2);
--text-primary-color:#15141a;
--text-secondary-color:#5b5b66;
--hover-filter:brightness(0.9);
--focus-ring-color:#0060df;
--focus-ring-outline:2px solid var(--focus-ring-color);
--link-fg-color:#0060df;
--link-hover-fg-color:#0250bb;
--separator-color:#f0f0f4;
--textarea-border-color:#8f8f9d;
--textarea-bg-color:white;
--textarea-fg-color:var(--text-secondary-color);
--radio-bg-color:#f0f0f4;
--radio-checked-bg-color:#fbfbfe;
--radio-border-color:#8f8f9d;
--radio-checked-border-color:#0060df;
--button-secondary-bg-color:#f0f0f4;
--button-secondary-fg-color:var(--text-primary-color);
--button-secondary-border-color:var(--button-secondary-bg-color);
--button-secondary-hover-bg-color:var(--button-secondary-bg-color);
--button-secondary-hover-fg-color:var(--button-secondary-fg-color);
--button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
--button-primary-bg-color:#0060df;
--button-primary-fg-color:#fbfbfe;
--button-primary-border-color:var(--button-primary-bg-color);
--button-primary-hover-bg-color:var(--button-primary-bg-color);
--button-primary-hover-fg-color:var(--button-primary-fg-color);
--button-primary-hover-border-color:var(--button-primary-hover-bg-color);
}
@media (prefers-color-scheme: dark){
.dialog{
--dialog-bg-color:#1c1b22;
--dialog-border-color:#1c1b22;
--dialog-shadow:0 2px 14px 0 #15141a;
--text-primary-color:#fbfbfe;
--text-secondary-color:#cfcfd8;
--focus-ring-color:#0df;
--hover-filter:brightness(1.4);
--link-fg-color:#0df;
--link-hover-fg-color:#80ebff;
--separator-color:#52525e;
--textarea-bg-color:#42414d;
--radio-bg-color:#2b2a33;
--radio-checked-bg-color:#15141a;
--radio-checked-border-color:#0df;
--button-secondary-bg-color:#2b2a33;
--button-primary-bg-color:#0df;
--button-primary-fg-color:#15141a;
}
}
@media screen and (forced-colors: active){
.dialog{
--dialog-bg-color:Canvas;
--dialog-border-color:CanvasText;
--dialog-shadow:none;
--text-primary-color:CanvasText;
--text-secondary-color:CanvasText;
--hover-filter:none;
--focus-ring-color:ButtonBorder;
--link-fg-color:LinkText;
--link-hover-fg-color:LinkText;
--separator-color:CanvasText;
--textarea-border-color:ButtonBorder;
--textarea-bg-color:Field;
--textarea-fg-color:ButtonText;
--radio-bg-color:ButtonFace;
--radio-checked-bg-color:ButtonFace;
--radio-border-color:ButtonText;
--radio-checked-border-color:ButtonText;
--button-secondary-bg-color:ButtonFace;
--button-secondary-fg-color:ButtonText;
--button-secondary-border-color:ButtonText;
--button-secondary-hover-bg-color:AccentColor;
--button-secondary-hover-fg-color:AccentColorText;
--button-primary-bg-color:ButtonText;
--button-primary-fg-color:ButtonFace;
--button-primary-hover-bg-color:AccentColor;
--button-primary-hover-fg-color:AccentColorText;
}
}
.dialog{
font:message-box;
font-size:13px;
font-weight:400;
line-height:150%;
border-radius:4px;
padding:12px 16px;
border:1px solid var(--dialog-border-color);
background:var(--dialog-bg-color);
color:var(--text-primary-color);
box-shadow:var(--dialog-shadow);
}
:is(.dialog .mainContainer) *:focus-visible{
outline:var(--focus-ring-outline);
outline-offset:2px;
}
:is(.dialog .mainContainer) .title{
display:flex;
width:auto;
flex-direction:column;
justify-content:flex-end;
align-items:flex-start;
gap:12px;
}
:is(:is(.dialog .mainContainer) .title) > span{
font-size:13px;
font-style:normal;
font-weight:590;
line-height:150%;
}
:is(.dialog .mainContainer) .dialogSeparator{
width:100%;
height:0;
margin-block:4px;
border-top:1px solid var(--separator-color);
border-bottom:none;
}
:is(.dialog .mainContainer) .dialogButtonsGroup{
display:flex;
gap:12px;
align-self:flex-end;
}
:is(.dialog .mainContainer) .radio{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:4px;
}
:is(:is(.dialog .mainContainer) .radio) > .radioButton{
display:flex;
gap:8px;
align-self:stretch;
align-items:center;
}
:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
width:16px;
height:16px;
border-radius:50%;
background-color:var(--radio-bg-color);
border:1px solid var(--radio-border-color);
}
:is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):hover{
filter:var(--hover-filter);
}
:is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):checked{
background-color:var(--radio-checked-bg-color);
border:4px solid var(--radio-checked-border-color);
}
:is(:is(.dialog .mainContainer) .radio) > .radioLabel{
display:flex;
padding-inline-start:24px;
align-items:flex-start;
gap:10px;
align-self:stretch;
}
:is(:is(:is(.dialog .mainContainer) .radio) > .radioLabel) > span{
flex:1 0 0;
font-size:11px;
color:var(--text-secondary-color);
}
:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton)){
border-radius:4px;
border:1px solid;
font:menu;
font-weight:600;
padding:4px 16px;
width:auto;
height:32px;
}
:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
cursor:pointer;
filter:var(--hover-filter);
}
.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
color:var(--button-secondary-fg-color);
background-color:var(--button-secondary-bg-color);
border-color:var(--button-secondary-border-color);
}
.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
color:var(--button-secondary-hover-fg-color);
background-color:var(--button-secondary-hover-bg-color);
border-color:var(--button-secondary-hover-border-color);
}
.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
color:var(--button-primary-fg-color);
background-color:var(--button-primary-bg-color);
border-color:var(--button-primary-border-color);
opacity:1;
}
.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
color:var(--button-primary-hover-fg-color);
background-color:var(--button-primary-hover-bg-color);
border-color:var(--button-primary-hover-border-color);
}
:is(.dialog .mainContainer) a{
color:var(--link-fg-color);
}
:is(:is(.dialog .mainContainer) a):hover{
color:var(--link-hover-fg-color);
}
:is(.dialog .mainContainer) textarea{
font:inherit;
padding:8px;
resize:none;
margin:0;
box-sizing:border-box;
border-radius:4px;
border:1px solid var(--textarea-border-color);
background:var(--textarea-bg-color);
color:var(--textarea-fg-color);
}
:is(:is(.dialog .mainContainer) textarea):focus{
outline-offset:0;
border-color:transparent;
}
:is(:is(.dialog .mainContainer) textarea):disabled{
pointer-events:none;
opacity:0.4;
}
:is(.dialog .mainContainer) .messageBar{
--message-bar-warning-icon:url(images/messageBar_warning.svg);
--closing-button-icon:url(images/messageBar_closingButton.svg);
--message-bar-bg-color:#ffebcd;
--message-bar-fg-color:#15141a;
--message-bar-border-color:rgb(0 0 0 / 0.08);
--message-bar-icon-color:#cd411e;
--message-bar-close-button-border-radius:4px;
--message-bar-close-button-border:none;
--message-bar-close-button-color:var(--text-primary-color);
--message-bar-close-button-hover-bg-color:rgb(21 20 26 / 0.14);
--message-bar-close-button-active-bg-color:rgb(21 20 26 / 0.21);
--message-bar-close-button-focus-bg-color:rgb(21 20 26 / 0.07);
--message-bar-close-button-color-hover:var(--text-primary-color);
}
@media (prefers-color-scheme: dark){
:is(.dialog .mainContainer) .messageBar{
--message-bar-bg-color:#5a3100;
--message-bar-fg-color:#fbfbfe;
--message-bar-border-color:rgb(255 255 255 / 0.08);
--message-bar-icon-color:#e49c49;
--message-bar-close-button-hover-bg-color:rgb(251 251 254 / 0.14);
--message-bar-close-button-active-bg-color:rgb(251 251 254 / 0.21);
--message-bar-close-button-focus-bg-color:rgb(251 251 254 / 0.07);
}
}
@media screen and (forced-colors: active){
:is(.dialog .mainContainer) .messageBar{
--message-bar-bg-color:HighlightText;
--message-bar-fg-color:CanvasText;
--message-bar-border-color:CanvasText;
--message-bar-icon-color:CanvasText;
--message-bar-close-button-color:ButtonText;
--message-bar-close-button-border:1px solid ButtonText;
--message-bar-close-button-hover-bg-color:ButtonText;
--message-bar-close-button-active-bg-color:ButtonText;
--message-bar-close-button-focus-bg-color:ButtonText;
--message-bar-close-button-color-hover:HighlightText;
}
}
:is(.dialog .mainContainer) .messageBar{
display:flex;
position:relative;
padding:12px 8px 12px 0;
flex-direction:column;
justify-content:center;
align-items:flex-start;
gap:8px;
align-self:stretch;
border-radius:4px;
border:1px solid var(--message-bar-border-color);
background:var(--message-bar-bg-color);
color:var(--message-bar-fg-color);
}
:is(:is(.dialog .mainContainer) .messageBar) > div{
display:flex;
padding-inline-start:16px;
align-items:flex-start;
gap:8px;
align-self:stretch;
}
:is(:is(:is(.dialog .mainContainer) .messageBar) > div)::before{
content:"";
display:inline-block;
width:16px;
height:16px;
-webkit-mask-image:var(--message-bar-warning-icon);
mask-image:var(--message-bar-warning-icon);
-webkit-mask-size:cover;
mask-size:cover;
background-color:var(--message-bar-icon-color);
}
:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:8px;
flex:1 0 0;
}
:is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .title{
font-size:13px;
font-weight:590;
}
:is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .description{
font-size:13px;
}
:is(:is(.dialog .mainContainer) .messageBar) .closeButton{
position:absolute;
width:32px;
height:32px;
inset-inline-end:8px;
inset-block-start:8px;
background:none;
border-radius:var(--message-bar-close-button-border-radius);
border:var(--message-bar-close-button-border);
}
:is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton)::before{
content:"";
display:inline-block;
width:16px;
height:16px;
-webkit-mask-image:var(--closing-button-icon);
mask-image:var(--closing-button-icon);
-webkit-mask-size:cover;
mask-size:cover;
background-color:var(--message-bar-close-button-color);
}
:is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):is(:hover,:active,:focus)::before{
background-color:var(--message-bar-close-button-color-hover);
}
:is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):hover{
background-color:var(--message-bar-close-button-hover-bg-color);
}
:is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):active{
background-color:var(--message-bar-close-button-active-bg-color);
}
:is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):focus{
background-color:var(--message-bar-close-button-focus-bg-color);
}
:is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton) > span{
display:inline-block;
width:0;
height:0;
overflow:hidden;
}
:is(.dialog .mainContainer) .toggler{
display:flex;
align-items:center;
gap:8px;
align-self:stretch;
}
:is(:is(.dialog .mainContainer) .toggler) > .togglerLabel{
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.textLayer{
position:absolute;
text-align:initial;
inset:0;
overflow:clip;
opacity:1;
line-height:1;
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
text-size-adjust:none;
forced-color-adjust:none;
transform-origin:0 0;
caret-color:CanvasText;
z-index:0;
}
.textLayer.highlighting{
touch-action:none;
}
.textLayer :is(span,br){
color:transparent;
position:absolute;
white-space:pre;
cursor:text;
transform-origin:0% 0%;
}
.textLayer > :not(.markedContent),.textLayer .markedContent span:not(.markedContent){
z-index:1;
}
.textLayer span.markedContent{
top:0;
height:0;
}
.textLayer span[role="img"]{
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
cursor:default;
}
.textLayer .highlight{
--highlight-bg-color:rgb(180 0 170 / 0.25);
--highlight-selected-bg-color:rgb(0 100 0 / 0.25);
--highlight-backdrop-filter:none;
--highlight-selected-backdrop-filter:none;
}
@media screen and (forced-colors: active){
.textLayer .highlight{
--highlight-bg-color:transparent;
--highlight-selected-bg-color:transparent;
--highlight-backdrop-filter:var(--hcm-highlight-filter);
--highlight-selected-backdrop-filter:var(
--hcm-highlight-selected-filter
);
}
}
.textLayer .highlight{
margin:-1px;
padding:1px;
background-color:var(--highlight-bg-color);
-webkit-backdrop-filter:var(--highlight-backdrop-filter);
backdrop-filter:var(--highlight-backdrop-filter);
border-radius:4px;
}
.appended:is(.textLayer .highlight){
position:initial;
}
.begin:is(.textLayer .highlight){
border-radius:4px 0 0 4px;
}
.end:is(.textLayer .highlight){
border-radius:0 4px 4px 0;
}
.middle:is(.textLayer .highlight){
border-radius:0;
}
.selected:is(.textLayer .highlight){
background-color:var(--highlight-selected-bg-color);
-webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);
backdrop-filter:var(--highlight-selected-backdrop-filter);
}
.textLayer ::-moz-selection{
background:rgba(0 0 255 / 0.25);
background:color-mix(in srgb, AccentColor, transparent 75%);
}
.textLayer ::selection{
background:rgba(0 0 255 / 0.25);
background:color-mix(in srgb, AccentColor, transparent 75%);
}
.textLayer br::-moz-selection{
background:transparent;
}
.textLayer br::selection{
background:transparent;
}
.textLayer .endOfContent{
display:block;
position:absolute;
inset:100% 0 0;
z-index:0;
cursor:default;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.textLayer.selecting .endOfContent{
top:0;
}
.annotationLayer{
--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,");
--input-focus-border-color:Highlight;
--input-focus-outline:1px solid Canvas;
--input-unfocused-border-color:transparent;
--input-disabled-border-color:transparent;
--input-hover-border-color:black;
--link-outline:none;
}
@media screen and (forced-colors: active){
.annotationLayer{
--input-focus-border-color:CanvasText;
--input-unfocused-border-color:ActiveText;
--input-disabled-border-color:GrayText;
--input-hover-border-color:Highlight;
--link-outline:1.5px solid LinkText;
}
.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{
outline:1.5px solid selectedItem;
}
.annotationLayer .linkAnnotation{
outline:var(--link-outline);
}
:is(.annotationLayer .linkAnnotation):hover{
-webkit-backdrop-filter:var(--hcm-highlight-filter);
backdrop-filter:var(--hcm-highlight-filter);
}
:is(.annotationLayer .linkAnnotation) > a:hover{
opacity:0 !important;
background:none !important;
box-shadow:none;
}
.annotationLayer .popupAnnotation .popup{
outline:calc(1.5px * var(--scale-factor)) solid CanvasText !important;
background-color:ButtonFace !important;
color:ButtonText !important;
}
.annotationLayer .highlightArea:hover::after{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-webkit-backdrop-filter:var(--hcm-highlight-filter);
backdrop-filter:var(--hcm-highlight-filter);
content:"";
pointer-events:none;
}
.annotationLayer .popupAnnotation.focused .popup{
outline:calc(3px * var(--scale-factor)) solid Highlight !important;
}
}
.annotationLayer{
position:absolute;
top:0;
left:0;
pointer-events:none;
transform-origin:0 0;
}
.annotationLayer[data-main-rotation="90"] .norotate{
transform:rotate(270deg) translateX(-100%);
}
.annotationLayer[data-main-rotation="180"] .norotate{
transform:rotate(180deg) translate(-100%, -100%);
}
.annotationLayer[data-main-rotation="270"] .norotate{
transform:rotate(90deg) translateY(-100%);
}
.annotationLayer.disabled section,.annotationLayer.disabled .popup{
pointer-events:none;
}
.annotationLayer .annotationContent{
position:absolute;
width:100%;
height:100%;
pointer-events:none;
}
.freetext:is(.annotationLayer .annotationContent){
background:transparent;
border:none;
inset:0;
overflow:visible;
white-space:nowrap;
font:10px sans-serif;
line-height:1.35;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.annotationLayer section{
position:absolute;
text-align:initial;
pointer-events:auto;
box-sizing:border-box;
transform-origin:0 0;
}
:is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent{
display:none;
}
.textLayer.selecting ~ .annotationLayer section{
pointer-events:none;
}
.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton) > a{
position:absolute;
font-size:1em;
top:0;
left:0;
width:100%;
height:100%;
}
.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover{
opacity:0.2;
background-color:rgb(255 255 0);
box-shadow:0 2px 10px rgb(255 255 0);
}
.annotationLayer .linkAnnotation.hasBorder:hover{
background-color:rgb(255 255 0 / 0.2);
}
.annotationLayer .hasBorder{
background-size:100% 100%;
}
.annotationLayer .textAnnotation img{
position:absolute;
cursor:pointer;
width:100%;
height:100%;
top:0;
left:0;
}
.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{
background-image:var(--annotation-unfocused-field-background);
border:2px solid var(--input-unfocused-border-color);
box-sizing:border-box;
font:calc(9px * var(--scale-factor)) sans-serif;
height:100%;
margin:0;
vertical-align:top;
width:100%;
}
.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{
outline:1.5px solid red;
}
.annotationLayer .choiceWidgetAnnotation select option{
padding:0;
}
.annotationLayer .buttonWidgetAnnotation.radioButton input{
border-radius:50%;
}
.annotationLayer .textWidgetAnnotation textarea{
resize:none;
}
.annotationLayer .textWidgetAnnotation [disabled]:is(input,textarea),.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{
background:none;
border:2px solid var(--input-disabled-border-color);
cursor:not-allowed;
}
.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{
border:2px solid var(--input-hover-border-color);
}
.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{
border-radius:2px;
}
.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{
background:none;
border:2px solid var(--input-focus-border-color);
border-radius:2px;
outline:var(--input-focus-outline);
}
.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{
background-image:none;
background-color:transparent;
}
.annotationLayer .buttonWidgetAnnotation.checkBox :focus{
border:2px solid var(--input-focus-border-color);
border-radius:2px;
outline:var(--input-focus-outline);
}
.annotationLayer .buttonWidgetAnnotation.radioButton :focus{
border:2px solid var(--input-focus-border-color);
outline:var(--input-focus-outline);
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
background-color:CanvasText;
content:"";
display:block;
position:absolute;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
height:80%;
left:45%;
width:1px;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before{
transform:rotate(45deg);
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
transform:rotate(-45deg);
}
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
border-radius:50%;
height:50%;
left:25%;
top:25%;
width:50%;
}
.annotationLayer .textWidgetAnnotation input.comb{
font-family:monospace;
padding-left:2px;
padding-right:0;
}
.annotationLayer .textWidgetAnnotation input.comb:focus{
width:103%;
}
.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{
height:100%;
width:100%;
}
.annotationLayer .popupAnnotation{
position:absolute;
font-size:calc(9px * var(--scale-factor));
pointer-events:none;
width:-moz-max-content;
width:max-content;
max-width:45%;
height:auto;
}
.annotationLayer .popup{
background-color:rgb(255 255 153);
box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136);
border-radius:calc(2px * var(--scale-factor));
outline:1.5px solid rgb(255 255 74);
padding:calc(6px * var(--scale-factor));
cursor:pointer;
font:message-box;
white-space:normal;
word-wrap:break-word;
pointer-events:auto;
}
.annotationLayer .popupAnnotation.focused .popup{
outline-width:3px;
}
.annotationLayer .popup *{
font-size:calc(9px * var(--scale-factor));
}
.annotationLayer .popup > .header{
display:inline-block;
}
.annotationLayer .popup > .header h1{
display:inline;
}
.annotationLayer .popup > .header .popupDate{
display:inline-block;
margin-left:calc(5px * var(--scale-factor));
width:-moz-fit-content;
width:fit-content;
}
.annotationLayer .popupContent{
border-top:1px solid rgb(51 51 51);
margin-top:calc(2px * var(--scale-factor));
padding-top:calc(2px * var(--scale-factor));
}
.annotationLayer .richText > *{
white-space:pre-wrap;
font-size:calc(9px * var(--scale-factor));
}
.annotationLayer .popupTriggerArea{
cursor:pointer;
}
.annotationLayer section svg{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.annotationLayer .annotationTextContent{
position:absolute;
width:100%;
height:100%;
opacity:0;
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
pointer-events:none;
}
:is(.annotationLayer .annotationTextContent) span{
width:100%;
display:inline-block;
}
.annotationLayer svg.quadrilateralsContainer{
contain:strict;
width:0;
height:0;
position:absolute;
top:0;
left:0;
z-index:-1;
}
:root{
--xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,");
--xfa-focus-outline:auto;
}
@media screen and (forced-colors: active){
:root{
--xfa-focus-outline:2px solid CanvasText;
}
.xfaLayer *:required{
outline:1.5px solid selectedItem;
}
}
.xfaLayer{
background-color:transparent;
}
.xfaLayer .highlight{
margin:-1px;
padding:1px;
background-color:rgb(239 203 237);
border-radius:4px;
}
.xfaLayer .highlight.appended{
position:initial;
}
.xfaLayer .highlight.begin{
border-radius:4px 0 0 4px;
}
.xfaLayer .highlight.end{
border-radius:0 4px 4px 0;
}
.xfaLayer .highlight.middle{
border-radius:0;
}
.xfaLayer .highlight.selected{
background-color:rgb(203 223 203);
}
.xfaPage{
overflow:hidden;
position:relative;
}
.xfaContentarea{
position:absolute;
}
.xfaPrintOnly{
display:none;
}
.xfaLayer{
position:absolute;
text-align:initial;
top:0;
left:0;
transform-origin:0 0;
line-height:1.2;
}
.xfaLayer *{
color:inherit;
font:inherit;
font-style:inherit;
font-weight:inherit;
font-kerning:inherit;
letter-spacing:-0.01px;
text-align:inherit;
text-decoration:inherit;
box-sizing:border-box;
background-color:transparent;
padding:0;
margin:0;
pointer-events:auto;
line-height:inherit;
}
.xfaLayer *:required{
outline:1.5px solid red;
}
.xfaLayer div,
.xfaLayer svg,
.xfaLayer svg *{
pointer-events:none;
}
.xfaLayer a{
color:blue;
}
.xfaRich li{
margin-left:3em;
}
.xfaFont{
color:black;
font-weight:normal;
font-kerning:none;
font-size:10px;
font-style:normal;
letter-spacing:0;
text-decoration:none;
vertical-align:0;
}
.xfaCaption{
overflow:hidden;
flex:0 0 auto;
}
.xfaCaptionForCheckButton{
overflow:hidden;
flex:1 1 auto;
}
.xfaLabel{
height:100%;
width:100%;
}
.xfaLeft{
display:flex;
flex-direction:row;
align-items:center;
}
.xfaRight{
display:flex;
flex-direction:row-reverse;
align-items:center;
}
:is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton){
max-height:100%;
}
.xfaTop{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.xfaBottom{
display:flex;
flex-direction:column-reverse;
align-items:flex-start;
}
:is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton){
width:100%;
}
.xfaBorder{
background-color:transparent;
position:absolute;
pointer-events:none;
}
.xfaWrapped{
width:100%;
height:100%;
}
:is(.xfaTextfield, .xfaSelect):focus{
background-image:none;
background-color:transparent;
outline:var(--xfa-focus-outline);
outline-offset:-1px;
}
:is(.xfaCheckbox, .xfaRadio):focus{
outline:var(--xfa-focus-outline);
}
.xfaTextfield,
.xfaSelect{
height:100%;
width:100%;
flex:1 1 auto;
border:none;
resize:none;
background-image:var(--xfa-unfocused-field-background);
}
.xfaSelect{
padding-inline:2px;
}
:is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect){
flex:0 1 auto;
}
.xfaButton{
cursor:pointer;
width:100%;
height:100%;
border:none;
text-align:center;
}
.xfaLink{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.xfaCheckbox,
.xfaRadio{
width:100%;
height:100%;
flex:0 0 auto;
border:none;
}
.xfaRich{
white-space:pre-wrap;
width:100%;
height:100%;
}
.xfaImage{
-o-object-position:left top;
object-position:left top;
-o-object-fit:contain;
object-fit:contain;
width:100%;
height:100%;
}
.xfaLrTb,
.xfaRlTb,
.xfaTb{
display:flex;
flex-direction:column;
align-items:stretch;
}
.xfaLr{
display:flex;
flex-direction:row;
align-items:stretch;
}
.xfaRl{
display:flex;
flex-direction:row-reverse;
align-items:stretch;
}
.xfaTb > div{
justify-content:left;
}
.xfaPosition{
position:relative;
}
.xfaArea{
position:relative;
}
.xfaValignMiddle{
display:flex;
align-items:center;
}
.xfaTable{
display:flex;
flex-direction:column;
align-items:stretch;
}
.xfaTable .xfaRow{
display:flex;
flex-direction:row;
align-items:stretch;
}
.xfaTable .xfaRlRow{
display:flex;
flex-direction:row-reverse;
align-items:stretch;
flex:1;
}
.xfaTable .xfaRlRow > div{
flex:1;
}
:is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea){
background:initial;
}
@media print{
.xfaTextfield,
.xfaSelect{
background:transparent;
}
.xfaSelect{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
text-indent:1px;
text-overflow:"";
}
}
.canvasWrapper svg{
transform:none;
}
[data-main-rotation="90"]:is(.canvasWrapper svg) mask,[data-main-rotation="90"]:is(.canvasWrapper svg) use:not(.clip,.mask){
transform:matrix(0, 1, -1, 0, 1, 0);
}
[data-main-rotation="180"]:is(.canvasWrapper svg) mask,[data-main-rotation="180"]:is(.canvasWrapper svg) use:not(.clip,.mask){
transform:matrix(-1, 0, 0, -1, 1, 1);
}
[data-main-rotation="270"]:is(.canvasWrapper svg) mask,[data-main-rotation="270"]:is(.canvasWrapper svg) use:not(.clip,.mask){
transform:matrix(0, -1, 1, 0, 0, 1);
}
.highlight:is(.canvasWrapper svg){
--blend-mode:multiply;
}
@media screen and (forced-colors: active){
.highlight:is(.canvasWrapper svg){
--blend-mode:difference;
}
}
.highlight:is(.canvasWrapper svg){
position:absolute;
mix-blend-mode:var(--blend-mode);
}
.highlight:is(.canvasWrapper svg):not(.free){
fill-rule:evenodd;
}
.highlightOutline:is(.canvasWrapper svg){
position:absolute;
mix-blend-mode:normal;
fill-rule:evenodd;
fill:none;
}
.highlightOutline.hovered:is(.canvasWrapper svg):not(.free):not(.selected){
stroke:var(--hover-outline-color);
stroke-width:var(--outline-width);
}
.highlightOutline.selected:is(.canvasWrapper svg):not(.free) .mainOutline{
stroke:var(--outline-around-color);
stroke-width:calc(
var(--outline-width) + 2 * var(--outline-around-width)
);
}
.highlightOutline.selected:is(.canvasWrapper svg):not(.free) .secondaryOutline{
stroke:var(--outline-color);
stroke-width:var(--outline-width);
}
.highlightOutline.free.hovered:is(.canvasWrapper svg):not(.selected){
stroke:var(--hover-outline-color);
stroke-width:calc(2 * var(--outline-width));
}
.highlightOutline.free.selected:is(.canvasWrapper svg) .mainOutline{
stroke:var(--outline-around-color);
stroke-width:calc(
2 * (var(--outline-width) + var(--outline-around-width))
);
}
.highlightOutline.free.selected:is(.canvasWrapper svg) .secondaryOutline{
stroke:var(--outline-color);
stroke-width:calc(2 * var(--outline-width));
}
.toggle-button{
--button-background-color:#f0f0f4;
--button-background-color-hover:#e0e0e6;
--button-background-color-active:#cfcfd8;
--color-accent-primary:#0060df;
--color-accent-primary-hover:#0250bb;
--color-accent-primary-active:#054096;
--border-interactive-color:#8f8f9d;
--border-radius-circle:9999px;
--border-width:1px;
--size-item-small:16px;
--size-item-large:32px;
--color-canvas:white;
}
@media (prefers-color-scheme: dark){
.toggle-button{
--button-background-color:color-mix(in srgb, currentColor 7%, transparent);
--button-background-color-hover:color-mix(
in srgb,
currentColor 14%,
transparent
);
--button-background-color-active:color-mix(
in srgb,
currentColor 21%,
transparent
);
--color-accent-primary:#0df;
--color-accent-primary-hover:#80ebff;
--color-accent-primary-active:#aaf2ff;
--border-interactive-color:#bfbfc9;
--color-canvas:#1c1b22;
}
}
@media (forced-colors: active){
.toggle-button{
--color-accent-primary:ButtonText;
--color-accent-primary-hover:SelectedItem;
--color-accent-primary-active:SelectedItem;
--border-interactive-color:ButtonText;
--button-background-color:ButtonFace;
--border-interactive-color-hover:SelectedItem;
--border-interactive-color-active:SelectedItem;
--border-interactive-color-disabled:GrayText;
--color-canvas:ButtonText;
}
}
.toggle-button{
--toggle-background-color:var(--button-background-color);
--toggle-background-color-hover:var(--button-background-color-hover);
--toggle-background-color-active:var(--button-background-color-active);
--toggle-background-color-pressed:var(--color-accent-primary);
--toggle-background-color-pressed-hover:var(--color-accent-primary-hover);
--toggle-background-color-pressed-active:var(--color-accent-primary-active);
--toggle-border-color:var(--border-interactive-color);
--toggle-border-color-hover:var(--toggle-border-color);
--toggle-border-color-active:var(--toggle-border-color);
--toggle-border-radius:var(--border-radius-circle);
--toggle-border-width:var(--border-width);
--toggle-height:var(--size-item-small);
--toggle-width:var(--size-item-large);
--toggle-dot-background-color:var(--toggle-border-color);
--toggle-dot-background-color-hover:var(--toggle-dot-background-color);
--toggle-dot-background-color-active:var(--toggle-dot-background-color);
--toggle-dot-background-color-on-pressed:var(--color-canvas);
--toggle-dot-margin:1px;
--toggle-dot-height:calc(
var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 *
var(--toggle-border-width)
);
--toggle-dot-width:var(--toggle-dot-height);
--toggle-dot-transform-x:calc(
var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width)
);
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
padding:0;
margin:0;
border:var(--toggle-border-width) solid var(--toggle-border-color);
height:var(--toggle-height);
width:var(--toggle-width);
border-radius:var(--toggle-border-radius);
background:var(--toggle-background-color);
box-sizing:border-box;
flex-shrink:0;
}
.toggle-button:focus-visible{
outline:var(--focus-outline);
outline-offset:var(--focus-outline-offset);
}
.toggle-button:enabled:hover{
background:var(--toggle-background-color-hover);
border-color:var(--toggle-border-color);
}
.toggle-button:enabled:active{
background:var(--toggle-background-color-active);
border-color:var(--toggle-border-color);
}
.toggle-button[aria-pressed="true"]{
background:var(--toggle-background-color-pressed);
border-color:transparent;
}
.toggle-button[aria-pressed="true"]:enabled:hover{
background:var(--toggle-background-color-pressed-hover);
border-color:transparent;
}
.toggle-button[aria-pressed="true"]:enabled:active{
background:var(--toggle-background-color-pressed-active);
border-color:transparent;
}
.toggle-button::before{
display:block;
content:"";
background-color:var(--toggle-dot-background-color);
height:var(--toggle-dot-height);
width:var(--toggle-dot-width);
margin:var(--toggle-dot-margin);
border-radius:var(--toggle-border-radius);
translate:0;
}
.toggle-button[aria-pressed="true"]::before{
translate:var(--toggle-dot-transform-x);
background-color:var(--toggle-dot-background-color-on-pressed);
}
.toggle-button[aria-pressed="true"]:enabled:hover::before,.toggle-button[aria-pressed="true"]:enabled:active::before{
background-color:var(--toggle-dot-background-color-on-pressed);
}
[dir="rtl"] .toggle-button[aria-pressed="true"]::before{
translate:calc(-1 * var(--toggle-dot-transform-x));
}
@media (prefers-reduced-motion: no-preference){
.toggle-button::before{
transition:translate 100ms;
}
}
@media (prefers-contrast){
.toggle-button:enabled:hover{
border-color:var(--toggle-border-color-hover);
}
.toggle-button:enabled:active{
border-color:var(--toggle-border-color-active);
}
.toggle-button[aria-pressed="true"]:enabled{
border-color:var(--toggle-border-color);
position:relative;
}
.toggle-button[aria-pressed="true"]:enabled:hover,.toggle-button[aria-pressed="true"]:enabled:hover:active{
border-color:var(--toggle-border-color-hover);
}
.toggle-button[aria-pressed="true"]:enabled:active{
background-color:var(--toggle-dot-background-color-active);
border-color:var(--toggle-dot-background-color-hover);
}
.toggle-button:hover::before,.toggle-button:active::before{
background-color:var(--toggle-dot-background-color-hover);
}
}
@media (forced-colors){
.toggle-button{
--toggle-dot-background-color:var(--color-accent-primary);
--toggle-dot-background-color-hover:var(--color-accent-primary-hover);
--toggle-dot-background-color-active:var(--color-accent-primary-active);
--toggle-dot-background-color-on-pressed:var(--button-background-color);
--toggle-background-color-disabled:var(--button-background-color-disabled);
--toggle-border-color-hover:var(--border-interactive-color-hover);
--toggle-border-color-active:var(--border-interactive-color-active);
--toggle-border-color-disabled:var(--border-interactive-color-disabled);
}
.toggle-button[aria-pressed="true"]:enabled::after{
border:1px solid var(--button-background-color);
content:"";
position:absolute;
height:var(--toggle-height);
width:var(--toggle-width);
display:block;
border-radius:var(--toggle-border-radius);
inset:-2px;
}
.toggle-button[aria-pressed="true"]:enabled:active::after{
border-color:var(--toggle-border-color-active);
}
}
:root{
--outline-width:2px;
--outline-color:#0060df;
--outline-around-width:1px;
--outline-around-color:#f0f0f4;
--hover-outline-around-color:var(--outline-around-color);
--focus-outline:solid var(--outline-width) var(--outline-color);
--unfocus-outline:solid var(--outline-width) transparent;
--focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);
--hover-outline-color:#8f8f9d;
--hover-outline:solid var(--outline-width) var(--hover-outline-color);
--hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);
--freetext-line-height:1.35;
--freetext-padding:2px;
--resizer-bg-color:var(--outline-color);
--resizer-size:6px;
--resizer-shift:calc(
0px - (var(--outline-width) + var(--resizer-size)) / 2 -
var(--outline-around-width)
);
--editorFreeText-editing-cursor:text;
--editorInk-editing-cursor:url(images/cursor-editorInk.svg) 0 16, pointer;
--editorHighlight-editing-cursor:url(images/cursor-editorTextHighlight.svg) 24 24, text;
--editorFreeHighlight-editing-cursor:url(images/cursor-editorFreeHighlight.svg) 1 18, pointer;
--new-alt-text-warning-image:url(images/altText_warning.svg);
}
.visuallyHidden{
position:absolute;
top:0;
left:0;
border:0;
margin:0;
padding:0;
width:0;
height:0;
overflow:hidden;
white-space:nowrap;
font-size:0;
}
.textLayer.highlighting{
cursor:var(--editorFreeHighlight-editing-cursor);
}
.textLayer.highlighting:not(.free) span{
cursor:var(--editorHighlight-editing-cursor);
}
[role="img"]:is(.textLayer.highlighting:not(.free) span){
cursor:var(--editorFreeHighlight-editing-cursor);
}
.textLayer.highlighting.free span{
cursor:var(--editorFreeHighlight-editing-cursor);
}
:is(#viewerContainer.pdfPresentationMode:fullscreen,.annotationEditorLayer.disabled) .noAltTextBadge{
display:none !important;
}
@media (min-resolution: 1.1dppx){
:root{
--editorFreeText-editing-cursor:url(images/cursor-editorFreeText.svg) 0 16, text;
}
}
@media screen and (forced-colors: active){
:root{
--outline-color:CanvasText;
--outline-around-color:ButtonFace;
--resizer-bg-color:ButtonText;
--hover-outline-color:Highlight;
--hover-outline-around-color:SelectedItemText;
}
}
[data-editor-rotation="90"]{
transform:rotate(90deg);
}
[data-editor-rotation="180"]{
transform:rotate(180deg);
}
[data-editor-rotation="270"]{
transform:rotate(270deg);
}
.annotationEditorLayer{
background:transparent;
position:absolute;
inset:0;
font-size:calc(100px * var(--scale-factor));
transform-origin:0 0;
cursor:auto;
}
.annotationEditorLayer .selectedEditor{
z-index:100000 !important;
}
.annotationEditorLayer.drawing *{
pointer-events:none !important;
}
.annotationEditorLayer.waiting{
content:"";
cursor:wait;
position:absolute;
inset:0;
width:100%;
height:100%;
}
.annotationEditorLayer.disabled{
pointer-events:none;
}
.annotationEditorLayer.freetextEditing{
cursor:var(--editorFreeText-editing-cursor);
}
.annotationEditorLayer.inkEditing{
cursor:var(--editorInk-editing-cursor);
}
.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor){
position:absolute;
background:transparent;
z-index:1;
transform-origin:0 0;
cursor:auto;
max-width:100%;
max-height:100%;
border:var(--unfocus-outline);
}
.draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
cursor:move;
}
.moving:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
touch-action:none;
}
.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
border:var(--focus-outline);
outline:var(--focus-outline-around);
}
.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))::before{
content:"";
position:absolute;
inset:0;
border:var(--focus-outline-around);
pointer-events:none;
}
:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor){
border:var(--hover-outline);
outline:var(--hover-outline-around);
}
:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor)::before{
content:"";
position:absolute;
inset:0;
border:var(--focus-outline-around);
}
:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
--editor-toolbar-delete-image:url(images/editor-toolbar-delete.svg);
--editor-toolbar-bg-color:#f0f0f4;
--editor-toolbar-highlight-image:url(images/toolbarButton-editorHighlight.svg);
--editor-toolbar-fg-color:#2e2e56;
--editor-toolbar-border-color:#8f8f9d;
--editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
--editor-toolbar-hover-bg-color:#e0e0e6;
--editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
--editor-toolbar-hover-outline:none;
--editor-toolbar-focus-outline-color:#0060df;
--editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
--editor-toolbar-vert-offset:6px;
--editor-toolbar-height:28px;
--editor-toolbar-padding:2px;
--alt-text-done-color:#2ac3a2;
--alt-text-warning-color:#0090ed;
--alt-text-hover-done-color:var(--alt-text-done-color);
--alt-text-hover-warning-color:var(--alt-text-warning-color);
}
@media (prefers-color-scheme: dark){
:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
--editor-toolbar-bg-color:#2b2a33;
--editor-toolbar-fg-color:#fbfbfe;
--editor-toolbar-hover-bg-color:#52525e;
--editor-toolbar-focus-outline-color:#0df;
--alt-text-done-color:#54ffbd;
--alt-text-warning-color:#80ebff;
}
}
@media screen and (forced-colors: active){
:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
--editor-toolbar-bg-color:ButtonFace;
--editor-toolbar-fg-color:ButtonText;
--editor-toolbar-border-color:ButtonText;
--editor-toolbar-hover-border-color:AccentColor;
--editor-toolbar-hover-bg-color:ButtonFace;
--editor-toolbar-hover-fg-color:AccentColor;
--editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
--editor-toolbar-focus-outline-color:ButtonBorder;
--editor-toolbar-shadow:none;
--alt-text-done-color:var(--editor-toolbar-fg-color);
--alt-text-warning-color:var(--editor-toolbar-fg-color);
--alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color);
--alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color);
}
}
:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
display:flex;
width:-moz-fit-content;
width:fit-content;
height:var(--editor-toolbar-height);
flex-direction:column;
justify-content:center;
align-items:center;
cursor:default;
pointer-events:auto;
box-sizing:content-box;
padding:var(--editor-toolbar-padding);
position:absolute;
inset-inline-end:0;
inset-block-start:calc(100% + var(--editor-toolbar-vert-offset));
border-radius:6px;
background-color:var(--editor-toolbar-bg-color);
border:1px solid var(--editor-toolbar-border-color);
box-shadow:var(--editor-toolbar-shadow);
}
.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
display:none;
}
:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar):has(:focus-visible){
border-color:transparent;
}
[dir="ltr"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
transform-origin:100% 0;
}
[dir="rtl"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
transform-origin:0 0;
}
:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons{
display:flex;
justify-content:center;
align-items:center;
gap:0;
height:100%;
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .divider{
width:0;
height:calc(
2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)
);
border-left:1px solid var(--editor-toolbar-border-color);
border-right:none;
display:inline-block;
margin-inline:2px;
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton{
width:var(--editor-toolbar-height);
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton)::before{
content:"";
-webkit-mask-image:var(--editor-toolbar-highlight-image);
mask-image:var(--editor-toolbar-highlight-image);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
display:inline-block;
background-color:var(--editor-toolbar-fg-color);
width:100%;
height:100%;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton):hover::before{
background-color:var(--editor-toolbar-hover-fg-color);
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete{
width:var(--editor-toolbar-height);
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete)::before{
content:"";
-webkit-mask-image:var(--editor-toolbar-delete-image);
mask-image:var(--editor-toolbar-delete-image);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
display:inline-block;
background-color:var(--editor-toolbar-fg-color);
width:100%;
height:100%;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete):hover::before{
background-color:var(--editor-toolbar-hover-fg-color);
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > *{
height:var(--editor-toolbar-height);
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider){
border:none;
background-color:transparent;
cursor:pointer;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover{
border-radius:2px;
background-color:var(--editor-toolbar-hover-bg-color);
color:var(--editor-toolbar-hover-fg-color);
outline:var(--editor-toolbar-hover-outline);
outline-offset:1px;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active{
outline:none;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible{
border-radius:2px;
outline:2px solid var(--editor-toolbar-focus-outline-color);
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText{
--alt-text-add-image:url(images/altText_add.svg);
--alt-text-done-image:url(images/altText_done.svg);
display:flex;
align-items:center;
justify-content:center;
width:-moz-max-content;
width:max-content;
padding-inline:8px;
pointer-events:all;
font:menu;
font-weight:590;
font-size:12px;
color:var(--editor-toolbar-fg-color);
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):disabled{
pointer-events:none;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
content:"";
-webkit-mask-image:var(--alt-text-add-image);
mask-image:var(--alt-text-add-image);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
display:inline-block;
width:12px;
height:13px;
background-color:var(--editor-toolbar-fg-color);
margin-inline-end:4px;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
background-color:var(--editor-toolbar-hover-fg-color);
}
.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
-webkit-mask-image:var(--alt-text-done-image);
mask-image:var(--alt-text-done-image);
}
.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
width:16px;
height:16px;
-webkit-mask-image:var(--new-alt-text-warning-image);
mask-image:var(--new-alt-text-warning-image);
background-color:var(--alt-text-warning-color);
-webkit-mask-size:cover;
mask-size:cover;
}
.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
background-color:var(--alt-text-hover-warning-color);
}
.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
-webkit-mask-image:var(--alt-text-done-image);
mask-image:var(--alt-text-done-image);
background-color:var(--alt-text-done-color);
}
.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
background-color:var(--alt-text-hover-done-color);
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip{
display:none;
word-wrap:anywhere;
}
.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
--alt-text-tooltip-bg:#f0f0f4;
--alt-text-tooltip-fg:#15141a;
--alt-text-tooltip-border:#8f8f9d;
--alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2);
}
@media (prefers-color-scheme: dark){
.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
--alt-text-tooltip-bg:#1c1b22;
--alt-text-tooltip-fg:#fbfbfe;
--alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
}
}
@media screen and (forced-colors: active){
.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
--alt-text-tooltip-bg:Canvas;
--alt-text-tooltip-fg:CanvasText;
--alt-text-tooltip-border:CanvasText;
--alt-text-tooltip-shadow:none;
}
}
.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
display:inline-flex;
flex-direction:column;
align-items:center;
justify-content:center;
position:absolute;
top:calc(100% + 2px);
inset-inline-start:0;
padding-block:2px 3px;
padding-inline:3px;
max-width:300px;
width:-moz-max-content;
width:max-content;
height:auto;
font-size:12px;
border:0.5px solid var(--alt-text-tooltip-border);
background:var(--alt-text-tooltip-bg);
box-shadow:var(--alt-text-tooltip-shadow);
color:var(--alt-text-tooltip-fg);
pointer-events:none;
}
.annotationEditorLayer .freeTextEditor{
padding:calc(var(--freetext-padding) * var(--scale-factor));
width:auto;
height:auto;
touch-action:none;
}
.annotationEditorLayer .freeTextEditor .internal{
background:transparent;
border:none;
inset:0;
overflow:visible;
white-space:nowrap;
font:10px sans-serif;
line-height:var(--freetext-line-height);
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.annotationEditorLayer .freeTextEditor .overlay{
position:absolute;
display:none;
background:transparent;
inset:0;
width:100%;
height:100%;
}
.annotationEditorLayer freeTextEditor .overlay.enabled{
display:block;
}
.annotationEditorLayer .freeTextEditor .internal:empty::before{
content:attr(default-content);
color:gray;
}
.annotationEditorLayer .freeTextEditor .internal:focus{
outline:none;
-webkit-user-select:auto;
-moz-user-select:auto;
user-select:auto;
}
.annotationEditorLayer .inkEditor{
width:100%;
height:100%;
}
.annotationEditorLayer .inkEditor.editing{
cursor:inherit;
}
.annotationEditorLayer .inkEditor .inkEditorCanvas{
position:absolute;
inset:0;
width:100%;
height:100%;
touch-action:none;
}
.annotationEditorLayer .stampEditor{
width:auto;
height:auto;
}
:is(.annotationEditorLayer .stampEditor) canvas{
position:absolute;
width:100%;
height:100%;
margin:0;
top:0;
left:0;
}
:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
--no-alt-text-badge-border-color:#f0f0f4;
--no-alt-text-badge-bg-color:#cfcfd8;
--no-alt-text-badge-fg-color:#5b5b66;
}
@media (prefers-color-scheme: dark){
:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
--no-alt-text-badge-border-color:#52525e;
--no-alt-text-badge-bg-color:#fbfbfe;
--no-alt-text-badge-fg-color:#15141a;
}
}
@media screen and (forced-colors: active){
:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
--no-alt-text-badge-border-color:ButtonText;
--no-alt-text-badge-bg-color:ButtonFace;
--no-alt-text-badge-fg-color:ButtonText;
}
}
:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
position:absolute;
inset-inline-end:5px;
inset-block-end:5px;
display:inline-flex;
width:32px;
height:32px;
padding:3px;
justify-content:center;
align-items:center;
pointer-events:none;
z-index:1;
border-radius:2px;
border:1px solid var(--no-alt-text-badge-border-color);
background:var(--no-alt-text-badge-bg-color);
}
:is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge)::before{
content:"";
display:inline-block;
width:16px;
height:16px;
-webkit-mask-image:var(--new-alt-text-warning-image);
mask-image:var(--new-alt-text-warning-image);
-webkit-mask-size:cover;
mask-size:cover;
background-color:var(--no-alt-text-badge-fg-color);
}
:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers{
position:absolute;
inset:0;
}
.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers){
display:none;
}
:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer{
width:var(--resizer-size);
height:var(--resizer-size);
background:content-box var(--resizer-bg-color);
border:var(--focus-outline-around);
border-radius:2px;
position:absolute;
}
.topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
top:var(--resizer-shift);
left:var(--resizer-shift);
}
.topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
top:var(--resizer-shift);
left:calc(50% + var(--resizer-shift));
}
.topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
top:var(--resizer-shift);
right:var(--resizer-shift);
}
.middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
top:calc(50% + var(--resizer-shift));
right:var(--resizer-shift);
}
.bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
bottom:var(--resizer-shift);
right:var(--resizer-shift);
}
.bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
bottom:var(--resizer-shift);
left:calc(50% + var(--resizer-shift));
}
.bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
bottom:var(--resizer-shift);
left:var(--resizer-shift);
}
.middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
top:calc(50% + var(--resizer-shift));
left:var(--resizer-shift);
}
.topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer),.bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer){
cursor:nwse-resize;
}
.topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer),.bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer){
cursor:ns-resize;
}
.topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer),.bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer){
cursor:nesw-resize;
}
.middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer),.middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer){
cursor:ew-resize;
}
.topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer),.bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer){
cursor:nesw-resize;
}
.topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer),.bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer){
cursor:ew-resize;
}
.topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer),.bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer){
cursor:nwse-resize;
}
.middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer),.middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer){
cursor:ns-resize;
}
:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"],[data-main-rotation="90"] [data-editor-rotation="0"],[data-main-rotation="180"] [data-editor-rotation="270"],[data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar{
rotate:270deg;
}
[dir="ltr"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"],[data-main-rotation="90"] [data-editor-rotation="0"],[data-main-rotation="180"] [data-editor-rotation="270"],[data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar){
inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset));
inset-block-start:0;
}
[dir="rtl"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"],[data-main-rotation="90"] [data-editor-rotation="0"],[data-main-rotation="180"] [data-editor-rotation="270"],[data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar){
inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
inset-block-start:0;
}
:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="180"],[data-main-rotation="90"] [data-editor-rotation="90"],[data-main-rotation="180"] [data-editor-rotation="0"],[data-main-rotation="270"] [data-editor-rotation="270"])) .editToolbar{
rotate:180deg;
inset-inline-end:100%;
inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset));
}
:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar{
rotate:90deg;
}
[dir="ltr"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar){
inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
inset-block-start:100%;
}
[dir="rtl"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar){
inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset));
inset-block-start:0;
}
.dialog.altText::backdrop{
-webkit-mask:url(#alttext-manager-mask);
mask:url(#alttext-manager-mask);
}
.dialog.altText.positioned{
margin:0;
}
.dialog.altText #altTextContainer{
width:300px;
height:-moz-fit-content;
height:fit-content;
display:inline-flex;
flex-direction:column;
align-items:flex-start;
gap:16px;
}
:is(.dialog.altText #altTextContainer) #overallDescription{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:4px;
align-self:stretch;
}
:is(:is(.dialog.altText #altTextContainer) #overallDescription) span{
align-self:stretch;
}
:is(:is(.dialog.altText #altTextContainer) #overallDescription) .title{
font-size:13px;
font-style:normal;
font-weight:590;
}
:is(.dialog.altText #altTextContainer) #addDescription{
display:flex;
flex-direction:column;
align-items:stretch;
gap:8px;
}
:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea{
flex:1;
padding-inline:24px 10px;
}
:is(:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea) textarea{
width:100%;
min-height:75px;
}
:is(.dialog.altText #altTextContainer) #buttons{
display:flex;
justify-content:flex-end;
align-items:flex-start;
gap:8px;
align-self:stretch;
}
.dialog.newAltText{
--new-alt-text-ai-disclaimer-icon:url(images/altText_disclaimer.svg);
--new-alt-text-spinner-icon:url(images/altText_spinner.svg);
--preview-image-bg-color:#f0f0f4;
--preview-image-border:none;
}
@media (prefers-color-scheme: dark){
.dialog.newAltText{
--preview-image-bg-color:#2b2a33;
}
}
@media screen and (forced-colors: active){
.dialog.newAltText{
--preview-image-bg-color:ButtonFace;
--preview-image-border:1px solid ButtonText;
}
}
.dialog.newAltText{
width:80%;
max-width:570px;
min-width:300px;
padding:0;
}
.dialog.newAltText.noAi #newAltTextDisclaimer,.dialog.newAltText.noAi #newAltTextCreateAutomatically{
display:none !important;
}
.dialog.newAltText.aiInstalling #newAltTextCreateAutomatically{
display:none !important;
}
.dialog.newAltText.aiInstalling #newAltTextDownloadModel{
display:flex !important;
}
.dialog.newAltText.error #newAltTextNotNow{
display:none !important;
}
.dialog.newAltText.error #newAltTextCancel{
display:inline-block !important;
}
.dialog.newAltText:not(.error) #newAltTextError{
display:none !important;
}
.dialog.newAltText #newAltTextContainer{
display:flex;
width:auto;
padding:16px;
flex-direction:column;
justify-content:flex-end;
align-items:flex-start;
gap:12px;
flex:0 1 auto;
line-height:normal;
}
:is(.dialog.newAltText #newAltTextContainer) #mainContent{
display:flex;
justify-content:flex-end;
align-items:flex-start;
gap:12px;
align-self:stretch;
flex:1 1 auto;
}
:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionAndSettings{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:16px;
flex:1 0 0;
align-self:stretch;
}
:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:8px;
align-self:stretch;
flex:1 1 auto;
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer{
width:100%;
height:70px;
position:relative;
}
:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea{
width:100%;
height:100%;
padding:8px;
}
:is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::-moz-placeholder{
color:var(--text-secondary-color);
}
:is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::placeholder{
color:var(--text-secondary-color);
}
:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner{
display:none;
position:absolute;
width:16px;
height:16px;
inset-inline-start:8px;
inset-block-start:8px;
-webkit-mask-size:cover;
mask-size:cover;
background-color:var(--text-secondary-color);
pointer-events:none;
}
.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::-moz-placeholder{
color:transparent;
}
.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::placeholder{
color:transparent;
}
.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner{
display:inline-block;
-webkit-mask-image:var(--new-alt-text-spinner-icon);
mask-image:var(--new-alt-text-spinner-icon);
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescription{
font-size:11px;
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer{
display:flex;
flex-direction:row;
align-items:flex-start;
gap:4px;
font-size:11px;
}
:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer)::before{
content:"";
display:inline-block;
width:17px;
height:16px;
-webkit-mask-image:var(--new-alt-text-ai-disclaimer-icon);
mask-image:var(--new-alt-text-ai-disclaimer-icon);
-webkit-mask-size:cover;
mask-size:cover;
background-color:var(--text-secondary-color);
flex:1 0 auto;
}
:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel{
display:flex;
align-items:center;
gap:4px;
align-self:stretch;
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel)::before{
content:"";
display:inline-block;
width:16px;
height:16px;
-webkit-mask-image:var(--new-alt-text-spinner-icon);
mask-image:var(--new-alt-text-spinner-icon);
-webkit-mask-size:cover;
mask-size:cover;
background-color:var(--text-secondary-color);
}
:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview{
width:180px;
aspect-ratio:1;
display:flex;
justify-content:center;
align-items:center;
flex:0 0 auto;
background-color:var(--preview-image-bg-color);
border:var(--preview-image-border);
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview) > canvas{
max-width:100%;
max-height:100%;
}
.colorPicker{
--hover-outline-color:#0250bb;
--selected-outline-color:#0060df;
--swatch-border-color:#cfcfd8;
}
@media (prefers-color-scheme: dark){
.colorPicker{
--hover-outline-color:#80ebff;
--selected-outline-color:#aaf2ff;
--swatch-border-color:#52525e;
}
}
@media screen and (forced-colors: active){
.colorPicker{
--hover-outline-color:Highlight;
--selected-outline-color:var(--hover-outline-color);
--swatch-border-color:ButtonText;
}
}
.colorPicker .swatch{
width:16px;
height:16px;
border:1px solid var(--swatch-border-color);
border-radius:100%;
outline-offset:2px;
box-sizing:border-box;
forced-color-adjust:none;
}
.colorPicker button:is(:hover,.selected) > .swatch{
border:none;
}
.annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{
rotate:0deg;
}
.annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free) > .editToolbar{
rotate:270deg;
}
.annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free) > .editToolbar{
rotate:180deg;
}
.annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free) > .editToolbar{
rotate:90deg;
}
.annotationEditorLayer .highlightEditor{
position:absolute;
background:transparent;
z-index:1;
cursor:auto;
max-width:100%;
max-height:100%;
border:none;
outline:none;
pointer-events:none;
transform-origin:0 0;
}
:is(.annotationEditorLayer .highlightEditor):not(.free){
transform:none;
}
:is(.annotationEditorLayer .highlightEditor) .internal{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:auto;
}
.disabled:is(.annotationEditorLayer .highlightEditor) .internal{
pointer-events:none;
}
.selectedEditor:is(.annotationEditorLayer .highlightEditor) .internal{
cursor:pointer;
}
:is(.annotationEditorLayer .highlightEditor) .editToolbar{
--editor-toolbar-colorpicker-arrow-image:url(images/toolbarButton-menuArrow.svg);
transform-origin:center !important;
}
:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker{
position:relative;
width:auto;
display:flex;
justify-content:center;
align-items:center;
gap:4px;
padding:4px;
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker)::after{
content:"";
-webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image);
mask-image:var(--editor-toolbar-colorpicker-arrow-image);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
display:inline-block;
background-color:var(--editor-toolbar-fg-color);
width:12px;
height:12px;
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):hover::after{
background-color:var(--editor-toolbar-hover-fg-color);
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden)){
background-color:var(--editor-toolbar-hover-bg-color);
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden))::after{
scale:-1;
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown{
position:absolute;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:11px;
padding-block:8px;
border-radius:6px;
background-color:var(--editor-toolbar-bg-color);
border:1px solid var(--editor-toolbar-border-color);
box-shadow:var(--editor-toolbar-shadow);
inset-block-start:calc(100% + 4px);
width:calc(100% + 2 * var(--editor-toolbar-padding));
}
:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button{
width:100%;
height:auto;
border:none;
cursor:pointer;
display:flex;
justify-content:center;
align-items:center;
background:none;
}
:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:active,:focus-visible){
outline:none;
}
:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch{
outline-offset:2px;
}
[aria-selected="true"]:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch{
outline:2px solid var(--selected-outline-color);
}
:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
outline:2px solid var(--hover-outline-color);
}
.editorParamsToolbar:has(#highlightParamsToolbarContainer){
padding:unset;
}
#highlightParamsToolbarContainer{
gap:16px;
padding-inline:10px;
padding-block-end:12px;
}
#highlightParamsToolbarContainer .colorPicker{
display:flex;
flex-direction:column;
gap:8px;
}
:is(#highlightParamsToolbarContainer .colorPicker) .dropdown{
display:flex;
justify-content:space-between;
align-items:center;
flex-direction:row;
height:auto;
}
:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button{
width:auto;
height:auto;
border:none;
cursor:pointer;
display:flex;
justify-content:center;
align-items:center;
background:none;
flex:0 0 auto;
padding:0;
}
:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) .swatch{
width:24px;
height:24px;
}
:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:active,:focus-visible){
outline:none;
}
[aria-selected="true"]:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) > .swatch{
outline:2px solid var(--selected-outline-color);
}
:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
outline:2px solid var(--hover-outline-color);
}
#highlightParamsToolbarContainer #editorHighlightThickness{
display:flex;
flex-direction:column;
align-items:center;
gap:4px;
align-self:stretch;
}
:is(#highlightParamsToolbarContainer #editorHighlightThickness) .editorParamsLabel{
height:auto;
align-self:stretch;
}
:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
display:flex;
justify-content:space-between;
align-items:center;
align-self:stretch;
--example-color:#bfbfc9;
}
@media (prefers-color-scheme: dark){
:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
--example-color:#80808e;
}
}
@media screen and (forced-colors: active){
:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
--example-color:CanvasText;
}
}
:is(:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) > .editorParamsSlider[disabled]){
opacity:0.4;
}
:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::before,:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after{
content:"";
width:8px;
aspect-ratio:1;
display:block;
border-radius:100%;
background-color:var(--example-color);
}
:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after{
width:24px;
}
:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) .editorParamsSlider{
width:unset;
height:14px;
}
#highlightParamsToolbarContainer #editorHighlightVisibility{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:8px;
align-self:stretch;
}
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
--divider-color:#d7d7db;
}
@media (prefers-color-scheme: dark){
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
--divider-color:#8f8f9d;
}
}
@media screen and (forced-colors: active){
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
--divider-color:CanvasText;
}
}
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
margin-block:4px;
width:100%;
height:1px;
background-color:var(--divider-color);
}
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .toggler{
display:flex;
justify-content:space-between;
align-items:center;
align-self:stretch;
}
#altTextSettingsDialog{
padding:16px;
}
#altTextSettingsDialog #altTextSettingsContainer{
display:flex;
width:573px;
flex-direction:column;
gap:16px;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) .mainContainer{
gap:16px;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) .description{
color:var(--text-secondary-color);
}
:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings{
display:flex;
flex-direction:column;
gap:12px;
}
:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) button{
width:-moz-fit-content;
width:fit-content;
}
.download:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) #deleteModelButton{
display:none;
}
:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings):not(.download) #downloadModelButton{
display:none;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) #automaticAltText,:is(#altTextSettingsDialog #altTextSettingsContainer) #altTextEditor{
display:flex;
flex-direction:column;
gap:8px;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) #createModelDescription,:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings,:is(#altTextSettingsDialog #altTextSettingsContainer) #showAltTextDialogDescription{
padding-inline-start:40px;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) #automaticSettings{
display:flex;
flex-direction:column;
gap:16px;
}
:root{
--viewer-container-height:0;
--pdfViewer-padding-bottom:0;
--page-margin:1px auto -8px;
--page-border:9px solid transparent;
--spreadHorizontalWrapped-margin-LR:-3.5px;
--loading-icon-delay:400ms;
}
@media screen and (forced-colors: active){
:root{
--pdfViewer-padding-bottom:9px;
--page-margin:8px auto -1px;
--page-border:1px solid CanvasText;
--spreadHorizontalWrapped-margin-LR:3.5px;
}
}
[data-main-rotation="90"]{
transform:rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"]{
transform:rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"]{
transform:rotate(270deg) translateX(-100%);
}
#hiddenCopyElement,
.hiddenCanvasElement{
position:absolute;
top:0;
left:0;
width:0;
height:0;
display:none;
}
.pdfViewer{
--scale-factor:1;
--page-bg-color:unset;
padding-bottom:var(--pdfViewer-padding-bottom);
--hcm-highlight-filter:none;
--hcm-highlight-selected-filter:none;
}
@media screen and (forced-colors: active){
.pdfViewer{
--hcm-highlight-filter:invert(100%);
}
}
.pdfViewer.copyAll{
cursor:wait;
}
.pdfViewer .canvasWrapper{
overflow:hidden;
width:100%;
height:100%;
}
:is(.pdfViewer .canvasWrapper) canvas{
margin:0;
display:block;
width:100%;
height:100%;
}
[hidden]:is(:is(.pdfViewer .canvasWrapper) canvas){
display:none;
}
[zooming]:is(:is(.pdfViewer .canvasWrapper) canvas){
width:100%;
height:100%;
}
:is(:is(.pdfViewer .canvasWrapper) canvas) .structTree{
contain:strict;
}
.pdfViewer .page{
--scale-round-x:1px;
--scale-round-y:1px;
direction:ltr;
width:816px;
height:1056px;
margin:var(--page-margin);
position:relative;
overflow:visible;
border:var(--page-border);
background-clip:content-box;
background-color:var(--page-bg-color, rgb(255 255 255));
}
.pdfViewer .dummyPage{
position:relative;
width:0;
height:var(--viewer-container-height);
}
.pdfViewer.noUserSelect{
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.pdfViewer.removePageBorders .page{
margin:0 auto 10px;
border:none;
}
.pdfViewer.singlePageView{
display:inline-block;
}
.pdfViewer.singlePageView .page{
margin:0;
border:none;
}
.pdfViewer:is(.scrollHorizontal, .scrollWrapped),
.spread{
margin-inline:3.5px;
text-align:center;
}
.pdfViewer.scrollHorizontal,
.spread{
white-space:nowrap;
}
.pdfViewer.removePageBorders,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread{
margin-inline:0;
}
.spread :is(.page, .dummyPage),
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread){
display:inline-block;
vertical-align:middle;
}
.spread .page,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page{
margin-inline:var(--spreadHorizontalWrapped-margin-LR);
}
.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page{
margin-inline:5px;
}
.pdfViewer .page.loadingIcon::after{
position:absolute;
top:0;
left:0;
content:"";
width:100%;
height:100%;
background:url("images/loading-icon.gif") center no-repeat;
display:none;
transition-property:display;
transition-delay:var(--loading-icon-delay);
z-index:5;
contain:strict;
}
.pdfViewer .page.loading::after{
display:block;
}
.pdfViewer .page:not(.loading)::after{
transition-property:none;
display:none;
}
.pdfPresentationMode .pdfViewer{
padding-bottom:0;
}
.pdfPresentationMode .spread{
margin:0;
}
.pdfPresentationMode .pdfViewer .page{
margin:0 auto;
border:2px solid transparent;
}