.pathmonk-root {z-index: -1 ;width: 0px;height: 0px} .pathmonkPlugin {z-index: 2147483646;position: fixed; height: 220px; width: 0px; right: 0px; top: calc(50% - 110px); margin: 0px; -webkit-transition:350ms,top 0ms linear;-moz-transition:350ms,top 0ms linear;-o-transition:350ms,top 0ms linear;-ms-transition:350ms,top 0ms linear;transition:350ms,top 0ms linear; } .pathmonkSmartCards {z-index: 2147483647;position: fixed;top: 10px;width: 340px;height: 256px; padding-top: 7%;left: 50%; transform: translate(-50%, 0);} .pathmonk-root-frames {z-index: 2147483647;top: 10px;width: 100%;height: 100%;min-height: 0px;max-height: 100%;min-width: 0px;max-width: 100%;} .pathmonk-side-bar { -webkit-transition: width 400ms linear; -moz-transition: width 400ms linear; -ms-transition: width 400ms linear; -o-transition: width 400ms linear; transition: width 400ms linear; height: 40%; background-color: white; width: 100%; position: absolute; z-index: 100000; margin: 0px; /* box-shadow: rgba(31, 51, 198, 0.137) 0px -2px 10px 0px;*/ } .pathmonk-side-bar1{ border-radius: 18px 0px 0px 16px; -webkit-transform: skewY(-55deg); -moz-transform: skewY(-55deg); -ms-transform: skewY(-55deg); -o-transform: skewY(-55deg); transform: skewY(-55deg); height: 60%; background-color: white; width: 100%; position: absolute; z-index: 100000; margin: 0px; } .pathmonk-side-bar2{ border-radius: 0px 0px 0px 16px; -webkit-transform: skewY(55deg); -moz-transform: skewY(55deg); -ms-transform: skewY(55deg); -o-transform: skewY(55deg); transform: skewY(55deg); height: 60%; bottom: 0px; background-color: white; width: 100%; position: absolute; z-index: 100000; margin: 0px; } .pathmonk-side-bar3{ height: 60%; top: 20%; background-color: white; width: 100%; position: absolute; z-index: 100001; margin: 0px; } .pathmonk-message-box { right: -340px; -webkit-transition: right 400ms linear; -moz-transition: right 400ms linear; -ms-transition: right 400ms linear; -o-transition: right 400ms linear; transition: right 400ms linear; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: unset; animation-name: unset; margin: 0px; } .pathmonk-message-box.loadPathmonkBox { -webkit-animation-name: messageSideP; animation-name: messageSideP; right: 10px; } @-webkit-keyframes messageSideP { 0% {-webkit-transform: translateX(-15px);} 55% {-webkit-transform: translateX(-15px);} 100% {-webkit-transform: translateX(0px);} } @keyframes messageSideP { 0% {-webkit-transform: translateX(-15px);} 55% {-webkit-transform: translateX(-15px);} 100% {-webkit-transform: translateX(0px);} } .pathmonk-message-box-items-message { -webkit-transition: width 450ms ease-in, max-width 450ms ease-in; -moz-transition: width 450ms ease-in, max-width 450ms ease-in; -ms-transition: width 450ms ease-in, max-width 450ms ease-in; -o-transition: width 450ms ease-in, max-width 450ms ease-in; transition: width 450ms ease-in, max-width 450ms ease-in; } .pathmonk-message-box-items { opacity: 0; -webkit-transition: opacity 450ms ease-in,width 450ms ease-in, max-width 450ms ease-in; -moz-transition: opacity 450ms ease-in,width 450ms ease-in, max-width 450ms ease-in; -ms-transition: opacity 450ms ease-in,width 450ms ease-in, max-width 450ms ease-in; -o-transition: opacity 450ms ease-in,width 450ms ease-in, max-width 450ms ease-in; transition: opacity 450ms ease-in,width 450ms ease-in, max-width 450ms ease-in; } .pathmonk-message-box-items.loadPathmonkBox { opacity: 1; }