CSS
@charset "UTF-8";/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
hr,img {
border: 0
}
body,figure {
margin: 0
}
.img-responsive,.img-thumbnail,.table,label {
max-width: 100%
}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable {
max-height: 340px
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],template {
display: none
}
a {
background-color: transparent
}
a:active,a:hover {
outline: 0
}
b,optgroup,strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
vertical-align: middle
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0
}
pre,textarea {
overflow: auto
}
code,kbd,pre,samp {
font-size: 1em
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0
}
.popover,.tooltip,body {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}
button {
overflow: visible
}
button,select {
text-transform: none
}
button,html input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],html input[disabled] {
cursor: default
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0
}
input[type=checkbox],input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,th {
padding: 0
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
blockquote,img,pre,tr {
page-break-inside: avoid
}
*,:after,:before {
background: 0 0!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important
}
a,a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="#"]:after,a[href^="javascript:"]:after {
content: ""
}
blockquote,pre {
border: 1px solid #999
}
thead {
display: table-header-group
}
img {
max-width: 100%!important
}
h2,h3,p {
orphans: 3;
widows: 3
}
h2,h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.btn>.caret,.dropup>.btn>.caret {
border-top-color: #000!important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table td,.table th {
background-color: #fff!important
}
.table-bordered td,.table-bordered th {
border: 1px solid #ddd!important
}
}
.img-thumbnail,body {
background-color: #ebeef0
}
*,:after,:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent
}
body {
font-size: 13px;
color: #183247
}
button,input,select,textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #448ee1;
text-decoration: none
}
a:focus,a:hover {
color: #448ee1;
text-decoration: underline
}
a:focus {
outline: dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
.img-responsive {
display: block;
height: auto
}
.img-rounded {
border-radius: 6px
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
height: auto
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 18px;
margin-bottom: 18px;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
[role=button] {
cursor: pointer
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit
}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
font-weight: 400;
line-height: 1;
color: #777
}
.h1,.h2,.h3,h1,h2,h3 {
margin-top: 18px;
margin-bottom: 9px
}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
font-size: 65%
}
.h4,.h5,.h6,h4,h5,h6 {
margin-top: 9px;
margin-bottom: 9px
}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
font-size: 75%
}
.h1,h1 {
font-size: 33px
}
.h2,h2 {
font-size: 27px
}
.h3,h3 {
font-size: 23px
}
.h4,h4 {
font-size: 15px
}
.h5,h5 {
font-size: 13px
}
.h6,h6 {
font-size: 12px
}
p {
margin: 0 0 9px
}
.lead {
margin-bottom: 18px;
font-size: 14px;
font-weight: 300;
line-height: 1.4
}
dt,kbd kbd,label {
font-weight: 700
}
@media (min-width: 768px) {
.lead {
font-size:19.5px
}
}
.small,small {
font-size: 92%
}
.mark,mark {
background-color: #fcf8e3;
padding: .2em
}
.list-inline,.list-unstyled {
padding-left: 0;
list-style: none
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.initialism,.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #7c7c7c
}
.text-primary {
color: #02b875
}
a.text-primary:focus,a.text-primary:hover {
color: #018655
}
.text-success {
color: #3c763d
}
a.text-success:focus,a.text-success:hover {
color: #2b542c
}
.text-info {
color: #31708f
}
a.text-info:focus,a.text-info:hover {
color: #245269
}
.text-warning {
color: #8a6d3b
}
a.text-warning:focus,a.text-warning:hover {
color: #66512c
}
.text-danger {
color: #ff5959
}
a.text-danger:focus,a.text-danger:hover {
color: #ff2626
}
.bg-primary {
color: #fff;
background-color: #02b875
}
a.bg-primary:focus,a.bg-primary:hover {
background-color: #018655
}
.bg-success {
background-color: #dff0d8
}
a.bg-success:focus,a.bg-success:hover {
background-color: #c1e2b3
}
.bg-info {
background-color: #d9edf7
}
a.bg-info:focus,a.bg-info:hover {
background-color: #afd9ee
}
.bg-warning {
background-color: #fcf8e3
}
a.bg-warning:focus,a.bg-warning:hover {
background-color: #f7ecb5
}
.bg-danger {
background-color: #f2dede
}
a.bg-danger:focus,a.bg-danger:hover {
background-color: #e4b9b9
}
pre code,table {
background-color: transparent
}
.page-header {
padding-bottom: 8px;
margin: 36px 0 18px;
border-bottom: 1px solid #eee
}
dl,ol,ul {
margin-top: 0
}
blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child,ol ol,ol ul,ul ol,ul ul {
margin-bottom: 0
}
address,dl {
margin-bottom: 18px
}
ol,ul {
margin-bottom: 9px
}
.list-inline {
margin-left: -5px
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dd,dt {
line-height: 1.42857
}
dd {
margin-left: 0
}
.dl-horizontal dd:after,.dl-horizontal dd:before {
content: " ";
display: table
}
.dl-horizontal dd:after {
clear: both
}
@media (min-width: 768px) {
.dl-horizontal dt {
float:left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
.container {
width: 750px
}
}
abbr[data-original-title],abbr[title] {
cursor: help;
border-bottom: 1px dotted #777
}
.initialism {
font-size: 90%
}
blockquote {
padding: 9px 18px;
margin: 0 0 18px;
font-size: 16.25px;
border-left: 5px solid #eee
}
blockquote .small,blockquote footer,blockquote small {
display: block;
font-size: 80%;
line-height: 1.42857;
color: #777
}
legend,pre {
color: #333
}
blockquote .small:before,blockquote footer:before,blockquote small:before {
content: '\2014 \00A0'
}
.blockquote-reverse,blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right
}
code,kbd {
padding: 2px 4px;
font-size: 90%
}
caption,th {
text-align: left
}
.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
content: ''
}
.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
content: '\00A0 \2014'
}
address {
font-style: normal;
line-height: 1.42857
}
code,kbd,pre,samp {
font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}
code {
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px
}
kbd {
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}
kbd kbd {
padding: 0;
font-size: 100%;
box-shadow: none
}
pre {
display: block;
padding: 8.5px;
margin: 0 0 9px;
font-size: 12px;
line-height: 1.42857;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px
}
.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before {
display: table;
content: " "
}
.container,.container-fluid {
margin-right: auto;
margin-left: auto
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
border-radius: 0
}
.container,.container-fluid {
padding-left: 15px;
padding-right: 15px
}
.pre-scrollable {
overflow-y: scroll
}
.container:after {
clear: both
}
@media (min-width: 992px) {
.container {
width:970px
}
}
@media (min-width: 1200px) {
.container {
width:1170px
}
}
.container-fluid:after {
clear: both
}
.row {
margin-left: -15px;
margin-right: -15px
}
.row:after {
clear: both
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
float: left
}
.col-xs-1 {
width: 8.33333%
}
.col-xs-2 {
width: 16.66667%
}
.col-xs-3 {
width: 25%
}
.col-xs-4 {
width: 33.33333%
}
.col-xs-5 {
width: 41.66667%
}
.col-xs-6 {
width: 50%
}
.col-xs-7 {
width: 58.33333%
}
.col-xs-8 {
width: 66.66667%
}
.col-xs-9 {
width: 75%
}
.col-xs-10 {
width: 83.33333%
}
.col-xs-11 {
width: 91.66667%
}
.col-xs-12 {
width: 100%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-pull-1 {
right: 8.33333%
}
.col-xs-pull-2 {
right: 16.66667%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-4 {
right: 33.33333%
}
.col-xs-pull-5 {
right: 41.66667%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-7 {
right: 58.33333%
}
.col-xs-pull-8 {
right: 66.66667%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-10 {
right: 83.33333%
}
.col-xs-pull-11 {
right: 91.66667%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-push-0 {
left: auto
}
.col-xs-push-1 {
left: 8.33333%
}
.col-xs-push-2 {
left: 16.66667%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-4 {
left: 33.33333%
}
.col-xs-push-5 {
left: 41.66667%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-7 {
left: 58.33333%
}
.col-xs-push-8 {
left: 66.66667%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-10 {
left: 83.33333%
}
.col-xs-push-11 {
left: 91.66667%
}
.col-xs-push-12 {
left: 100%
}
.col-xs-offset-0 {
margin-left: 0
}
.col-xs-offset-1 {
margin-left: 8.33333%
}
.col-xs-offset-2 {
margin-left: 16.66667%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-4 {
margin-left: 33.33333%
}
.col-xs-offset-5 {
margin-left: 41.66667%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-7 {
margin-left: 58.33333%
}
.col-xs-offset-8 {
margin-left: 66.66667%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-10 {
margin-left: 83.33333%
}
.col-xs-offset-11 {
margin-left: 91.66667%
}
.col-xs-offset-12 {
margin-left: 100%
}
@media (min-width: 768px) {
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
float:left
}
.col-sm-1 {
width: 8.33333%
}
.col-sm-2 {
width: 16.66667%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.33333%
}
.col-sm-5 {
width: 41.66667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.33333%
}
.col-sm-8 {
width: 66.66667%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.33333%
}
.col-sm-11 {
width: 91.66667%
}
.col-sm-12 {
width: 100%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-pull-1 {
right: 8.33333%
}
.col-sm-pull-2 {
right: 16.66667%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-4 {
right: 33.33333%
}
.col-sm-pull-5 {
right: 41.66667%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-7 {
right: 58.33333%
}
.col-sm-pull-8 {
right: 66.66667%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-10 {
right: 83.33333%
}
.col-sm-pull-11 {
right: 91.66667%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-push-0 {
left: auto
}
.col-sm-push-1 {
left: 8.33333%
}
.col-sm-push-2 {
left: 16.66667%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-4 {
left: 33.33333%
}
.col-sm-push-5 {
left: 41.66667%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-7 {
left: 58.33333%
}
.col-sm-push-8 {
left: 66.66667%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-10 {
left: 83.33333%
}
.col-sm-push-11 {
left: 91.66667%
}
.col-sm-push-12 {
left: 100%
}
.col-sm-offset-0 {
margin-left: 0
}
.col-sm-offset-1 {
margin-left: 8.33333%
}
.col-sm-offset-2 {
margin-left: 16.66667%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-4 {
margin-left: 33.33333%
}
.col-sm-offset-5 {
margin-left: 41.66667%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-7 {
margin-left: 58.33333%
}
.col-sm-offset-8 {
margin-left: 66.66667%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-10 {
margin-left: 83.33333%
}
.col-sm-offset-11 {
margin-left: 91.66667%
}
.col-sm-offset-12 {
margin-left: 100%
}
}
@media (min-width: 992px) {
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
float:left
}
.col-md-1 {
width: 8.33333%
}
.col-md-2 {
width: 16.66667%
}
.col-md-3 {
width: 25%
}
.col-md-4 {
width: 33.33333%
}
.col-md-5 {
width: 41.66667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.33333%
}
.col-md-8 {
width: 66.66667%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.33333%
}
.col-md-11 {
width: 91.66667%
}
.col-md-12 {
width: 100%
}
.col-md-pull-0 {
right: auto
}
.col-md-pull-1 {
right: 8.33333%
}
.col-md-pull-2 {
right: 16.66667%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-4 {
right: 33.33333%
}
.col-md-pull-5 {
right: 41.66667%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-7 {
right: 58.33333%
}
.col-md-pull-8 {
right: 66.66667%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-10 {
right: 83.33333%
}
.col-md-pull-11 {
right: 91.66667%
}
.col-md-pull-12 {
right: 100%
}
.col-md-push-0 {
left: auto
}
.col-md-push-1 {
left: 8.33333%
}
.col-md-push-2 {
left: 16.66667%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-4 {
left: 33.33333%
}
.col-md-push-5 {
left: 41.66667%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-7 {
left: 58.33333%
}
.col-md-push-8 {
left: 66.66667%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-10 {
left: 83.33333%
}
.col-md-push-11 {
left: 91.66667%
}
.col-md-push-12 {
left: 100%
}
.col-md-offset-0 {
margin-left: 0
}
.col-md-offset-1 {
margin-left: 8.33333%
}
.col-md-offset-2 {
margin-left: 16.66667%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-4 {
margin-left: 33.33333%
}
.col-md-offset-5 {
margin-left: 41.66667%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-7 {
margin-left: 58.33333%
}
.col-md-offset-8 {
margin-left: 66.66667%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-10 {
margin-left: 83.33333%
}
.col-md-offset-11 {
margin-left: 91.66667%
}
.col-md-offset-12 {
margin-left: 100%
}
}
@media (min-width: 1200px) {
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
float:left
}
.col-lg-1 {
width: 8.33333%
}
.col-lg-2 {
width: 16.66667%
}
.col-lg-3 {
width: 25%
}
.col-lg-4 {
width: 33.33333%
}
.col-lg-5 {
width: 41.66667%
}
.col-lg-6 {
width: 50%
}
.col-lg-7 {
width: 58.33333%
}
.col-lg-8 {
width: 66.66667%
}
.col-lg-9 {
width: 75%
}
.col-lg-10 {
width: 83.33333%
}
.col-lg-11 {
width: 91.66667%
}
.col-lg-12 {
width: 100%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-pull-1 {
right: 8.33333%
}
.col-lg-pull-2 {
right: 16.66667%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-4 {
right: 33.33333%
}
.col-lg-pull-5 {
right: 41.66667%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-7 {
right: 58.33333%
}
.col-lg-pull-8 {
right: 66.66667%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-10 {
right: 83.33333%
}
.col-lg-pull-11 {
right: 91.66667%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-push-0 {
left: auto
}
.col-lg-push-1 {
left: 8.33333%
}
.col-lg-push-2 {
left: 16.66667%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-4 {
left: 33.33333%
}
.col-lg-push-5 {
left: 41.66667%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-7 {
left: 58.33333%
}
.col-lg-push-8 {
left: 66.66667%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-10 {
left: 83.33333%
}
.col-lg-push-11 {
left: 91.66667%
}
.col-lg-push-12 {
left: 100%
}
.col-lg-offset-0 {
margin-left: 0
}
.col-lg-offset-1 {
margin-left: 8.33333%
}
.col-lg-offset-2 {
margin-left: 16.66667%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-4 {
margin-left: 33.33333%
}
.col-lg-offset-5 {
margin-left: 41.66667%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-7 {
margin-left: 58.33333%
}
.col-lg-offset-8 {
margin-left: 66.66667%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-10 {
margin-left: 83.33333%
}
.col-lg-offset-11 {
margin-left: 91.66667%
}
.col-lg-offset-12 {
margin-left: 100%
}
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #7c7c7c
}
.table {
width: 100%;
margin-bottom: 18px
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
padding: 8px;
line-height: 1.42857;
vertical-align: top;
border-top: 1px solid #ddd
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
border-top: 0
}
.table>tbody+tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #ebeef0
}
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
padding: 5px
}
.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
border: 1px solid #ddd
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
background-color: #f5f5f5
}
table col[class*=col-] {
position: static;
float: none;
display: table-column
}
table td[class*=col-],table th[class*=col-] {
position: static;
float: none;
display: table-cell
}
.btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.dropdown-menu {
float: left
}
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
background-color: #e8e8e8
}
.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
background-color: #dff0d8
}
.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
background-color: #d0e9c6
}
.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
background-color: #d9edf7
}
.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
background-color: #c4e3f3
}
.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
background-color: #fcf8e3
}
.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
background-color: #faf2cc
}
.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
background-color: #f2dede
}
.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
background-color: #ebcccc
}
.table-responsive {
overflow-x: auto;
min-height: .01%
}
@media screen and (max-width: 767px) {
.table-responsive {
width:100%;
margin-bottom: 13.5px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd
}
.table-responsive>.table {
margin-bottom: 0
}
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
white-space: nowrap
}
.table-responsive>.table-bordered {
border: 0
}
.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0
}
.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0
}
}
fieldset,legend {
padding: 0;
border: 0
}
fieldset {
margin: 0;
min-width: 0
}
legend {
display: block;
width: 100%;
margin-bottom: 18px;
font-size: 19.5px;
line-height: inherit;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
margin-bottom: 5px
}
input[type=search] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none
}
input[type=checkbox],input[type=radio] {
margin: 4px 0 0;
margin-top: 1px\9;
line-height: normal
}
.form-control,output {
font-size: 13px;
line-height: 1.42857;
color: #183247;
display: block
}
input[type=file],input[type=range] {
display: block
}
select[multiple],select[size] {
height: auto
}
input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus {
outline: dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
output {
padding-top: 7px
}
.form-control {
width: 100%;
height: 32px;
padding: 6px 12px;
background-color: #fff;
background-image: none;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder {
color: #acb6be;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #acb6be
}
.form-control::-webkit-input-placeholder {
color: #acb6be
}
.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
color: #3c763d
}
.form-control::-ms-expand {
border: 0;
background-color: transparent
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
background-color: #fafafb;
opacity: 1
}
.form-control[disabled],fieldset[disabled] .form-control {
cursor: not-allowed
}
textarea.form-control {
height: auto
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control {
line-height:32px
}
.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm>.input-group-btn>input.btn[type=date],.input-group-sm>.input-group-btn>input.btn[type=time],.input-group-sm>.input-group-btn>input.btn[type=datetime-local],.input-group-sm>.input-group-btn>input.btn[type=month],.input-group-sm>input.form-control[type=date],.input-group-sm>input.form-control[type=time],.input-group-sm>input.form-control[type=datetime-local],.input-group-sm>input.form-control[type=month],.input-group-sm>input.input-group-addon[type=date],.input-group-sm>input.input-group-addon[type=time],.input-group-sm>input.input-group-addon[type=datetime-local],.input-group-sm>input.input-group-addon[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm {
line-height: 26px
}
.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg>.input-group-btn>input.btn[type=date],.input-group-lg>.input-group-btn>input.btn[type=time],.input-group-lg>.input-group-btn>input.btn[type=datetime-local],.input-group-lg>.input-group-btn>input.btn[type=month],.input-group-lg>input.form-control[type=date],.input-group-lg>input.form-control[type=time],.input-group-lg>input.form-control[type=datetime-local],.input-group-lg>input.form-control[type=month],.input-group-lg>input.input-group-addon[type=date],.input-group-lg>input.input-group-addon[type=time],.input-group-lg>input.input-group-addon[type=datetime-local],.input-group-lg>input.input-group-addon[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg {
line-height: 45px
}
@font-face {
font-family: glyphs;
src: url(https://fassetsblue.freshdesk.com/production/assets/glyphs_883ae22188d6212b5b80d6d9610d1b7b-d725baa01932ebe01699b9d357d1bbe9.svg#glyphs) format("svg")
}
}
.form-group {
margin-bottom: 15px
}
.checkbox,.radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.checkbox label,.radio label {
min-height: 18px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
position: absolute;
margin-left: -20px;
margin-top: 4px\9
}
.checkbox+.checkbox,.radio+.radio {
margin-top: -5px
}
.checkbox-inline,.radio-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: 400;
cursor: pointer
}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
margin-top: 0;
margin-left: 10px
}
.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
cursor: not-allowed
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 31px
}
.form-control-static.input-lg,.form-control-static.input-sm,.input-group-lg>.form-control-static.form-control,.input-group-lg>.form-control-static.input-group-addon,.input-group-lg>.input-group-btn>.form-control-static.btn,.input-group-sm>.form-control-static.form-control,.input-group-sm>.form-control-static.input-group-addon,.input-group-sm>.input-group-btn>.form-control-static.btn {
padding-left: 0;
padding-right: 0
}
.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn,.input-sm {
height: 26px;
padding: 3px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.input-group-sm>.input-group-btn>select.btn,.input-group-sm>select.form-control,.input-group-sm>select.input-group-addon,select.input-sm {
height: 26px;
line-height: 26px
}
.input-group-sm>.input-group-btn>select.btn[multiple],.input-group-sm>.input-group-btn>textarea.btn,.input-group-sm>select.form-control[multiple],.input-group-sm>select.input-group-addon[multiple],.input-group-sm>textarea.form-control,.input-group-sm>textarea.input-group-addon,select[multiple].input-sm,textarea.input-sm {
height: auto
}
.form-group-sm .form-control {
height: 26px;
padding: 3px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.form-group-sm select.form-control {
height: 26px;
line-height: 26px
}
.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
height: auto
}
.form-group-sm .form-control-static {
height: 26px;
min-height: 30px;
padding: 4px 10px;
font-size: 12px;
line-height: 1.5
}
.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn,.input-lg {
height: 45px;
padding: 10px 16px;
font-size: 17px;
line-height: 1.33333;
border-radius: 6px
}
.input-group-lg>.input-group-btn>select.btn,.input-group-lg>select.form-control,.input-group-lg>select.input-group-addon,select.input-lg {
height: 45px;
line-height: 45px
}
.input-group-lg>.input-group-btn>select.btn[multiple],.input-group-lg>.input-group-btn>textarea.btn,.input-group-lg>select.form-control[multiple],.input-group-lg>select.input-group-addon[multiple],.input-group-lg>textarea.form-control,.input-group-lg>textarea.input-group-addon,select[multiple].input-lg,textarea.input-lg {
height: auto
}
.form-group-lg .form-control {
height: 45px;
padding: 10px 16px;
font-size: 17px;
line-height: 1.33333;
border-radius: 6px
}
.form-group-lg select.form-control {
height: 45px;
line-height: 45px
}
.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
height: auto
}
.form-group-lg .form-control-static {
height: 45px;
min-height: 35px;
padding: 11px 16px;
font-size: 17px;
line-height: 1.33333
}
.has-feedback {
position: relative
}
.has-feedback .form-control {
padding-right: 40px
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
pointer-events: none
}
.collapsing,.dropdown,.dropup {
position: relative
}
.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-group-lg>.form-control+.form-control-feedback,.input-group-lg>.input-group-addon+.form-control-feedback,.input-group-lg>.input-group-btn>.btn+.form-control-feedback,.input-lg+.form-control-feedback {
width: 45px;
height: 45px;
line-height: 45px
}
.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-group-sm>.form-control+.form-control-feedback,.input-group-sm>.input-group-addon+.form-control-feedback,.input-group-sm>.input-group-btn>.btn+.form-control-feedback,.input-sm+.form-control-feedback {
width: 26px;
height: 26px;
line-height: 26px
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8
}
.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
color: #8a6d3b
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3
}
.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
color: #ff5959
}
.has-error .form-control {
border-color: #ff5959;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus {
border-color: #ff2626;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ffbfbf;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ffbfbf
}
.has-error .input-group-addon {
color: #ff5959;
border-color: #ff5959;
background-color: #f2dede
}
.has-feedback label~.form-control-feedback {
top: 23px
}
.has-feedback label.sr-only~.form-control-feedback {
top: 0
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #3875a6
}
@media (min-width: 768px) {
.form-inline .form-control-static,.form-inline .form-group {
display:inline-block
}
.form-inline .control-label,.form-inline .form-group {
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle
}
.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
width: auto
}
.form-inline .input-group>.form-control {
width: 100%
}
.form-inline .checkbox,.form-inline .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .checkbox label,.form-inline .radio label {
padding-left: 0
}
.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
position: relative;
margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
top: 0
}
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px
}
}
.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px
}
.form-horizontal .checkbox,.form-horizontal .radio {
min-height: 25px
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px
}
.form-horizontal .form-group:after,.form-horizontal .form-group:before {
content: " ";
display: table
}
.form-horizontal .form-group:after {
clear: both
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top:11px;
font-size: 17px
}
.form-horizontal .form-group-sm .control-label {
padding-top: 4px;
font-size: 12px
}
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.collapsing {
height: 0;
overflow: hidden;
-webkit-transition-property: height,visibility;
transition-property: height,visibility;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.dropdown-header,.dropdown-menu>li>a {
display: block;
line-height: 1.42857;
white-space: nowrap
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 13px;
text-align: left;
background-color: #fff;
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box
}
.dropdown-menu-right,.dropdown-menu.pull-right {
left: auto;
right: 0
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0
}
.dropdown-menu .divider {
height: 1px;
margin: 8px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu>li>a {
clear: both;
font-weight: 400;
color: #333
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
text-decoration: none;
color: #262626;
background-color: #ebeef0
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #02b875
}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
color: #999
}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed
}
.open>a {
outline: 0
}
.dropdown-menu-left {
left: 0;
right: auto
}
.dropdown-header {
padding: 3px 20px;
font-size: 12px;
color: #999
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990
}
.pull-right>.dropdown-menu {
right: 0;
left: auto
}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid\9;
content: ""
}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right:0;
left: auto
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto
}
}
.btn-group,.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle
}
.btn-group-vertical>.btn,.btn-group>.btn {
position: relative;
float: left
}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
z-index: 2
}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
margin-left: -1px
}
.btn-toolbar {
margin-left: -5px
}
.btn-toolbar:after,.btn-toolbar:before {
content: " ";
display: table
}
.btn-toolbar:after {
clear: both
}
.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
margin-left: 5px
}
.btn .caret,.btn-group>.btn:first-child {
margin-left: 0
}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
outline: 0
}
.btn-group>.btn+.dropdown-toggle {
padding-left: 8px;
padding-right: 8px
}
.btn-group-lg.btn-group>.btn+.dropdown-toggle,.btn-group>.btn-lg+.dropdown-toggle {
padding-left: 12px;
padding-right: 12px
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none
}
.btn-group-lg>.btn .caret,.btn-lg .caret {
border-width: 5px 5px 0
}
.dropup .btn-group-lg>.btn .caret,.dropup .btn-lg .caret {
border-width: 0 5px 5px
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
display: block;
float: none;
width: 100%;
max-width: 100%
}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before {
content: " ";
display: table
}
.btn-group-vertical>.btn-group:after {
clear: both
}
.btn-group-vertical>.btn-group>.btn {
float: none
}
.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-radius: 4px 4px 0 0
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-radius: 0 0 4px 4px
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate
}
.btn-group-justified>.btn,.btn-group-justified>.btn-group {
float: none;
display: table-cell;
width: 1%
}
.btn-group-justified>.btn-group .btn {
width: 100%
}
.btn-group-justified>.btn-group .dropdown-menu {
left: auto
}
[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none
}
.input-group,.input-group-btn,.input-group-btn>.btn {
position: relative
}
.input-group {
display: table;
border-collapse: separate
}
.input-group[class*=col-] {
float: none;
padding-left: 0;
padding-right: 0
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0
}
.input-group .form-control:focus {
z-index: 3
}
.input-group .form-control,.input-group-addon,.input-group-btn {
display: table-cell
}
.input-group-addon,.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle
}
.input-group-addon {
padding: 6px 12px;
font-size: 13px;
font-weight: 400;
line-height: 1;
color: #183247;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px
}
.input-group-addon.input-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn {
padding: 3px 10px;
font-size: 12px;
border-radius: 3px
}
.input-group-addon.input-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn {
padding: 10px 16px;
font-size: 17px;
border-radius: 6px
}
.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
margin-top: 0
}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.input-group-addon:first-child {
border-right: 0
}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.input-group-addon:last-child {
border-left: 0
}
.input-group-btn {
font-size: 0;
white-space: nowrap
}
.input-group-btn>.btn+.btn {
margin-left: -1px
}
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
z-index: 2
}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
margin-right: -1px
}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.nav:after,.nav:before {
content: " ";
display: table
}
.nav>li,.nav>li>a {
display: block;
position: relative
}
.nav:after {
clear: both
}
.nav>li>a {
padding: 10px 15px
}
.nav>li>a:focus,.nav>li>a:hover {
text-decoration: none;
background-color: #eee
}
.nav>li.disabled>a {
color: #777
}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
color: #777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
background-color: #eee;
border-color: #448ee1
}
.nav .nav-divider {
height: 1px;
margin: 8px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav>li>a>img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857;
border: 1px solid transparent;
border-radius: 4px 4px 0 0
}
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
color: #555;
background-color: #ebeef0;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default
}
.nav-pills>li {
float: left
}
.nav-justified>li,.nav-stacked>li,.nav-tabs.nav-justified>li {
float: none
}
.nav-pills>li>a {
border-radius: 4px
}
.nav-pills>li+li {
margin-left: 2px
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
color: #fff;
background-color: #02b875
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0
}
.nav-justified,.nav-tabs.nav-justified {
width: 100%
}
.nav-justified>li>a,.nav-tabs.nav-justified>li>a {
text-align: center;
margin-bottom: 5px
}
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
.nav-tabs-justified,.nav-tabs.nav-justified {
border-bottom: 0
}
.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 4px
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
border: 1px solid #ddd
}
@media (min-width: 768px) {
.nav-justified>li,.nav-tabs.nav-justified>li {
display:table-cell;
width: 1%
}
.nav-justified>li>a,.nav-tabs.nav-justified>li>a {
margin-bottom: 0
}
.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
border-bottom-color: #ebeef0
}
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before {
content: " ";
display: table
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 18px;
border: 1px solid transparent
}
.navbar:after {
clear: both
}
.navbar-header:after {
clear: both
}
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
-webkit-overflow-scrolling: touch
}
.navbar-collapse:after {
clear: both
}
.navbar-collapse.in {
overflow-y: auto
}
@media (min-width: 768px) {
.navbar {
border-radius:4px
}
.navbar-header {
float: left
}
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block!important;
height: auto!important;
padding-bottom: 0;
overflow: visible!important
}
.navbar-collapse.in {
overflow-y: visible
}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
padding-left: 0;
padding-right: 0
}
}
.modal,.modal-open,.progress {
overflow: hidden
}
@media (max-device-width: 480px) and (orientation:landscape) {
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
max-height:200px
}
}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
margin-right: -15px;
margin-left: -15px
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px
}
.navbar-fixed-bottom,.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0
}
.navbar-brand {
float: left;
padding: 16px 15px;
font-size: 17px;
line-height: 18px;
height: 50px
}
.navbar-brand:focus,.navbar-brand:hover {
text-decoration: none
}
.navbar-brand>img {
display: block
}
@media (min-width: 768px) {
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
margin-right:0;
margin-left: 0
}
.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top {
border-radius: 0
}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
margin-left: -15px
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}
.navbar-toggle:focus {
outline: 0
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
.navbar-nav {
margin: 8px -15px
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 18px
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position:static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none
}
.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 18px
}
.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
background-image: none
}
}
.progress-bar-striped,.progress-striped .progress-bar,.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
@media (min-width: 768px) {
.navbar-toggle {
display:none
}
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav>li {
float: left
}
.navbar-nav>li>a {
padding-top: 16px;
padding-bottom: 16px
}
}
.navbar-form {
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
margin: 9px -15px
}
@media (min-width: 768px) {
.navbar-form .form-control-static,.navbar-form .form-group {
display:inline-block
}
.navbar-form .control-label,.navbar-form .form-group {
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle
}
.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
width: auto
}
.navbar-form .input-group>.form-control {
width: 100%
}
.navbar-form .checkbox,.navbar-form .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .checkbox label,.navbar-form .radio label {
padding-left: 0
}
.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
position: relative;
margin-left: 0
}
.navbar-form .has-feedback .form-control-feedback {
top: 0
}
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none
}
}
.breadcrumb>li,.pagination {
display: inline-block
}
.btn .badge,.btn .label {
top: -1px;
position: relative
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom:5px
}
.navbar-form .form-group:last-child {
margin-bottom: 0
}
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
margin-bottom: 0;
border-radius: 4px 4px 0 0
}
.navbar-btn {
margin-top: 9px;
margin-bottom: 9px
}
.btn-group-sm>.navbar-btn.btn,.navbar-btn.btn-sm {
margin-top: 12px;
margin-bottom: 12px
}
.btn-group-xs>.navbar-btn.btn,.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px
}
.navbar-text {
margin-top: 16px;
margin-bottom: 16px
}
@media (min-width: 768px) {
.navbar-text {
float:left;
margin-left: 15px;
margin-right: 15px
}
.navbar-left {
float: left!important
}
.navbar-right {
float: right!important;
margin-right: -15px
}
.navbar-right~.navbar-right {
margin-right: 0
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7
}
.navbar-default .navbar-brand {
color: #777
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
color: #5e5e5e;
background-color: transparent
}
.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text {
color: #777
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
border-color: #e7e7e7
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
background-color: #e7e7e7;
color: #555
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color:#777
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #ccc;
background-color: transparent
}
}
.navbar-default .navbar-link {
color: #777
}
.navbar-default .navbar-link:hover {
color: #333
}
.navbar-default .btn-link {
color: #777
}
.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
color: #333
}
.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
color: #ccc
}
.navbar-inverse {
background-color: #343f4f;
border-color: #202630
}
.navbar-inverse .navbar-brand {
color: #8e999c
}
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text {
color: #8e999c
}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
color: #fff;
background-color: #f93b69
}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
color: #183247;
background-color: transparent
}
.navbar-inverse .navbar-toggle {
border-color: #333
}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
border-color: #262e39
}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
background-color: #f93b69;
color: #fff
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color:#202630
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #202630
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #8e999c
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
color: #fff;
background-color: #f93b69
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #183247;
background-color: transparent
}
}
.navbar-inverse .navbar-link {
color: #8e999c
}
.navbar-inverse .navbar-link:hover {
color: #fff
}
.navbar-inverse .btn-link {
color: #8e999c
}
.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
color: #fff
}
.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
color: #183247
}
.breadcrumb {
padding: 5px 0;
margin-bottom: 18px;
list-style: none;
background-color: transparent;
border-radius: 4px
}
.breadcrumb>li+li:before {
content: " ";
padding: 0 5px;
color: #7c7c7c
}
.breadcrumb>.active {
color: #183247
}
.pagination {
padding-left: 0;
margin: 18px 0;
border-radius: 4px
}
.pagination>li {
display: inline
}
.pagination>li>a,.pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857;
text-decoration: none;
color: #448ee1;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
z-index: 2;
color: #448ee1;
background-color: #eee;
border-color: #ddd
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
z-index: 3;
color: #fff;
background-color: #02b875;
border-color: #02b875;
cursor: default
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
color: #777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed
}
.pagination-lg>li>a,.pagination-lg>li>span {
padding: 10px 16px;
font-size: 17px;
line-height: 1.33333
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px
}
.pagination-sm>li>a,.pagination-sm>li>span {
padding: 3px 10px;
font-size: 12px;
line-height: 1.5
}
.badge,.label {
line-height: 1;
white-space: nowrap;
font-weight: 700
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.pager {
padding-left: 0;
margin: 18px 0;
list-style: none;
text-align: center
}
.pager:after,.pager:before {
content: " ";
display: table
}
.pager:after {
clear: both
}
.pager li {
display: inline
}
.pager li>a,.pager li>span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px
}
.pager li>a:focus,.pager li>a:hover {
text-decoration: none;
background-color: #eee
}
.pager .next>a,.pager .next>span {
float: right
}
.pager .previous>a,.pager .previous>span {
float: left
}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {
color: #777;
background-color: #fff;
cursor: not-allowed
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
color: #fff;
text-align: center;
vertical-align: baseline;
border-radius: .25em
}
.badge,.progress-bar {
font-size: 12px;
text-align: center
}
.label:empty {
display: none
}
a.label:focus,a.label:hover {
color: #fff;
text-decoration: none;
cursor: pointer
}
.label-default {
background-color: #777
}
.label-default[href]:focus,.label-default[href]:hover {
background-color: #5e5e5e
}
.label-primary {
background-color: #02b875
}
.label-primary[href]:focus,.label-primary[href]:hover {
background-color: #018655
}
.label-success {
background-color: #5cc1a9
}
.label-success[href]:focus,.label-success[href]:hover {
background-color: #40aa91
}
.label-info {
background-color: #5bc0de
}
.label-info[href]:focus,.label-info[href]:hover {
background-color: #31b0d5
}
.label-warning {
background-color: #f0ad4e
}
.label-warning[href]:focus,.label-warning[href]:hover {
background-color: #ec971f
}
.label-danger {
background-color: #ff5959
}
.label-danger[href]:focus,.label-danger[href]:hover {
background-color: #ff2626
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
color: #fff;
vertical-align: middle;
background-color: #777;
border-radius: 10px
}
.badge:empty {
display: none
}
.media-object,.thumbnail {
display: block
}
.btn-group-xs>.btn .badge,.btn-xs .badge {
top: 0;
padding: 1px 5px
}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
color: #448ee1;
background-color: #fff
}
.list-group-item>.badge {
float: right
}
.list-group-item>.badge+.badge {
margin-right: 5px
}
.nav-pills>li>a>.badge {
margin-left: 3px
}
a.badge:focus,a.badge:hover {
color: #fff;
text-decoration: none;
cursor: pointer
}
.thumbnail {
padding: 4px;
margin-bottom: 18px;
line-height: 1.42857;
background-color: #ebeef0;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out
}
.thumbnail a>img,.thumbnail>img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto
}
.thumbnail .caption {
padding: 9px;
color: #183247
}
a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
border-color: #448ee1
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
.progress {
height: 18px;
margin-bottom: 18px;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
line-height: 18px;
color: #fff;
background-color: #02b875;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease
}
.progress-bar-striped,.progress-striped .progress-bar {
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-size: 40px 40px
}
.progress-bar.active,.progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
background-color: #5cc1a9
}
.progress-striped .progress-bar-success {
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-striped .progress-bar-info,.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-info {
background-color: #5bc0de
}
.progress-striped .progress-bar-info {
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-warning {
background-color: #f0ad4e
}
.progress-striped .progress-bar-warning {
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-danger {
background-color: #ff5959
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.media {
margin-top: 15px
}
.media:first-child {
margin-top: 0
}
.media,.media-body {
zoom:1;overflow: hidden
}
.media-body {
width: 10000px
}
.media-object.img-thumbnail {
max-width: none
}
.media-right,.media>.pull-right {
padding-left: 10px
}
.media-left,.media>.pull-left {
padding-right: 10px
}
.media-body,.media-left,.media-right {
display: table-cell;
vertical-align: top
}
.media-middle {
vertical-align: middle
}
.media-bottom {
vertical-align: bottom
}
.media-heading {
margin-top: 0;
margin-bottom: 5px
}
.media-list {
padding-left: 0;
list-style: none
}
.list-group {
margin-bottom: 20px;
padding-left: 0
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd
}
.modal,.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
a.list-group-item,button.list-group-item {
color: #555
}
a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
color: #333
}
a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover {
text-decoration: none;
color: #555;
background-color: #f5f5f5
}
button.list-group-item {
width: 100%;
text-align: left
}
.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
background-color: #eee;
color: #777;
cursor: not-allowed
}
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
color: inherit
}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
color: #777
}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
z-index: 2;
color: #fff;
background-color: #02b875;
border-color: #02b875
}
.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
color: inherit
}
.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
color: #88fed2
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8
}
a.list-group-item-success,button.list-group-item-success {
color: #3c763d
}
a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading {
color: inherit
}
a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover {
color: #3c763d;
background-color: #d0e9c6
}
a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover {
color: #fff;
background-color: #3c763d;
border-color: #3c763d
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7
}
a.list-group-item-info,button.list-group-item-info {
color: #31708f
}
a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading {
color: inherit
}
a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover {
color: #31708f;
background-color: #c4e3f3
}
a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover {
color: #fff;
background-color: #31708f;
border-color: #31708f
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3
}
a.list-group-item-warning,button.list-group-item-warning {
color: #8a6d3b
}
a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading {
color: inherit
}
a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover {
color: #8a6d3b;
background-color: #faf2cc
}
a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b
}
.list-group-item-danger {
color: #ff5959;
background-color: #f2dede
}
a.list-group-item-danger,button.list-group-item-danger {
color: #ff5959
}
a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading {
color: inherit
}
a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover {
color: #ff5959;
background-color: #ebcccc
}
a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover {
color: #fff;
background-color: #ff5959;
border-color: #ff5959
}
.panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
color: inherit
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3
}
.panel {
margin-bottom: 18px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.panel-title,.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
margin-bottom: 0
}
.panel-body {
padding: 15px
}
.panel-body:after,.panel-body:before {
content: " ";
display: table
}
.panel-body:after {
clear: both
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel-title {
margin-top: 0;
font-size: 15px
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
.panel-group .panel-heading,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
border-bottom: 0
}
.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0
}
.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption {
padding-left: 15px;
padding-right: 15px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
border-top-left-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
border-top-right-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius: 3px
}
.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
border-top: 1px solid #ddd
}
.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
border-top: 0
}
.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
border: 0
}
.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0
}
.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0
}
.panel>.table-responsive {
border: 0;
margin-bottom: 0
}
.panel-group {
margin-bottom: 18px
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px
}
.panel-group .panel+.panel {
margin-top: 5px
}
.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 1px solid #ddd
}
.panel-group .panel-footer {
border-top: 0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid #ddd
}
.panel-default {
border-color: #ddd
}
.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ddd
}
.panel-default>.panel-heading .badge {
color: #f5f5f5;
background-color: #333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ddd
}
.panel-primary {
border-color: #02b875
}
.panel-primary>.panel-heading {
color: #fff;
background-color: #02b875;
border-color: #02b875
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #02b875
}
.panel-primary>.panel-heading .badge {
color: #02b875;
background-color: #fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #02b875
}
.panel-success {
border-color: #d6e9c6
}
.panel-success>.panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #d6e9c6
}
.panel-success>.panel-heading .badge {
color: #dff0d8;
background-color: #3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #d6e9c6
}
.panel-info {
border-color: #bce8f1
}
.panel-info>.panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #bce8f1
}
.panel-info>.panel-heading .badge {
color: #d9edf7;
background-color: #31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #bce8f1
}
.panel-warning {
border-color: #faebcc
}
.panel-warning>.panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #faebcc
}
.panel-warning>.panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #faebcc
}
.panel-danger {
border-color: #ebccd1
}
.panel-danger>.panel-heading {
color: #ff5959;
background-color: #f2dede;
border-color: #ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ebccd1
}
.panel-danger>.panel-heading .badge {
color: #f2dede;
background-color: #ff5959
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ebccd1
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0,0,0,.15)
}
.well-lg {
padding: 24px;
border-radius: 6px
}
.well-sm {
padding: 9px;
border-radius: 3px
}
.close {
float: right;
font-size: 19.5px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20)
}
.popover,.tooltip {
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-break: auto;
text-decoration: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
text-transform: none
}
.modal-title,.popover,.tooltip {
line-height: 1.42857
}
.popover,.text-hide,.tooltip {
text-shadow: none
}
.close:focus,.close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50)
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none
}
.modal-content,.popover {
background-clip: padding-box
}
.modal {
display: none;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before {
display: table;
content: " "
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: translate(0,-25%);
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
width: auto
}
.modal-content {
background-color: #fff;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
outline: 0
}
.modal-backdrop {
z-index: 999;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}
.modal-backdrop.in {
opacity: .5;
filter: alpha(opacity=50)
}
.modal-header:after {
clear: both
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0
}
.modal-body {
position: relative
}
.modal-footer {
text-align: right
}
.modal-footer:after {
clear: both
}
.modal-footer .btn+.btn {
margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px
}
.__module-tickets__shared__canned-response__response-item__8c086 .attachment-thumb .itemholder,.modal-footer .btn-block+.btn-block {
margin-left: 0
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width: 768px) {
.modal-dialog {
width:600px;
margin: 30px auto
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5)
}
.modal-sm {
width: 300px
}
}
@media (min-width: 992px) {
.modal-lg {
width:900px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
text-align: left;
text-align: start;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0)
}
.tooltip.in {
opacity: .9;
filter: alpha(opacity=90)
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
bottom: 0;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top .tooltip-arrow {
left: 50%;
margin-left: -5px
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
margin-bottom: -5px
}
.tooltip.top-right .tooltip-arrow {
left: 5px;
margin-bottom: -5px
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000
}
.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow {
border-width: 0 5px 5px;
border-bottom-color: #000;
top: 0
}
.tooltip.bottom .tooltip-arrow {
left: 50%;
margin-left: -5px
}
.tooltip.bottom-left .tooltip-arrow {
right: 5px;
margin-top: -5px
}
.tooltip.bottom-right .tooltip-arrow {
left: 5px;
margin-top: -5px
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
text-align: start;
font-size: 13px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2)
}
.popover.top {
margin-top: -10px
}
.popover.right {
margin-left: 10px
}
.popover.bottom {
margin-top: 10px
}
.popover.left {
margin-left: -10px
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 13px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0
}
.popover-content {
padding: 9px 14px
}
.popover>.arrow,.popover>.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.popover>.arrow {
border-width: 11px
}
.popover>.arrow:after {
border-width: 10px;
content: ""
}
.popover.top>.arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0,0,0,.25);
bottom: -11px
}
.popover.top>.arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff
}
.popover.left>.arrow:after,.popover.right>.arrow:after {
bottom: -10px;
content: " "
}
.popover.right>.arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0,0,0,.25)
}
.popover.right>.arrow:after {
left: 1px;
border-left-width: 0;
border-right-color: #fff
}
.popover.bottom>.arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0,0,0,.25);
top: -11px
}
.popover.bottom>.arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff
}
.popover.left>.arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0,0,0,.25)
}
.popover.left>.arrow:after {
right: 1px;
border-right-width: 0;
border-left-color: #fff
}
.attachment:after,.attachment:before,.clearfix:after,.clearfix:before,.ember-power-calendar .ember-power-calendar-row:after,.ember-power-calendar .ember-power-calendar-row:before,.ticket-action__fields:after,.ticket-action__fields:before {
content: " ";
display: table
}
.attachment:after,.clearfix:after,.ember-power-calendar .ember-power-calendar-row:after,.ticket-action__fields:after {
clear: both
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right!important
}
.pull-left {
float: left!important
}
.hide {
display: none!important
}
.show {
display: block!important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
background-color: transparent;
border: 0
}
.hidden {
display: none!important
}
.affix {
position: fixed
}
@font-face {
font-family: glyphs;
src: url(glyphs_883ae22188d6212b5b80d6d9610d1b7b.eot);
src: url(glyphs_883ae22188d6212b5b80d6d9610d1b7b.eot?#iefix) format("embedded-opentype"),url(glyphs_883ae22188d6212b5b80d6d9610d1b7b.woff) format("woff"),url(glyphs_883ae22188d6212b5b80d6d9610d1b7b.ttf) format("truetype"),url(https://fassetsblue.freshdesk.com/production/assets/glyphs_883ae22188d6212b5b80d6d9610d1b7b-d725baa01932ebe01699b9d357d1bbe9.svg#glyphs) format("svg");
font-weight: 400;
font-style: normal
}
[data-icon]:before {
content: attr(data-icon)
}
.ember-power-select-option[aria-selected=true]:before,.icon-activities:before,.icon-activity:before,.icon-addnote:before,.icon-agents:before,.icon-assign:before,.icon-attachment:before,.icon-canned-response:before,.icon-close:before,.icon-collapse:before,.icon-contact:before,.icon-customers:before,.icon-dashboard:before,.icon-delete:before,.icon-detail-view:before,.icon-dot:before,.icon-downarrow:before,.icon-edit:before,.icon-eye:before,.icon-filter:before,.icon-forword:before,.icon-forwordsticky:before,.icon-freshchat:before,.icon-freshdesk:before,.icon-freshphone:before,.icon-globe:before,.icon-gridview:before,.icon-group:before,.icon-help:before,.icon-insert-link:before,.icon-left-arrow:before,.icon-listview:before,.icon-mail:before,.icon-menu:before,.icon-merge:before,.icon-more:before,.icon-morehorizontal:before,.icon-new-tab:before,.icon-new:before,.icon-notification:before,.icon-pause:before,.icon-phone:before,.icon-play:before,.icon-recent-tickets:before,.icon-refresh:before,.icon-reply:before,.icon-report:before,.icon-reports:before,.icon-resolved:before,.icon-restore:before,.icon-right-arrow:before,.icon-rightbullet:before,.icon-save-as:before,.icon-save:before,.icon-search:before,.icon-sendactivation:before,.icon-settings:before,.icon-solutions:before,.icon-sort-asc:before,.icon-spinner:before,.icon-split:before,.icon-status:before,.icon-suggested-solution:before,.icon-tickets:before,.icon-unverified:before,.icon-verified:before,.icon-views:before,.icon-web:before,.icon-whitelist:before,.icon-workinprogress:before,[data-icon]:before {
display: inline-block;
font-family: glyphs;
font-style: normal;
font-weight: 400;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased
}
.__app-components__app-shortcuts-help__daa13,.__app-components__app-shortcuts-help__daa13 .shortcut-btn,.__module-search__quick-search__17ad4 .quick-search__category__title {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}
.icon-activities:before {
content: "\f141"
}
.icon-activity:before {
content: "\f11b"
}
.icon-addnote:before {
content: "\f132"
}
.icon-agents:before {
content: "\f11d"
}
.icon-assign:before {
content: "\f100"
}
.icon-attachment:before {
content: "\f112"
}
.icon-canned-response:before {
content: "\f139"
}
.icon-close:before {
content: "\f113"
}
.icon-collapse:before {
content: "\f13e"
}
.icon-contact:before {
content: "\f101"
}
.icon-customers:before {
content: "\f102"
}
.icon-dashboard:before {
content: "\f103"
}
.icon-delete:before {
content: "\f104"
}
.icon-detail-view:before {
content: "\f143"
}
.icon-dot:before {
content: "\f13d"
}
.icon-downarrow:before {
content: "\f14e"
}
.icon-edit:before {
content: "\f115"
}
.icon-eye:before {
content: "\f116"
}
.icon-filter:before {
content: "\f11f"
}
.icon-forword:before {
content: "\f120"
}
.icon-forwordsticky:before {
content: "\f121"
}
.icon-freshchat:before {
content: "\f13f"
}
.icon-freshdesk:before {
content: "\f105"
}
.icon-freshphone:before {
content: "\f140"
}
.icon-globe:before {
content: "\f138"
}
.icon-gridview:before {
content: "\f12b"
}
.icon-group:before {
content: "\f14c"
}
.icon-help:before {
content: "\f122"
}
.icon-insert-link:before {
content: "\f145"
}
.icon-left-arrow:before {
content: "\f117"
}
.icon-listview:before {
content: "\f12c"
}
.icon-mail:before {
content: "\f123"
}
.icon-menu:before {
content: "\f106"
}
.icon-merge:before {
content: "\f107"
}
.icon-more:before {
content: "\f129"
}
.icon-morehorizontal:before {
content: "\f133"
}
.icon-new:before {
content: "\f124"
}
.icon-new-tab:before {
content: "\f146"
}
.icon-notification:before {
content: "\f125"
}
.icon-pause:before {
content: "\f14d"
}
.icon-phone:before {
content: "\f12d"
}
.icon-play:before {
content: "\f149"
}
.icon-recent-tickets:before {
content: "\f126"
}
.icon-refresh:before {
content: "\f148"
}
.icon-reply:before {
content: "\f127"
}
.icon-report:before {
content: "\f108"
}
.icon-reports:before {
content: "\f109"
}
.ember-power-select-option[aria-selected=true]:before,.icon-resolved:before {
content: "\f10a"
}
.icon-restore:before {
content: "\f12f"
}
.icon-right-arrow:before {
content: "\f118"
}
.icon-rightbullet:before {
content: "\f137"
}
.icon-save:before {
content: "\f13a"
}
.icon-save-as:before {
content: "\f13b"
}
.icon-search:before {
content: "\f10b"
}
.icon-sendactivation:before {
content: "\f130"
}
.icon-settings:before {
content: "\f10c"
}
.icon-solutions:before {
content: "\f10d"
}
.icon-sort-asc:before {
content: "\f10e"
}
.icon-spinner:before {
content: "\f10f"
}
.icon-split:before {
content: "\f14a"
}
.icon-status:before {
content: "\f128"
}
.icon-suggested-solution:before {
content: "\f13c"
}
.icon-tickets:before {
content: "\f110"
}
.icon-unverified:before {
content: "\f134"
}
.icon-verified:before {
content: "\f135"
}
.icon-views:before {
content: "\f119"
}
.icon-web:before {
content: "\f11a"
}
.icon-whitelist:before {
content: "\f131"
}
.icon-workinprogress:before {
content: "\f111"
}
.init-center {
position: absolute;
margin: auto;
right: 0;
left: 0;
top: 0;
bottom: 0;
text-align: center;
height: 75px;
width: 600px
}
.init-err-title {
color: #183247;
letter-spacing: .02em;
padding: 4px;
font-weight: 700;
font-size: 18px
}
.init-err-text {
margin-bottom: 16px;
padding: 2px;
font-size: 14px;
color: #6f7c87
}
.init-retry-img {
transform: rotate(90deg);
display: inline-block;
line-height: 0;
position: relative;
top: -1px
}
@-moz-document url-prefix() {
.init-retry-img {
font-size: 18px;
top: 1px;
left: 4px
}
}
.init-retry-btn {
padding-left: 11px
}
.default-loader {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
background-color: #ebeef0
}
.left-panel {
position: fixed;
background-color: #284255;
width: 64px;
height: 100%;
top: 0;
bottom: 0
}
.logo {
display: block;
height: 47px
}
.logo object {
padding: 15px 0 0 15px
}
.intitial-nav {
margin-top: 15px
}
.menu-item {
width: 34px;
height: 34px;
border-radius: 3px;
background: #173449;
margin: 0 auto 20px;
text-align: center
}
.menu-item-box {
height: 16px;
width: 16px;
border-radius: 2px;
background: #556775;
display: inline-block;
margin-top: 9px
}
.default-body {
margin-left: 65px
}
.default-header {
height: 50px;
background: #fff;
border-bottom: 1px solid #dde2e5
}
.d-head-two {
background-color: #f8f9fa
}
.d-shimmer {
width: 271px;
height: 10px;
border-radius: 2px;
background-color: #f7f8f9;
display: block;
float: left
}
.d-shim-one,.d-shim-two {
margin-top: 7px
}
.d-shim-two {
width: 191px;
background-color: #eef0f3
}
.d-shim-right {
width: 28px;
height: 28px;
border-radius: 4px;
background-color: #f7f8f9;
float: right;
margin-left: 20px
}
.f-clear {
clear: both
}
.d-shim-wrapper {
padding-top: 12px;
padding-left: 20px;
padding-right: 20px
}
.d-sizebig {
width: 60px
}
.preloader {
width: 50px;
height: 50px;
border-radius: 100%;
background-color: #fff;
margin: 0 auto;
box-shadow: 0 1px 3px 0 rgba(24,50,71,.09);
position: relative
}
.loader-text {
font-size: 18px;
font-weight: 500;
line-height: 1.4;
width: 800px;
margin: 20px auto auto
}
.circular {
animation: checkbox-rotate 2s linear infinite;
height: 100%;
transform-origin: center center;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.path {
stroke-dasharray: 150,200;
stroke-dashoffset: -20;
stroke-width: 6px;
stroke: #02b875;
animation: gravity-dash 1s ease-in-out infinite;
stroke-linecap: round
}
.gravity-loader {
position: absolute;
width: 22px;
top: 14px;
left: 14px
}
.gravity-loader::before {
content: '';
display: block;
padding-top: 100%
}
.__app-components__app-notification-bar__sandbox-notification__531bc .sandbox-notification .info-icon {
position: relative;
top: 2px;
margin-right: 2px
}
.__app-components__app-notification-bar__site-announcement__39290 {
position: fixed;
z-index: 99;
text-align: left;
line-height: 1.4;
background-color: #f7f5e9;
width: 100%;
animation: drop-fade-below .2s ease-in-out;
left: 0;
padding: 15px 50px 15px 15px;
color: #995e00;
box-shadow: 0 0 1px 0 rgba(0,0,0,.1)
}
.__app-components__app-notification-bar__site-announcement__39290 .close-site-message {
position: absolute;
color: #995e00;
top: 9px;
right: 20px;
cursor: pointer;
text-decoration: none
}
.__app-components__app-notification-bar__a7267 .notification-detail-wrapper {
display: flex;
flex-direction: row;
justify-content: center
}
.__app-components__app-notification-bar__a7267 .notification-cta {
display: flex
}
.__app-components__app-notification-bar__a7267 .notification-cta .divider {
margin: 0 10px
}
.__app-components__app-notification-bar__a7267 .show-more-notifications-trigger-wrapper {
min-width: 100px
}
.__app-components__app-notification-bar__a7267 .show-more-notifications-trigger.extended-view .accordion-arrow {
transform: rotate(180deg)
}
.__app-components__app-notification-bar__a7267 .show-more-notifications {
position: fixed;
top: 40px;
left: 0;
width: 100%;
text-align: center;
line-height: 40px;
background-color: #fffade;
border-bottom: 1px #dadfe3 solid;
border-radius: 0;
border-top: none;
box-shadow: none
}
.__app-components__app-notification-bar__a7267 .revert-identity {
cursor: pointer;
text-decoration: none
}
.__app-components__app-shortcuts-help__shortcuts-row__c5e33 {
margin: 11px 0
}
.__app-components__app-shortcuts-help__shortcuts-row__c5e33 .shortcut-label {
display: inline-block;
width: 48%;
vertical-align: middle
}
.__app-components__app-shortcuts-help__shortcuts-row__c5e33 .shortcut-key {
display: inline-block;
width: 50%
}
.__app-components__app-shortcuts-help__daa13 {
width: 90%;
margin: 0 auto
}
.__app-components__app-shortcuts-help__daa13 .shortcuts-header {
padding: 0 15px;
margin-bottom: 30px
}
.__app-components__app-shortcuts-help__daa13 .shortcuts-header .shortcuts-title {
display: inline-block;
vertical-align: middle
}
.__app-components__app-shortcuts-help__daa13 .category {
margin-bottom: 25px
}
.__app-components__app-shortcuts-help__daa13 .category ul {
list-style-type: none;
padding: 0
}
.__app-components__app-shortcuts-help__daa13 .shortcut-btn {
color: #183247;
background-color: #ebeef0;
display: inline-block;
min-width: 30px;
height: 30px;
line-height: 2.5;
text-align: center;
padding: 0 10px;
border-radius: 2px;
margin: 0 3px;
letter-spacing: .5px;
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.17),inset 0 1px 0 0 rgba(255,255,255,.18)
}
@media only screen and (min-width: 1400px) {
.__app-components__app-shortcuts-help__daa13 .shortcuts {
width:84%
}
}
.__app-components__app-tags__create-tag__c6f1b .tag-update-field .ember-power-select-status-icon {
display: none
}
.__app-components__app-tags__be055,.__app-components__app-tags__be055 .tag-list,.__app-components__collapse-expand-more__10560,.__app-components__global-feedback-box__6bda9 {
display: inline-block
}
.__app-components__app-tags__create-tag__c6f1b .tag-options {
word-break: break-all
}
.__app-components__app-tags__be055 .tag-update {
vertical-align: text-top;
display: inline-block;
color: #448ee1
}
.__app-components__app-tags__be055 .tag-update-field .ember-basic-dropdown-trigger {
padding: 5px 10px;
box-shadow: 0 2px 14px 0 #dadfe3;
background: #fff;
border: 1px solid #dadfe3;
width: 500px;
border-radius: 2px 2px 0 0
}
.__app-components__app-tags__be055 .tag-update-field .ember-basic-dropdown-content {
max-height: 200px;
overflow: auto
}
.__app-components__app-tags__be055 .tag-update-field .ember-power-select-trigger-multiple-input {
margin-left: 5px
}
.__app-components__assign-to__options__31e43 .item-list {
height: 200px;
overflow-y: scroll
}
.__app-components__assign-to__options__31e43 .no-data {
font-size: 12px;
color: #acb6be;
margin: 0 auto;
padding-top: 50px;
text-align: center
}
.__app-components__assign-to__options__31e43 .item {
border-radius: 3px;
padding: 8px 20px 8px 16px;
cursor: pointer;
position: relative;
font-size: 13px;
color: #132537;
word-wrap: break-word
}
.__app-components__assign-to__options__31e43 .item__count {
font-size: 13px;
color: #acb6be;
font-weight: 400;
letter-spacing: 1px
}
.__app-components__assign-to__options__31e43 .item__icon {
position: absolute;
right: 20px;
top: 30%
}
.__app-components__assign-to__options__31e43 .no-subitems.item-selected::after {
font-size: 11px;
content: "\f10a";
font-family: glyphs;
position: absolute;
right: 8px;
top: 30%
}
.__app-components__assign-to__options__31e43 .item-selected {
color: #02b875
}
.__app-components__assign-to__options__31e43 .item-selected .item__icon {
fill: #02b875
}
.__app-components__assign-to__search__78b1c {
margin: 2px 0 0;
position: relative;
height: 42px
}
.__app-components__assign-to__search__78b1c .assignto__searchclose {
cursor: pointer
}
.__app-components__assign-to__search__78b1c .assignto__search {
width: 100%;
border: none;
max-height: 42px;
padding: 13px 30px 12px 16px;
border-bottom: 1px solid #ebeef0;
transition: .3s opacity ease-in-out
}
.__app-components__assign-to__search__78b1c .assignto__search:focus {
outline: 0;
border-bottom-color: #02b875
}
.__app-components__assign-to__search__78b1c .assignto__search::placeholder {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.__app-components__assign-to__search__78b1c .assignto__searchicon {
position: absolute;
top: 13px;
right: 16px
}
.__app-components__assign-to__title__c20c1 {
height: 61px;
background-color: #f8f9fa;
border-radius: 4px 4px 0 0
}
.__app-components__assign-to__title__c20c1 .tab {
width: 50%;
float: left;
position: relative;
opacity: 1;
transition: opacity .2s linear
}
.__app-components__assign-to__title__c20c1 .tab-title {
font-size: 10px;
color: #acb6be;
padding: 12px 2px 2px 16px;
cursor: pointer;
letter-spacing: .2px
}
.__app-components__assign-to__title__c20c1 .tab-title--required::after {
font-size: 17px;
content: "*";
position: absolute;
top: 6px;
color: #ff5959;
padding-left: 2px
}
.__app-components__assign-to__title__c20c1 .tab-value {
height: 33px;
font-size: 13px;
color: #acb6be;
padding: 2px 2px 2px 16px;
cursor: pointer
}
.__app-components__assign-to__title__c20c1 .tab-value .value-txt {
width: 102px;
padding-bottom: 2px
}
.__app-components__assign-to__title__c20c1 .tab-value-assigned {
color: #183247
}
.__app-components__assign-to__title__c20c1 .tab-selected .tab-title,.__app-components__collapse-expand-more__10560 .dropdown__option.selected {
color: #02b875
}
.__app-components__assign-to__title__c20c1 .tab-remove-icon {
height: 12px;
width: 13px;
padding: 0;
margin: 1px 2px 0 -2px;
position: relative
}
.__app-components__assign-to__title__c20c1 .hide-tab {
visibility: hidden;
opacity: 0;
transition: all .2s linear
}
.__app-components__assign-to__title__c20c1 .title-bottom {
clear: both;
height: 1px;
border-bottom: solid 1px #dbdfe3;
position: relative
}
.__app-components__assign-to__title__c20c1 .title-bottom .select-line-hold {
width: 50%;
position: relative;
top: -1px;
padding: 0 14px
}
.__app-components__assign-to__title__c20c1 .title-bottom .select-line {
background-color: #02b875;
height: 2px
}
.__app-components__collapse-expand-more__10560 .dropdown__option:hover,.__app-components__global-feedback-box__6bda9 .global-feedback-trigger.active {
background-color: #ebedf0
}
.__app-components__assign-to__title__c20c1 .title-bottom.selected1 .select-line-hold {
transform: translateX(0);
transition: transform .2s
}
.__app-components__assign-to__title__c20c1 .title-bottom.selected2 .select-line-hold {
transform: translateX(100%);
transition: transform .2s
}
.__app-components__assign-to__trigger__text__8fb75 .custom-padding {
padding-right: 13px!important
}
.__app-components__collapse-expand-more__10560 .content-truncate__separator {
text-decoration: none
}
.__app-components__collapse-expand-more__10560 .content-truncate__separator::after {
content: ", ";
margin-left: -2px
}
.__app-components__collapse-expand-more__10560 .content-truncate__separator:last-child::after {
content: ""
}
.__app-components__collapse-expand-more__10560 .content-truncate__separator:hover {
text-decoration: none
}
.__app-components__collapse-expand-more__10560 .dropdown__option--wrapper {
max-height: 200px;
overflow-y: auto;
border-radius: 3px;
padding: 10px 5px 5px
}
.__app-components__collapse-expand-more__10560 .dropdown__option {
cursor: pointer;
position: relative;
margin-bottom: 5px;
font-size: 12px;
padding: 2px 0 2px 5px;
border-radius: 3px
}
.__app-components__collapse-expand-more__10560 .dropdown__option.selected::before {
content: "\f10a";
font-family: glyphs;
position: absolute;
right: 10px
}
.__app-components__collapse-expand-more__10560 .description {
text-indent: 16px;
color: #989e9d
}
.__app-components__collapse-expand-more__10560 .dropdown__icon {
fill: #3d3d3d
}
.__app-components__collapse-expand-more__10560 .title {
margin: 4px 0 6px 5px;
font-size: 12px;
color: #989e9d
}
.__app-components__collapse-expand-more__10560 .ember-basic-dropdown .ember-basic-dropdown-content {
min-width: 160px;
border-radius: 3px;
padding: 0;
z-index: 3;
animation: none
}
.__app-components__global-feedback-box__6bda9 .global-feedback-trigger {
padding: 0 10px;
margin: 0;
position: relative;
bottom: 5px
}
.__app-components__global-feedback-box__6bda9 .global-feedback-trigger:focus {
background: #fff
}
.__app-components__global-feedback-box__6bda9 .global-feedback-trigger.app-icon-btn[disabled] {
color: inherit;
cursor: default
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form {
font-size: 13px;
height: auto;
width: auto;
color: #183247;
z-index: 5
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget {
min-height: 200px;
max-height: auto;
width: 380px;
background: #fff;
border-radius: 2px
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget--content {
animation-name: fadeIn;
animation-duration: .5s
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .agent {
height: 80px;
background: #fafafa;
box-shadow: 0 1px 0 0 #ebeef0
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .agent--avatar {
float: left;
padding: 16px 16px 0
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .agent--avatar img {
width: 50px;
height: 50px;
border: 2px solid #dadfe3
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .agent--message {
font-size: 13px;
padding: 9px 11px 0 0;
text-align: left;
line-height: 1.3;
font-weight: 500;
position: relative;
right: 6px;
top: 7px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .agent--message.exceeded {
top: 15px;
animation-name: fadeIn;
animation-duration: .5s
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .feedback {
padding: 6px 16px;
height: 72px
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .feedback--text {
width: 100%;
height: 100%;
border: none;
resize: none;
padding-top: 5px;
line-height: 13px;
outline: 0
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .feedback--text::placeholder {
padding-left: 2px;
color: #acb6be
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .action {
position: relative;
margin-top: 16px;
width: 100%
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .action .limit-exceed-count {
color: #ff5959;
float: left;
padding: 7px 0 0 14px
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .action .action-btns {
text-align: right
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .action .btn {
color: #448ee1;
text-transform: uppercase;
min-width: auto;
padding-bottom: 16px
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .action .btn:hover {
color: #1971e3
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .action .btn:disabled {
color: #dadfe3
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .action .btn.submit {
padding-right: 16px
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .action .btn.cancel {
color: #acb6be
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .widget .action .btn.cancel:hover {
color: #5a6670
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .response {
height: 100px;
width: 380px;
background: #fff;
border-radius: 2px;
box-shadow: 0 2px 6px 0 #dadfe3
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .response--content {
display: flex;
align-items: center;
height: inherit;
margin-left: 16px
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .response--content .icon {
display: flex;
width: 70px;
justify-content: center
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .response--content .icon .app-icon {
fill: #02b875
}
.__app-components__global-feedback-box__6bda9 .global-feedback-form .response--content .text {
display: flex;
width: 275px;
text-align: left;
line-height: 1.5;
font-weight: 500;
-moz-osx-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased
}
.__app-components__global-feedback-box__6bda9 .attachment-trigger {
float: left;
margin-left: 12px;
padding: 5px 6px 2px;
cursor: pointer
}
.__app-components__global-feedback-box__6bda9 .attachment-trigger .app-icon-fileupload {
cursor: pointer;
bottom: 0
}
.__app-components__global-feedback-box__6bda9 .attachment-trigger:hover {
background: #dadfe3
}
.__app-components__global-feedback-box__6bda9 .attachment-container {
margin: 5px 16px 0;
border-top: 1px dashed #dadfe3;
padding-top: 5px
}
.__app-components__global-feedback-box__6bda9 .attachment {
max-height: 72px;
overflow: auto;
padding: 0;
margin: 0
}
.__app-components__global-feedback-box__6bda9 .attachment .attachment__item {
display: inline-block;
margin-bottom: 0
}
.__app-components__global-feedback-box__6bda9 .attachment .attachment__excluded {
margin-top: 0
}
.__app-components__infinite-scroll__37528 .infinite-scroll-loader {
bottom: 0;
width: 94%;
text-align: center;
height: 20px;
font-weight: 500
}
.__app-components__list-dropdown__6a656 .value-names {
margin-right: -4px
}
.__app-components__list-dropdown__6a656 .value-counter {
margin-left: 2px
}
.__app-components__screen-overlay__270bc .screen-overlay {
background-color: #fff;
opacity: 1;
width: 100%;
height: 100%;
z-index: 1020;
position: fixed;
top: 0;
left: 0;
animation: fadeInPartial .3s ease
}
.__app-components__screen-overlay__270bc .screen-overlay-action {
position: absolute;
right: 30px;
top: 30px;
z-index: 9999
}
.__app-components__to-do__7faba .todo-selected {
text-decoration: line-through;
color: #acb6be;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.__app-components__to-do__7faba .todo-add {
position: absolute;
top: 3px;
padding: 1px
}
.__app-components__to-do__7faba .todo-link {
color: #6f7c87
}
.__app-components__to-do__7faba .todo-link:hover {
color: #183247;
text-decoration-color: #183247
}
.__app-components__to-do__7faba .todo-input-content {
position: relative
}
.__app-components__to-do__7faba .todo-body {
vertical-align: middle;
font-weight: 600;
font-size: 14px
}
.__app-components__to-do__7faba .todo-text {
position: relative;
padding: 12px 0 12px 2px;
min-height: 35px;
display: grid
}
.__app-components__to-do__7faba .todo-text-btn {
position: absolute;
padding: 0 5px;
background-color: #ebeef0;
right: 0;
top: 0;
height: calc(100% - 1px);
justify-content: flex-end;
display: flex;
align-items: center
}
.__app-components__to-do__7faba .todo-item-wrapper {
display: table;
width: 100%;
border-bottom: 1px solid #ebeef0
}
.__app-components__to-do__7faba .todo-item-wrapper .checkbox-wrapper {
display: table-cell;
width: 20px;
padding-left: 6px
}
.__app-components__to-do__7faba .todo-item-wrapper-text {
display: table-cell
}
.__app-components__to-do__7faba .todo__item {
position: relative;
word-break: break-word;
-ms-word-wrap: break-word;
word-wrap: break-word
}
.__app-components__to-do__7faba .todo__item .input {
margin-bottom: -1px
}
.__app-components__to-do__7faba .todo__item .edit-todo {
padding: 0;
margin-right: 10px
}
.__app-components__to-do__7faba .todo__item .edit-todo .todo-input {
padding-left: 0;
padding-top: 10px
}
.__app-components__to-do__7faba .todo__item .todo-text-btn {
opacity: 0
}
.__app-components__to-do__7faba .todo__item:hover .todo-text-btn {
opacity: 1;
font-size: 14px;
transition: .3s ease-in-out
}
.__app-components__to-do__7faba .todo__item-subtext {
color: #448ee1;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 5px;
margin-left: 1px
}
.__app-components__to-do__7faba .todo__item-subtext:hover .app-icon {
fill: #183247
}
.__app-components__to-do__7faba .todo input[type=checkbox] {
margin-top: 1px
}
.__app-components__to-do__7faba .todo-input {
margin: 0;
resize: none;
border: none;
background-color: transparent;
border-bottom: 1px #dadfe3 solid;
width: 100%;
padding-left: 20px
}
.__app-components__to-do__7faba .todo-input:focus {
outline: 0;
border-bottom: 1px #02b875 solid;
max-height: auto;
overflow-y: auto
}
.__app-components__to-do__7faba .todo-delete,.__app-components__to-do__7faba .todo-edit {
color: #666;
margin: 0 5px
}
.__app-components__to-do__7faba .todo .todo__item.make-active {
background-color: #ebeef0
}
.__app-components__to-do__7faba .input textarea+label {
top: 15px
}
.__app-components__to-do__7faba .ember-scrollable .todo-item-wrapper {
padding-right: 10px
}
.__app-components__to-do__7faba .ember-scrollable .todo-text-btn {
right: 10px
}
.__app-components__to-do__7faba .todo-source {
padding-left: 2px
}
.__app-components__to-do__7faba .reminder-time {
padding-left: 2px;
font-weight: 500;
padding-top: 2px
}
.__app-components__welcome-tour__56fb4 .tour {
position: absolute;
padding: 20px;
box-sizing: border-box;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 800px;
height: 600px;
margin: auto;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 0 18px 0 rgba(0,0,0,.2)
}
.__app-components__welcome-tour__56fb4 .tour-welcome {
width: 650px;
height: 480px
}
.__app-components__welcome-tour__56fb4 .tour-step {
animation: createBox .25s
}
.__app-components__welcome-tour__56fb4 .tour__buttonwrap {
text-align: center
}
.__app-components__welcome-tour__56fb4 .tour__largebutton {
border-radius: 4px;
height: 44px;
width: 240px;
font-size: 14px
}
.__app-components__welcome-tour__56fb4 .tour__navigation {
position: absolute;
bottom: 0;
height: 80px;
width: 100%;
left: 0;
right: 0;
padding: 25px;
border-top: 1px solid #ebeef0
}
.__app-components__welcome-tour__56fb4 .tour__navigation .skip-tour {
margin-top: 7px
}
.__app-components__welcome-tour__56fb4 .tour__navigation .finish-tour {
margin-top: 7px;
color: #02b875
}
.__app-components__welcome-tour__56fb4 .tour__navigation .previous-btn {
margin-right: -4px;
border-right: none
}
.__app-components__welcome-tour__56fb4 .tour__completion {
margin-right: 12px
}
.__app-components__welcome-tour__56fb4 .tour .button-info {
margin-top: 10px
}
.__app-components__welcome-tour__56fb4 .tour .send-invite {
margin-top: 40px
}
.__app-components__welcome-tour__56fb4 .tour .send-invite__button {
padding-left: 20px
}
.__app-components__welcome-tour__56fb4 .tour__image-wrapper {
text-align: center
}
.__app-components__welcome-tour__56fb4 .welcome-image {
width: 109px;
height: 109px;
margin-top: 25px
}
.__app-components__welcome-tour__56fb4 .tour-image {
width: 350px;
height: 145px;
margin-top: 30px
}
.__app-components__welcome-tour__56fb4 .agents-email {
width: 80%;
margin: auto
}
.__app-components__welcome-tour__56fb4 .agents-email__validationfailed {
margin-top: 5px;
color: #ff5959
}
.__app-components__welcome-tour__56fb4 .tour__content {
text-align: center;
margin-bottom: 25px
}
.__app-components__welcome-tour__56fb4 .tour__content--title {
margin-bottom: 18px;
color: #000;
font-size: 22px
}
.__app-components__welcome-tour__56fb4 .tour__content--info {
line-height: 1.4;
font-size: 14px;
margin: auto
}
.__app-components__welcome-tour__56fb4 .tour__content--step {
width: 85%;
margin: auto
}
.__app-components__welcome-tour__56fb4 .inviteteam__step {
position: absolute;
top: 40%;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.__app-components__welcome-tour__56fb4 .channels {
margin-top: 45px
}
.__app-components__welcome-tour__56fb4 .channels__container {
text-align: center
}
.__app-components__welcome-tour__56fb4 .channel__wrapper {
padding: 0;
margin: 0 16px;
display: inline-block
}
.__app-components__welcome-tour__56fb4 .invite-agents .ember-basic-dropdown-content,.__app-components__welcome-tour__56fb4 .invite-agents .ember-power-select-status-icon {
display: none
}
.__app-components__welcome-tour__56fb4 .invite-agents .ember-power-select-multiple-option {
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid #f3f5f7
}
.__app-components__welcome-tour__56fb4 .invite-agents .ember-power-select-trigger-multiple-input {
line-height: 2
}
.__app-components__welcome-tour__56fb4 .invite-agents .ember-power-select-multiple-remove-btn {
float: right;
top: 4px;
left: 3px
}
.__app-components__welcome-tour__56fb4 .invite-agents .ember-power-select-trigger {
max-height: 60px;
min-height: 22px;
overflow-y: scroll
}
.__app-components__welcome-tour__56fb4 .invite-agents .ember-power-select-trigger:hover {
border-bottom: 1px solid #02b875
}
.__app-components__welcome-tour__56fb4 .invitation-success {
margin: 40px
}
.__app-components__welcome-tour__56fb4 .invitation-success__info {
text-align: center;
font-size: 20px
}
.__app-components__welcome-tour__56fb4 .invitation-success__info .app-icon {
top: 5px;
left: -5px
}
.__app-components__welcome-tour__56fb4 .video-overlay {
position: absolute;
width: 760px;
height: 496px;
z-index: 2;
left: 20px;
background: #000;
opacity: .7
}
.__app-components__welcome-tour__56fb4 .video-overlay__content {
margin-top: 90px
}
.__app-components__welcome-tour__56fb4 .video-overlay__info,.__app-components__welcome-tour__56fb4 .video-overlay__title {
width: 70%;
margin: 20px auto;
color: #fff;
text-align: center
}
.__app-components__welcome-tour__56fb4 .video-overlay__play {
width: 80px;
height: 80px;
border: 2px solid #fff;
border-radius: 100px;
text-align: center;
margin: auto;
padding: 23px
}
.__app-components__welcome-tour__56fb4 .overview-video .wistia_embed {
height: 82.5%;
left: 20px;
position: absolute;
width: 95%
}
.__app-components__welcome-tour__56fb4 .overview-video .wistia_embed video {
background: #fff!important
}
.__app-components__welcome-tour__56fb4 .channel__content {
text-align: center;
cursor: pointer
}
.__app-components__welcome-tour__56fb4 .channel__content .nav-ico {
width: 70px;
height: 70px;
padding: 23px;
border: 1px solid #ebeef0;
border-radius: 100%;
background: #ebeef0;
display: inline-block
}
.__app-components__welcome-tour__56fb4 .channel__content .nav-ico:hover {
background: #dadfe3
}
.__app-components__welcome-tour__56fb4 .channel__content .channel__name {
padding: 15px 0;
line-height: .4;
cursor: default
}
.__app-components__welcome-tour__56fb4 .channel__content .channel__item {
width: 80px;
height: 80px;
padding-top: 3px;
border: 2px solid transparent;
border-radius: 50%
}
.__app-components__welcome-tour__56fb4 .channel__content .channel__item-selected {
border: 2px solid #02b875
}
.__app-components__welcome-tour__56fb4 .channel__content .channel__item-selected .nav-ico {
background: #02b875
}
.__app-components__welcome-tour__56fb4 .channel__content .channel__item-selected .app-icon {
fill: #fff
}
@keyframes createBox {
from {
transform: scale(.85)
}
to {
transform: scale(1)
}
}
.__app-components__widget-sidebar__widget__ca461 {
border-bottom: 1px #ebeef0 solid;
padding: 0 15px
}
.__app-components__widget-sidebar__widget__ca461:last-child {
margin-bottom: 40px
}
.__app-components__widget-sidebar__widget__ca461 .sidebar__title {
letter-spacing: .2px;
padding-bottom: 5px;
text-transform: uppercase;
padding-top: 14px
}
.__app-components__widget-sidebar__widget__ca461 .sidebar__action {
text-transform: none;
color: #448ee1;
cursor: pointer;
font-weight: 400
}
.__app-components__widget-sidebar__widget__ca461 .sidebar__action:hover {
text-decoration: underline
}
.__app-components__widget-sidebar__widget__ca461 .content-false {
display: none
}
.__app-components__widget-sidebar__widget__ca461 .widget-true .app-icon {
transform: rotateX(180deg);
transition: .1s linear
}
.__app-components__widget-sidebar__widget__ca461 .accordion-arrow {
position: absolute;
right: 16px;
margin-top: 2px
}
.__app-components__year-in-review__lightbox-video__90a21 .video-content {
width: 85%;
height: 85%;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center
}
.__app-components__year-in-review__lightbox-video__90a21 .video-content .watch-btn {
margin-top: 25px
}
.__app-components__year-in-review__lightbox-video__90a21 .video-player {
width: 100%;
height: 90%
}
.__app-components__year-in-review__lightbox-video__90a21 .video-player .plyr-video {
width: 100%;
height: 100%
}
.__app-components__year-in-review__lightbox-video__90a21 .video-player .plyr--video,.__app-components__year-in-review__lightbox-video__90a21 .video-player .plyr-video,.__app-components__year-in-review__lightbox-video__90a21 .video-player .plyr__video-wrapper,.__app-components__year-in-review__lightbox-video__90a21 .video-player .video-plyr {
height: 100%
}
.__app-components__year-in-review__lightbox-video__90a21 .video-player input[type=range] {
top: 0
}
.__app-components__year-in-review__lightbox-video__90a21 .video-close-btn {
margin-top: -25px
}
.__app-components__year-in-review__lightbox-video__90a21 .share-btn {
margin-top: 30px
}
.__app-components__year-in-review__02dbd .year-in-review {
padding: 15px;
background-color: #fff;
margin-bottom: 10px
}
.__app-components__year-in-review__02dbd .year-in-review .trophy-icon {
width: 90px
}
.__app-components__year-in-review__02dbd .year-in-review .year-review-bg {
position: absolute;
right: 0;
top: 0;
z-index: 0
}
.__app-components__year-in-review__02dbd .year-in-review .watch-btn {
text-align: center;
margin-top: 25px;
z-index: 1
}
.__app-components__year-in-review__02dbd .year-in-review .close-btn {
position: absolute;
top: 10px;
right: 15px;
z-index: 2
}
.__freshcaller__inconversation-widget__ticket-details__9fea8 .no-ticket {
text-align: center;
position: relative;
top: 50px;
color: #4c494a
}
.__integration-apps__cloud-attachments__common__display__61bfd .cloud-file-wrap-content {
max-width: 145px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.__integration-apps__cti-app__0ca5b .app-icon--cti {
width: 20px;
height: 20px;
cursor: pointer
}
.__integration-apps__cti-app__0ca5b .cti-widget-container {
position: absolute;
bottom: 40px;
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1),0 0 20px 0 rgba(0,0,0,.2);
left: 84px;
width: 400px;
height: 400px;
max-width: 500px;
max-height: 400px;
z-index: 9999;
display: block;
background-color: #fff
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field {
margin-bottom: 23px
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field--label {
display: block;
font-weight: 400;
margin-bottom: 2px;
font-size: 12px
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field--label::first-letter {
text-transform: uppercase
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field--label .star {
color: #ff5959
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field--control {
width: 100%
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field--errors {
color: #ff5959;
margin-top: 3px
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input {
border: none;
border-bottom: 1px solid #dadfe3
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input:hover {
border-bottom: 1px #183247 solid;
transition: .2s linear
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input:focus {
outline: 0;
border-color: #02b875
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input.ember-power-select-trigger-multiple-input {
border: none;
height: 23px;
border-bottom: none
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field textarea {
height: 100px;
border: none;
border-bottom: 1px solid #dadfe3;
resize: none;
padding: 5px 0;
margin-top: 5px
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field textarea:hover {
border-bottom: 1px #183247 solid;
transition: .2s linear
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field textarea:focus {
outline: 0;
border-color: #02b875
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field.radio-field {
margin-bottom: 5px
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field .ember-power-select-placeholder {
padding-bottom: 0
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field.checkbox-field input[type=checkbox] {
-webkit-appearance: none;
background: #fff;
border: 1px solid #dadfe3;
height: 13px;
position: relative;
width: 13px;
border-radius: 2px;
margin-top: 0;
cursor: pointer;
margin-right: 5px;
top: 2px
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field.checkbox-field input[type=checkbox]:focus {
outline: 0
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field.checkbox-field input[type=checkbox]::after {
position: absolute;
content: '';
display: block;
height: 16px;
background: 0 0;
bottom: -4px
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field.checkbox-field input[type=checkbox]:checked {
background: #02b878;
border: 3px solid #02b875;
padding: 0
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field.checkbox-field input[type=checkbox]:checked::before {
border: 0;
position: relative;
left: 1px;
top: -1px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg);
content: '';
display: block;
width: 5px;
height: 7px
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input[type=radio] {
position: absolute;
opacity: 0
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input[type=radio]+label {
user-select: none;
cursor: pointer;
padding-left: 20px;
position: relative
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input[type=radio]+label::before {
position: absolute;
left: 0;
top: 3px;
display: block;
content: "";
border: 1px solid #dadfe3;
border-radius: 50px;
height: 13px;
width: 13px;
background: #fff;
transition: all .3s ease;
box-sizing: border-box
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input[type=radio]+label::after {
position: absolute;
display: block;
content: "";
left: 3px;
top: 6px;
border-radius: 100%;
width: 7px;
height: 7px;
opacity: 0;
transition: opacity .2s ease-in-out;
box-sizing: border-box
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input[type=radio]:focus+label::before,.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input[type=radio]:hover+label::before {
border-color: #6f7c87
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input[type=radio]:checked+label {
color: #183247;
font-weight: 500;
-webkit-font-smoothing: antialiased
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input[type=radio]:checked+label::before {
background: #fff;
border-color: #02b875;
box-shadow: none
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .form-field input[type=radio]:checked+label::after {
border-radius: 50%;
background: #02b875;
opacity: 1;
top: 6px
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .modal-content .error {
color: #ff5959;
margin-bottom: 5px
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .modal-content .fieldset-wrapper {
margin-bottom: 20px
}
.__integration-apps__freshsales__form-wrapper__form__4d82d .modal-content .fieldset-title {
display: none
}
.__integration-apps__freshsales__form-wrapper__3bd43 .app-icon path {
fill: #448ee1
}
.__integration-apps__freshsales__form-wrapper__3bd43 .create-contact,.__integration-apps__freshsales__form-wrapper__3bd43 .create-lead {
display: inline-block;
padding-bottom: 4px
}
.__integration-apps__freshsales__form-wrapper__3bd43 .create-contact:hover,.__integration-apps__freshsales__form-wrapper__3bd43 .create-lead:hover {
text-decoration: none;
cursor: pointer
}
.__integration-apps__freshsales__record__f1812 .record--title {
color: #6f7c87;
text-transform: capitalize;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.__integration-apps__freshsales__record__f1812 .record--value {
margin-bottom: 10px;
font-weight: 500;
padding-top: 2px
}
.__integration-apps__freshsales__record__f1812 .record--value--type-name {
text-decoration: none;
margin-bottom: 10px;
text-transform: capitalize
}
.__integration-apps__freshsales__record__f1812 .record__deal--loading {
padding: 10px 0
}
.__integration-apps__freshsales__record__f1812 .record__deal {
list-style: none;
padding: 0;
margin-bottom: 15px
}
.__integration-apps__freshsales__record__f1812 .record__deal--name {
color: #448ee1;
text-transform: capitalize;
cursor: pointer;
text-decoration: none;
display: block;
padding-top: 2px
}
.__integration-apps__freshsales__record__f1812 .record__deal--nodata {
padding-bottom: 15px
}
.__integration-apps__freshsales__record__f1812 .open-link {
font-size: 12px
}
.__integration-apps__freshsales__record__f1812 .open-link--icon {
height: 15px;
width: 15px;
vertical-align: text-top;
fill: #6f7c87
}
.__integration-apps__freshsales__19fa8 .freshsales {
margin-top: 5px
}
.__integration-apps__freshsales__19fa8 .freshsales__create-entity {
margin-bottom: 6px
}
.__integration-apps__freshsales__19fa8 .freshsales__error {
color: #ff5959;
text-align: center
}
.__integration-apps__freshsales__19fa8 .freshsales__error--refresh {
color: #448ee1;
cursor: pointer;
margin-top: 10px
}
.__integration-apps__freshsales__19fa8 .freshsales__error--refresh .app-icon {
width: 11px;
height: 11px;
fill: #448ee1
}
.__integration-apps__freshsales__19fa8 .freshsales__nodata {
color: #9aa1a6;
padding-bottom: 10px
}
.__integration-apps__freshsales__19fa8 .freshsales__back {
margin-bottom: 10px
}
.__integration-apps__freshsales__19fa8 .freshsales__back-link {
text-decoration: none;
cursor: pointer
}
.__integration-apps__freshsales__19fa8 .freshsales__back-icon {
height: 10px;
width: 10px
}
.__integration-apps__freshsales__19fa8 .freshsales__entity:last-child__data {
margin: 0
}
.__integration-apps__freshsales__19fa8 .freshsales__entity--title {
color: #6f7c87;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.__integration-apps__freshsales__19fa8 .freshsales__entity__data {
list-style: none;
padding: 0;
margin-bottom: 15px
}
.__integration-apps__freshsales__19fa8 .freshsales__entity__data--name {
color: #448ee1;
text-transform: capitalize;
cursor: pointer;
text-decoration: none;
padding-top: 2px
}
.__integration-apps__googlecalendar__add-event__aac79 .modal-content {
display: block
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__user-email {
padding: 15px 0 10px;
color: #183247
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar-event__duration {
padding: 22px 0 0 10px
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__add-event .ember-basic-dropdown-content--above,.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__add-event .ember-basic-dropdown-content--below,.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__add-event .ember-basic-dropdown-content--in-place {
box-shadow: 0 2px 14px 0;
border: 1px;
min-width: 120px
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__event-list__duration__event-display {
text-overflow: ellipsis;
overflow: hidden;
padding-top: 3px
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar-event__date-time .google-calendar-event__date {
margin-bottom: 20px
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar-event__date-time .google-calendar-event__date__timezone {
position: absolute;
width: 110%;
top: 75%;
color: #6f7c87;
font-size: 12px;
-webkit-font-smoothing: antialiased
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar-event__date-time .google-calendar-event__time {
padding-top: 10px
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar-event__date-time .google-calendar-event__time .ember-power-select-status-icon {
display: none
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar-event__date-time .google-calendar-event__time .ember-power-select-selected-item {
line-height: 1.5
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar-event__date-time .google-calendar-event__time .ember-power-select-trigger.ember-view.ember-basic-dropdown-trigger {
padding: 0
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar-event__date-time .google-calendar-event__duration {
padding-left: 0;
color: #6f7c87;
-webkit-font-smoothing: antialiased
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__event-list__duration {
color: #183247;
font-weight: 600
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__event-list {
width: 100%;
border-radius: 2px;
background-color: #fffade;
height: auto;
margin-top: 50px
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__arrow-right {
padding-left: 20px
}
.__integration-apps__googlecalendar__add-event__aac79 .app-form .ember-power-select-trigger {
overflow: visible;
line-height: 1.2;
margin-top: 12px
}
.__integration-apps__googlecalendar__add-event__aac79 .ember-power-select-selected-item {
height: 21px
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__events-list__container {
padding-top: 25px;
min-height: 145px
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__events-list__display-list {
margin-top: 10px;
padding-bottom: 10px;
padding-left: 20px
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__events-loader {
padding-top: 20px
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__same-day-events {
border-bottom: 1px rgba(24,50,71,.2);
border-bottom-style: dashed;
padding-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
padding-top: 15px
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendar__same-day-events:last-child {
border-bottom: none
}
.__integration-apps__googlecalendar__add-event__aac79 .google-calendarr__date-event-seperator {
height: 1px;
border: 1px rgba(24,50,71,.2);
border-top-style: solid;
margin-top: 15px;
margin-bottom: 1px
}
.__integration-apps__googlecalendar__event-list__d117f .event-list {
height: 22px;
background-color: #fff;
border: 1px solid #dadfe3;
border-radius: 2px;
border-collapse: separate
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__date--border {
border-collapse: separate;
border-radius: 2px
}
.__integration-apps__googlecalendar__event-list__d117f .event-list-wrapper {
padding-top: 6px
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__date,.__integration-apps__googlecalendar__event-list__d117f .event-list__event__month {
background-color: #ebeef0;
color: #183247;
width: 25px;
padding-top: 4px;
padding-left: 5px;
vertical-align: top;
line-height: 100%;
font-size: 13px;
font-weight: 600;
text-align: center
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__date {
padding-right: 5px
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details__summary {
font-size: 13px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
padding-top: 3px;
color: #399fc0
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details__duration-location {
font-size: 11px;
width: 100%;
display: inline-flex;
padding-top: 3px
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details__duration-location__location {
font-size: 11px;
color: #6f7c87;
width: auto;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details__duration-location__duration {
font-size: 11px;
color: #6f7c87;
width: auto
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details {
padding-top: 3px
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details__duration-location__separator {
color: #9ea1a9;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #9ea1a9;
display: inline-block;
vertical-align: middle;
margin-top: 4px;
margin-right: 5px;
margin-left: 5px
}
.__integration-apps__jira__create-issue__918f9 .modal-content,.__integration-apps__jira__link-issue__51402 .modal-content {
display: block
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details__summary--old {
color: #989e9d;
text-decoration: line-through;
width: 95%;
padding-top: 3px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details__older-event__link {
color: #989e9d
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details__summary--upcoming {
color: #183247;
width: 95%;
padding-top: 3px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: 600
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details__upcoming-event__link {
color: #183247
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details__actions {
padding-top: 3px;
font-size: 12px
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details__actions__edit {
width: 20px;
padding-right: 8px;
height: 14px;
color: #448ee1
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__event__details__actions__remove {
font-size: 12px;
width: 35px;
height: 14px;
margin-left: 5px;
color: #448ee1
}
.__integration-apps__googlecalendar__event-list__d117f .event-list__spacing-below {
color: #d3dbda;
padding-bottom: 6px
}
.__integration-apps__googlecalendar__072f5 .content {
padding-top: 50px
}
.__integration-apps__googlecalendar__072f5 .google-calendar__authorize-link {
padding-top: 6px;
padding-left: 0
}
.__integration-apps__googlecalendar__072f5 .google-calendar__authorize-link a {
color: #239cff
}
.__integration-apps__googlecalendar__072f5 #google-calendar__email {
color: #444;
font-size: 13px;
font-weight: 700;
width: 95%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.__integration-apps__googlecalendar__072f5 .google-calendar__add-event a,.__integration-apps__googlecalendar__072f5 .google-calendar__link a {
color: #239cff
}
.__integration-apps__googlecalendar__072f5 .google-calendar__account-chooser {
padding-top: 6px
}
.__integration-apps__googlecalendar__072f5 .google-calendar__account-link {
width: 42px;
height: 8px;
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: .67;
letter-spacing: normal;
color: #239cff
}
.__integration-apps__googlecalendar__072f5 .google-calendar__email {
padding-bottom: 6px
}
.__integration-apps__googlecalendar__072f5 .google-calendar__add-event {
padding: 12px 0 6px
}
.__integration-apps__googlecalendar__072f5 .google-calendar__link {
margin-top: 10px
}
.__integration-apps__harvest__login-form__4328c .harvest-info .harvest-login-btn {
margin-top: 10px;
margin-bottom: 10px
}
.__integration-apps__harvest__5fee2 .harvest .harvest-block {
margin-bottom: 10px;
min-height: 200px
}
.__integration-apps__harvest__5fee2 .harvest .info {
margin-bottom: 24px
}
.__integration-apps__harvest__5fee2 .harvest .info .view-on svg.newtab {
vertical-align: baseline
}
.__integration-apps__harvest__5fee2 .harvest .info .view-on .goto-harvest {
vertical-align: text-bottom
}
.__integration-apps__harvest__5fee2 .harvest .info a.diff-user {
padding-left: 0;
margin-bottom: 10px;
cursor: pointer
}
.__integration-apps__harvest__5fee2 .harvest-loading {
position: relative
}
.__integration-apps__harvest__5fee2 .harvest-loading #moduleloading {
margin: 0;
height: 100px
}
.__integration-apps__jira__create-issue__918f9 .loader #moduleloading {
margin: 0
}
.__integration-apps__jira__create-issue__918f9 .modal-spinner {
position: relative;
height: 35px
}
.__integration-apps__jira__create-issue__918f9 .error {
color: #ff5959;
padding-left: 15px
}
.__integration-apps__jira__link-issue__51402 .input {
margin-bottom: 7px
}
.__integration-apps__jira__link-issue__51402 .helpText {
font-size: 12px;
color: #ff5959
}
.__integration-apps__jira__6498d .loader-wrapper {
display: block;
position: relative
}
.__integration-apps__jira__6498d .loader-wrapper #moduleloading {
margin: 50px 0 0
}
.__integration-apps__jira__6498d .jira-issue-view {
min-height: 60px
}
.__integration-apps__jira__6498d .jira-issue-view .helpText {
padding-left: 45px;
color: #9aa1a6
}
.__integration-apps__jira__6498d .jira-issue-view .action-links {
text-decoration: none;
cursor: pointer
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .partloading {
position: inherit
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .panel-body .partloading {
position: relative;
padding: 20px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .panel-body .partloading .modal-spinner {
margin-top: 0;
margin-bottom: 0
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .panel-body .partloading .m-loader2 {
width: 6em;
height: 6em
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .action {
padding: 2px 5px;
min-width: 50px;
display: inline-block;
text-align: center;
border-radius: 2px;
color: #fff
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .action-time {
padding: 10px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .contact-name {
font-size: 24px;
font-weight: 600;
line-height: 1.25;
text-align: left;
margin-bottom: 10px;
margin-top: 5px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .modal-header {
padding: 20px 30px 0;
height: 122px;
background-color: #f3f5f7;
border-bottom: 1px solid #dadfe3
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .modal-header .close .modal-close {
color: #fff
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .content {
padding-top: 20px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .tabs {
padding: 0 30px;
top: 50
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .modal-content {
display: block;
padding-top: 20px;
margin-top: 120px;
height: auto
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .custom-tab {
border-bottom: none
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .nav>li {
float: left
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .nav-tabs>.mailchimp-tabs:hover {
border-color: none
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .nav .mailchimp-tabs {
border: none
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .nav .mailchimp-tabs:focus,.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .nav .mailchimp-tabs:hover {
background-color: transparent
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .panel-default {
margin-bottom: 10px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .panel-head {
cursor: pointer;
border-radius: 3px;
padding: 5px 15px;
font-size: 13px;
font-weight: 600
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .panel-head-border {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .panel-body {
border-top: none;
padding: 0 10px 10px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .activity {
padding: 5px 10px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .action-url {
margin: 5px 0 0 65px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .panel-default span {
color: #183247;
line-height: 24px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .rotate-arrow .app-icon {
transform: rotate(180deg)
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .folder-color {
fill: #6f7c87
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .custom-tab>.mailchimp-list.active>.mailchimp-tabs,.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .custom-tab>.mailchimp-list.active>.mailchimp-tabs:focus,.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .custom-tab>.mailchimp-list.active>.mailchimp-tabs:hover {
color: #02b875;
margin-right: 2px;
line-height: 1.42857;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
background-color: transparent;
cursor: pointer
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .custom-tab>.mailchimp-list .mailchimp-tabs {
color: #6f7c87
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .mailchimp-list.active {
border-bottom: 3px solid #02b875
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .mailing-list-title {
padding: 2px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .mailing-list-input {
padding: 10px;
border-radius: 4px;
overflow-y: auto;
max-height: 370px;
border: 1px solid #dadfe3
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .input {
margin: 0
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .panel-default .blue-bg {
color: #4da1ff;
background: #f0f7ff
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .panel-default .green-bg {
color: #75ac3f;
background-color: #ebf6df
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .no-campaigns-found {
text-align: center;
font-size: 15px;
color: #999
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .icon-align {
margin-right: 5px;
vertical-align: text-top
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .arrow-icon {
width: 12px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-modal .mailchimp-icon {
width: 45px;
vertical-align: middle;
margin-right: 10px;
height: 45px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-error .name {
font-size: 18px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-error .modal-header {
height: 80px;
border: none;
box-shadow: none;
background-color: #fff
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-error .modal-content {
margin-top: 80px;
padding-top: 15px
}
.__integration-apps__mailchimp__campaigns-info__e2b07.mailchimp-error .tab-content {
padding-top: 0
}
.__integration-apps__mailchimp__22792 .details-link {
font-size: 13px;
text-decoration: none
}
.__integration-apps__mailchimp__22792 .partloading {
vertical-align: middle
}
.__integration-apps__salesforce__record__15147 .record--title {
color: #6f7c87;
text-transform: capitalize;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.__integration-apps__salesforce__record__15147 .record--value {
margin-bottom: 10px;
font-weight: 500;
padding-top: 2px
}
.__integration-apps__salesforce__record__15147 .record--value--type-name {
text-decoration: none;
margin-bottom: 10px;
text-transform: capitalize
}
.__integration-apps__salesforce__record__15147 .record__opportunity--loading {
padding: 10px 0
}
.__integration-apps__salesforce__record__15147 .record__opportunity {
list-style: none;
padding: 0;
margin-bottom: 15px
}
.__integration-apps__salesforce__record__15147 .record__opportunity--name {
color: #448ee1;
text-transform: capitalize;
cursor: pointer;
text-decoration: none;
display: block;
padding-top: 2px
}
.__integration-apps__salesforce__record__15147 .record__opportunity--nodata {
padding-bottom: 15px
}
.__integration-apps__salesforce__record__15147 .open-link {
font-size: 12px
}
.__integration-apps__salesforce__record__15147 .open-link--icon {
height: 15px;
width: 15px;
vertical-align: text-top;
fill: #6f7c87
}
.__integration-apps__salesforce__5b79a .salesforce {
margin-top: 5px
}
.__integration-apps__salesforce__5b79a .salesforce__error {
color: #ff5959;
text-align: center
}
.__integration-apps__salesforce__5b79a .salesforce__error--refresh {
color: #448ee1;
cursor: pointer;
margin-top: 10px
}
.__integration-apps__salesforce__5b79a .salesforce__error--refresh .app-icon {
width: 11px;
height: 11px;
fill: #448ee1
}
.__integration-apps__salesforce__5b79a .salesforce__nodata {
color: #9aa1a6;
text-align: center;
padding: 15px
}
.__integration-apps__salesforce__5b79a .salesforce__back {
margin-bottom: 10px
}
.__integration-apps__salesforce__5b79a .salesforce__back-link {
text-decoration: none;
cursor: pointer
}
.__integration-apps__salesforce__5b79a .salesforce__back-icon {
height: 10px;
width: 10px
}
.__integration-apps__salesforce__5b79a .salesforce__entity:last-child__data {
margin: 0
}
.__integration-apps__salesforce__5b79a .salesforce__entity--title {
color: #6f7c87;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.__integration-apps__salesforce__5b79a .salesforce__entity__data {
list-style: none;
padding: 0;
margin-bottom: 15px
}
.__integration-apps__salesforce__5b79a .salesforce__entity__data--name {
color: #448ee1;
text-transform: capitalize;
cursor: pointer;
text-decoration: none;
padding-top: 2px
}
.__marketplace-list__4d570 .file-upload-btn {
width: 28px;
height: 28px;
position: absolute;
top: 0;
left: 0;
display: inline-block;
z-index: 5
}
.__marketplace-list__4d570 .attachments-placeholder {
display: none
}
.__marketplace-list__4d570 .mkp-attachment {
background-color: #fff;
display: inline-block;
border-radius: 2px;
border: 1px solid #dadfe3;
box-shadow: 0 2px 8px 0 #ebeef0;
position: absolute;
z-index: 5;
padding: 3px;
bottom: 38px;
left: 0
}
.__marketplace-list__4d570 .mkp-attachment .attachment-icon {
padding: 6px 6px 4px
}
.__marketplace-list__4d570 .mkp-attachment .attachment-icon .app-icon-fileupload {
width: 30px
}
.__marketplace-list__4d570 .mkp-attachment .attachment-list {
cursor: pointer;
list-style: none;
display: table-cell;
vertical-align: middle;
width: 27px;
text-align: center;
padding-right: 10px
}
.__marketplace-list__4d570 .mkp-attachment .attachment-list .app-icon {
max-width: inherit
}
.__marketplace-list__4d570 .mkp-attachment svg.app-icon-attachment {
position: static
}
.__marketplace-list__4d570 .mkp-attachment .mkp-files-placeholder {
padding-left: 0;
margin-bottom: 0;
display: inline
}
.__marketplace-list__4d570 .mkp-attachment .app-icon-fileupload {
width: 20px
}
.__marketplace-list__4d570 .mkp-attachment .mkp-attachment li button {
padding: 0
}
.__marketplace-list__4d570 .mkp-attachment::after,.__marketplace-list__4d570 .mkp-attachment::before {
top: 100%;
left: 15%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.__marketplace-list__4d570 .mkp-attachment::after {
border-top-color: #fff;
border-width: 5px;
margin-left: -6px
}
.__marketplace-list__4d570 .mkp-attachment::before {
border-top-color: #dadfe3;
border-width: 6px;
margin-left: -7px
}
.__marketplace-list__4d570 .conversation-app-icon {
height: 16px;
width: 16px;
vertical-align: initial
}
.__module-admin__admin-home__mint-upgrade__5417a {
background-color: #fff;
position: relative;
margin-bottom: 10px;
min-height: 130px;
padding: 25px;
border-radius: 3px
}
.__module-admin__admin-home__mint-upgrade__5417a .admin-mint-upgrade {
margin-top: 15px;
min-width: 200px
}
.__module-admin__admin-home__mint-upgrade__5417a .upgrade-success-banner {
margin-top: 10px;
-webkit-animation: fadeIn .7s ease-in-out;
animation: fadeIn .7s ease-in-out
}
.__module-admin__admin-home__a518a.admin-home {
max-width: 860px;
margin: -40px auto 0
}
.__module-admin__admin-home__a518a.admin-home .admin-search .modal-filter-search {
padding: 0 38px;
height: 50px;
font-size: 18px;
border-radius: 2px;
outline-width: thin;
border: 1px solid #fff;
box-shadow: 0 1px 2px 0 #dadfe3,0 2px 5px 0 rgba(0,0,0,.08)
}
.__module-admin__admin-home__a518a.admin-home .admin-search .modal-filter-search:focus {
border-color: #02b875!important;
box-shadow: 0 0 4px 0 rgba(2,184,117,.28),0 0 0 1px rgba(63,63,68,.05),0 1px 2px 0 rgba(63,63,68,.08)
}
.__module-admin__admin-home__a518a.admin-home .admin-search .modal-filter-search:hover {
border-color: rgba(2,184,117,.5)
}
.__module-admin__admin-home__a518a.admin-home .admin-search .app-icon {
top: 16px;
opacity: .5;
left: 12px
}
.__module-admin__admin-home__a518a.admin-home .admin-search .search-clear {
top: 17px;
right: 10px
}
.__module-admin__admin-home__a518a.admin-home .admin-search .search-results {
position: absolute;
width: 860px
}
.__module-admin__admin-home__a518a.admin-home .admin-search .search-results.active .admin-search-list-container {
padding: 10px;
animation: drop-fade-below-custom .3s;
-webkit-animation: drop-fade-below-custom .3s
}
.__module-admin__admin-home__a518a.admin-home .admin-search .admin-search-list-container {
list-style: none;
background: #fff;
transform: translateY(-5px);
overflow: auto;
width: 250px;
z-index: 1;
position: absolute;
right: 0
}
.__module-admin__admin-home__a518a.admin-home .admin-search .admin-search-list-container .search-list-item {
padding: 5px;
cursor: pointer;
font-size: 12px;
border-radius: 3px;
line-height: 1.3;
margin: 5px 0;
word-break: break-word;
-ms-word-wrap: break-word;
word-wrap: break-word
}
.__module-admin__admin-home__a518a.admin-home .admin-search .admin-search-list-container .search-list-item.active,.__module-admin__admin-home__a518a.admin-home .admin-search .admin-search-list-container .search-list-item:focus,.__module-admin__admin-home__a518a.admin-home .admin-search .admin-search-list-container .search-list-item:hover {
background: #ebedf0
}
.__module-admin__admin-home__a518a.admin-home .admin-action-list-container {
margin-bottom: 50px;
min-height: 500px
}
.__module-admin__admin-home__a518a.admin-home .admin-action-list-container .admin-no-results {
min-height: 280px;
padding: 25px;
margin-top: 15%
}
.__module-admin__admin-home__a518a.admin-home .group-list {
padding: 24px 32px 4px;
background: #fff;
margin-bottom: 10px;
box-shadow: 0 1px 0 0 #dadfe3;
border-radius: 3px
}
.__module-admin__admin-home__a518a.admin-home .group-list .group-header {
min-height: 34px;
border-bottom: 1px solid #ebeef0
}
.__module-admin__admin-home__a518a.admin-home .group-list .text--muted {
color: #acb6be
}
.__module-admin__admin-home__a518a.admin-home .group-list .group-container {
padding: 10px 0;
display: flex;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
transition: .2s ease-in-out all
}
.__module-admin__admin-home__a518a.admin-home .group-list .group-container.general-settings .group_item.active,.__module-admin__admin-home__a518a.admin-home .group-list .group-container.general-settings .group_item:hover {
border-color: #ae64ce;
background: #fcf5ff
}
.__module-admin__admin-home__a518a.admin-home .group-list .group-container.helpdesk-productivity .group_item.active,.__module-admin__admin-home__a518a.admin-home .group-list .group-container.helpdesk-productivity .group_item:hover {
border-color: #448ee1;
background: #f0fcff
}
.__module-admin__admin-home__a518a.admin-home .group-list .group-container.account-settings .group_item.active,.__module-admin__admin-home__a518a.admin-home .group-list .group-container.account-settings .group_item:hover {
border-color: #eb9660;
background: #fff6f0
}
.__module-admin__admin-home__a518a.admin-home .group-list .group-container .group_item {
width: 30%;
margin-right: 3%;
border: 1px solid #fff;
cursor: pointer;
border-radius: 3px;
transition: .2s ease-in-out all;
margin-left: -16px;
margin-bottom: 6px
}
.__module-admin__admin-home__a518a.admin-home .group-list .group-container .group_item.active,.__module-admin__admin-home__a518a.admin-home .group-list .group-container .group_item:hover {
background: #f2fffa;
border-color: #02b875
}
.__module-admin__admin-home__a518a.admin-home .group-list .group-container .group_item .group_item_link {
display: block;
height: 55px;
padding: 10px 16px;
color: inherit
}
.__module-admin__admin-home__a518a.admin-home .group-list .group-container .item_name {
width: 80%;
display: inline-block
}
.__module-admin__admin-home__a518a.admin-home .group-list .group-container .app-icon-container {
width: 20%;
display: inline-block
}
.__module-admin__admin-home__a518a.admin-home .group-list .group-container .app-icon-container .modal-icons {
top: 3px
}
@keyframes drop-fade-below-custom {
0% {
opacity: 0;
transform: translateY(-25px)
}
100% {
opacity: 1;
transform: translateY(-5px)
}
}
.__module-admin__bot__config__code-pane__f6cd0 .toggle-switch {
vertical-align: middle
}
.__module-admin__bot__config__code-pane__f6cd0 .code {
max-width: 60%
}
.__module-admin__bot__config__code-pane__f6cd0 .code--area {
margin-top: 25px;
min-height: 150px;
border-radius: 4px;
background-color: #f8f9fa;
border: 1px solid #dadfe3;
overflow: scroll;
padding: 15px 0 0 15px;
text-align: left
}
.__module-admin__bot__config__code-pane__f6cd0 .code--area-highlighted {
border: 1px solid #02b875
}
.__module-admin__bot__config__code-pane__f6cd0 .code .mini-action-btn {
border-width: 1px 0 0 1px
}
.__module-admin__bot__config__code-pane__f6cd0 .action {
padding-top: 30px
}
.__module-admin__bot__config__code-pane__f6cd0 .info-popup {
width: 22%;
height: 12%;
background-color: #fff;
position: absolute;
bottom: 13%;
right: 3%;
border-radius: 2px;
text-align: center;
padding: 2%
}
.__module-admin__bot__config__code-pane__f6cd0 .info-popup::before {
content: "";
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #fff;
position: absolute;
bottom: -8px;
right: 20px
}
.__module-admin__bot__config__kbase-pane__6e1d2 .content-selection {
margin-top: 30px
}
.__module-admin__bot__config__kbase-pane__6e1d2 .content-selection .ember-power-select-trigger {
margin-top: 15px;
min-height: 40px;
max-height: 10em;
overflow-y: auto
}
.__module-admin__bot__config__kbase-pane__6e1d2 .action {
padding-top: 60px
}
.__module-admin__bot__config__kbase-pane__6e1d2 .selection-options__item {
padding: 10px 10px 0 5px;
display: inline-block;
text-decoration: none
}
.__module-admin__bot__config__kbase-pane__6e1d2 .selection-options__item .app-icon {
fill: #02b875
}
.__module-admin__bot__config__kbase-pane__6e1d2 .selection-options__item .close-btn {
color: #6f7c87
}
.__module-admin__bot__config__kbase-pane__6e1d2 .selection-options__item--disabled {
color: #d3dbda;
cursor: not-allowed
}
.__module-admin__bot__config__kbase-pane__6e1d2 .selection-options__item--disabled .close-btn {
color: #d3dbda
}
.__module-admin__bot__config__kbase-pane__6e1d2 .selection-options__item--disabled .app-icon {
fill: #d3dbda
}
.__module-admin__bot__config__kbase-pane__6e1d2 .config-container-right {
text-align: center;
min-width: 35%
}
.__module-admin__bot__config__kbase-pane__6e1d2 .config-container-right .prequisite-item .item {
width: 100%
}
.__module-admin__bot__config__kbase-pane__6e1d2 .config-container-right .prequisite-item .hint {
text-align: left;
width: 100%
}
.__module-admin__bot__config__kbase-pane__6e1d2 .bot {
animation: moveUpandDown 1.5s infinite alternate
}
.__module-admin__bot__config__81c5b .tabs {
background: #fff;
height: inherit;
border: 1px solid #d3dbda;
border-radius: 3px
}
.__module-admin__bot__config__81c5b .tabs__content {
height: calc(100% - 50px)
}
.__module-admin__bot__config__81c5b .tabs__content__pane {
height: 100%
}
.__module-admin__bot__config__81c5b .tabs__items {
background-color: #f8f9fa;
border-bottom: 1px solid #d3dbda;
width: 100%;
height: 50px;
font-size: 14px;
padding: 0 10px
}
.__module-admin__bot__config__81c5b .tabs__items .tabs__item__nav {
line-height: 50px
}
.__module-admin__bot__config__81c5b .extra-links {
position: absolute;
right: 50px;
top: 16px
}
.__module-admin__bot__config__81c5b .extra-links__link {
padding-left: 35px;
text-decoration: none
}
.__module-admin__bot__config__81c5b .extra-links__link.disabled {
color: #dadfe3;
cursor: not-allowed;
pointer-events: none
}
.__module-admin__bot__config__widget-pane__c7f94 {
height: 100%
}
.__module-admin__bot__config__widget-pane__c7f94 .bot-customize-section {
margin-top: 30px
}
.__module-admin__bot__config__widget-pane__c7f94 .bot-customize-section .title-small {
line-height: 2
}
.__module-admin__bot__config__widget-pane__c7f94 .bot-customize-section .avatar--img .attachment-trigger {
position: relative;
text-decoration: none;
cursor: pointer
}
.__module-admin__bot__config__widget-pane__c7f94 .bot-customize-section .avatar--img .app-icon-fileupload {
width: 100%;
top: 0;
left: 0;
height: 100%;
cursor: pointer
}
.__module-admin__bot__config__widget-pane__c7f94 .bot-customize-section .avatar--img .app-icon-fileupload .ember-text-field {
display: none
}
.__module-admin__bot__config__widget-pane__c7f94 .avatar--img-container {
width: 32px;
height: 32px;
display: inline-block;
border: 1px solid #dadfe3;
background-color: #f8f9fa;
border-radius: 2px;
padding: 5px;
cursor: pointer
}
.__module-admin__bot__config__widget-pane__c7f94 .bot-input:not(:first-child),.__module-admin__bot__config__widget-pane__c7f94 .theme-customize-section .ember-col-pick {
padding-left: 30px
}
.__module-admin__bot__config__widget-pane__c7f94 .avatar--img-container.active {
background-color: #fff;
border: 1px solid #02b875
}
.__module-admin__bot__config__widget-pane__c7f94 .avatar--img-container img {
width: 20px;
height: 20px
}
.__module-admin__bot__config__widget-pane__c7f94 .theme-customize-section {
margin-top: 40px
}
.__module-admin__bot__config__widget-pane__c7f94 .theme-customize-section .theme-fields {
margin-top: 15px
}
.__module-admin__bot__config__widget-pane__c7f94 .theme-customize-section .theme-fields .item {
padding-right: 50px
}
.__module-admin__bot__config__widget-pane__c7f94 .theme-customize-section .radio-group {
margin-bottom: 0
}
.__module-admin__bot__config__widget-pane__c7f94 .theme-customize-section .radio-group label:last-child {
margin-left: 15px
}
.__module-admin__bot__config__widget-pane__c7f94 .preview.fullscreen .bot-conversations {
height: 36em
}
.__module-admin__bot__config__widget-pane__c7f94 .preview.fullscreen .due {
display: none
}
.__module-admin__bot__config__widget-pane__c7f94 .action .link:hover {
text-decoration: none
}
.__module-admin__bot__config__widget-pane__c7f94 .color-pick-preview {
position: absolute;
width: 18px;
height: 18px;
z-index: 1;
bottom: 5px;
left: 5px;
border-radius: 4px
}
.__module-admin__bot__config__widget-pane__c7f94 .power-select-override .ember-power-select-status-icon {
top: 30px;
right: 60px
}
.__module-admin__bot__config__widget-pane__c7f94 .bot-form .input {
width: auto
}
.__module-admin__bot__config__widget-pane__c7f94 .bot-input {
display: inline-block
}
.__module-admin__bot__config__widget-pane__c7f94 .bot-input .label-field {
font-size: 14px;
font-weight: 600;
display: block
}
.__module-admin__bot__config__widget-pane__c7f94 .bot-input.input input[type=text] {
outline: 0;
font-size: 14px;
width: 200px;
font-weight: 400
}
.__module-admin__bot__config__widget-pane__c7f94 .bot-select {
width: 200px
}
.__module-admin__bot__config__widget-pane__c7f94 .attachment,.__module-admin__bot__config__widget-pane__c7f94 .clearfix,.__module-admin__bot__config__widget-pane__c7f94 .ember-power-calendar .ember-power-calendar-row,.__module-admin__bot__config__widget-pane__c7f94 .ticket-action__fields,.ember-power-calendar .__module-admin__bot__config__widget-pane__c7f94 .ember-power-calendar-row {
content: "";
display: table;
clear: both
}
.__module-admin__bot__history-widget__e87c3.history {
position: fixed;
right: 5%;
bottom: 5%
}
.__module-admin__bot__history-widget__e87c3 .bot {
box-shadow: 0 5px 30px 0 rgba(1,1,1,.2);
margin-top: 20px;
margin-left: 18px;
border-radius: 5px;
width: 390px
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-info {
min-height: 100px;
color: #fff;
padding-left: 25px;
position: relative
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-info--avatar .app-icon {
margin-top: 20px
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-info--avatar .forward–backward {
position: absolute;
right: 10px;
display: inline-block
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-info--name {
font-size: 20px;
font-weight: 600;
padding-top: 5px
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-info--name .question {
padding-bottom: 10px
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-info--light .app-icon {
fill: #fff
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-info--light .bot-info--name {
color: #fff
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-info--dark .app-icon {
fill: #000
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-info--dark .bot-info--name {
color: #000
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations {
height: 30em;
background: #f6f6f6;
padding: 20px 10px;
overflow-y: scroll
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations--bot {
margin-bottom: 20px
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations--bot .name {
font-size: 13px;
color: #888;
text-overflow: ellipsis;
overflow: hidden;
margin-left: 22px
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations--bot .icon {
height: 20px;
width: 20px;
vertical-align: top;
display: table-cell
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations--bot .icon img {
height: 100%;
width: 100%
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations--bot .message-groups {
display: table
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations--bot .message-groups__messages {
display: table-cell
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations--bot .message-groups__message {
border-radius: 4px 20px 20px 0;
padding: 10px;
margin: 2px;
min-width: 10px;
max-width: 80%
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations--bot .message-groups__message:last-child {
border-radius: 4px 20px 20px
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations--client {
margin-bottom: 10px;
padding-left: 45%
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations--client__message {
border-radius: 20px 20px 4px;
background-color: #fff;
padding: 10px;
min-width: 10px;
min-width: 80%;
word-wrap: break-word;
box-shadow: -1px 1px 1px rgba(1,1,1,.2)
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations--client .delivered {
font-size: 12px;
color: #888;
padding-left: 10px;
padding-top: 2px
}
.__module-admin__bot__history-widget__e87c3 .due--container {
margin-top: 12px;
width: 50px;
height: 50px;
border-radius: 50px 12px 50px 50px;
padding: 7px 10px 10px;
float: right;
display: inline-block;
text-align: center;
cursor: pointer
}
.__module-admin__bot__history-widget__e87c3 .due--container .close-icon {
fill: #fff;
margin-top: 8px
}
.__module-admin__bot__history-widget__e87c3 .preview-ribbon {
width: 85px;
height: 85px;
overflow: hidden;
position: absolute;
top: 0;
right: 0
}
.__module-admin__bot__history-widget__e87c3 .preview-ribbon__content {
text-align: center;
color: #183247;
text-shadow: #fff 0 1px 0;
transform: rotate(45deg);
position: relative;
padding: 7px 0;
left: 0;
top: 15px;
width: 120px;
background-color: #fbc913;
box-shadow: 0 0 3px rgba(1,1,1,.2)
}
.__module-admin__bot__onboarding__1d022 .onboarding {
background: #fff;
border: 1px solid #d3dbda;
border-radius: 4px;
padding: 30px;
height: 100%
}
.__module-admin__bot__onboarding__1d022 .onboarding--help {
font-size: 12px;
color: #6f7c87
}
.__module-admin__bot__onboarding__1d022 .onboarding--help .ficon-help {
font-size: 20px;
color: #9aa1a6;
vertical-align: middle
}
.__module-admin__bot__onboarding__1d022 .onboarding--content {
text-align: center;
padding-top: 40px;
width: 60%;
margin: 0 auto
}
.__module-admin__bot__onboarding__1d022 .onboarding--content .heading {
font-weight: 600;
line-height: 1.6;
font-size: 35px
}
.__module-admin__bot__onboarding__1d022 .onboarding--content .description {
color: #183247;
line-height: 1.4;
padding: 15px;
font-weight: 300
}
.__module-admin__bot__onboarding__1d022 .onboarding--content .setup-btn {
width: 35%;
height: 42px;
border-radius: 4px;
background-color: #02b875;
border: none;
color: #fff;
font-size: 15px;
font-weight: 500;
margin-top: 30px;
outline: 0;
position: relative
}
.__module-admin__bot__onboarding__1d022 .onboarding--content .setup-btn .arrow-right {
fill: #fff;
position: absolute;
right: 14px
}
.__module-admin__bot__onboarding__1d022 .onboarding--content .info {
margin-top: 40px;
border-radius: 10px;
background-color: #fffade;
font-style: italic;
height: 90px
}
.__module-admin__bot__onboarding__1d022 .onboarding--content .info--text {
padding: 30px 50px
}
.__module-admin__bot__prerequisite__item__96be0 {
animation: slidefromtop .8s ease-in-out
}
.__module-admin__bot__prerequisite__item__96be0 .item {
width: 70%;
height: 5em;
line-height: 5em;
border-radius: 4px;
border: 1px solid #ebeef0;
animation: slidefromtop .8s ease-in-out
}
.__module-admin__bot__prerequisite__item__96be0 .item__content {
display: inline-block
}
.__module-admin__bot__prerequisite__item__96be0 .item .app-icon {
vertical-align: sub
}
.__module-admin__bot__prerequisite__item__96be0 .hint {
width: 70%
}
.__module-admin__bot__prerequisite__item__96be0.failure .item {
border: 1px solid #ff5959
}
.__module-admin__bot__prerequisite__item__96be0.failure .app-icon {
fill: #ff5959
}
.__module-admin__bot__prerequisite__item__96be0.failure .hint {
color: #ff5959
}
.__module-admin__bot__prerequisite__item__96be0.success .item {
border: 1px solid #02b875
}
.__module-admin__bot__prerequisite__item__96be0.success .app-icon {
fill: #02b875
}
.__module-admin__bot__prerequisite__item__96be0.warning .item {
border: 1px solid #f6bc40
}
.__module-admin__bot__prerequisite__item__96be0.warning .app-icon {
fill: #f6bc40
}
.__module-admin__bot__prerequisite__item__96be0.warning .hint {
color: #f6bc40
}
.__module-admin__bot__prerequisite__d8e4b {
height: 100%
}
.__module-admin__bot__prerequisite__d8e4b .secondary-header {
padding-top: 30px
}
.__module-admin__bot__prerequisite__d8e4b .prereq-image {
margin-top: 15%
}
.__module-admin__bot__prerequisite__d8e4b .action-btns {
margin-right: 8%
}
.__module-admin__bot__prerequisite__d8e4b .action-btns .btn:hover {
text-decoration: none
}
.__module-admin__bot__prerequisite__d8e4b .action-btns .btn:hover.btn--secondary {
color: inherit
}
.__module-admin__bot__prerequisite__d8e4b .action-btns .btn:hover.btn--primary {
color: #fff
}
.__module-admin__bot__prerequisite__d8e4b .action-btns .disabled {
pointer-events: none
}
.__module-admin__bot__prerequisite__d8e4b .config-container-right {
margin-left: 10%
}
.__module-admin__bot__prerequisite__d8e4b .config-container-left {
max-width: 50%
}
.__module-admin__bot__product-list__d776e {
height: calc(100% - 60px)
}
.__module-admin__bot__product-list__d776e .product-list {
height: 100%
}
.__module-admin__bot__product-list__d776e .product-list--content {
font-size: 0;
height: 100%;
height: inherit
}
.__module-admin__bot__product-list__d776e .product-list--content .lists {
display: inline-block;
vertical-align: top;
width: 70%;
height: 100%;
font-size: 13px
}
.__module-admin__bot__product-list__d776e .product-list--content .lists--item {
padding: 20px;
border-bottom: solid 1px #ebeef0
}
.__module-admin__bot__product-list__d776e .product-list--content .lists--item .bot--name {
float: right;
margin-right: 15%
}
.__module-admin__bot__product-list__d776e .product-list--content .lists--item__no-portal {
background-color: #f3f5f7;
cursor: not-allowed
}
.__module-admin__bot__product-list__d776e .product-list--content .btn {
font-weight: 400
}
.__module-admin__bot__product-list__d776e .product-list--content .btn--configure {
float: right;
text-transform: capitalize;
color: #183247
}
.__module-admin__bot__product-list__d776e .product-list--content .btn--configure:disabled {
cursor: not-allowed;
color: #9aa1a6;
background: 0 0;
border: none
}
.__module-admin__bot__product-list__d776e .product-list--content .help {
display: inline-block;
width: 30%;
height: 100%;
border-left: 1px solid #ebeef0;
padding: 30px;
font-size: 13px
}
.__module-admin__bot__product-list__d776e .product-list--content .help--title {
font-weight: 600;
color: #183247
}
.__module-admin__bot__product-list__d776e .product-list--content .help--content {
line-height: 1.69;
color: #183247;
font-size: 13px;
padding-top: 10px
}
.__module-admin__bot__product-list__d776e .product-list--content .help--content p {
padding-bottom: 10px
}
.__module-admin__bot__training-animation__eacbb {
margin: auto;
padding-top: 5%
}
.__module-admin__bot__training-animation__eacbb .animation__content {
width: 50%;
height: 28em;
margin: auto
}
.__module-admin__canned-forms__form-detail__9b4f8 .page-content {
top: 50px;
padding: 0
}
.__module-admin__canned-forms__form-detail__9b4f8 .page-content .app-form {
margin: 0;
height: 575px
}
.__module-admin__canned-forms__form-detail__9b4f8 .canned-form-actions {
top: 50px;
position: sticky;
position: -webkit-sticky;
z-index: 2
}
.__module-admin__canned-forms__form-detail__9b4f8 .canned-form-actions .no-decoration {
margin: 0
}
.__module-admin__canned-forms__form-detail__9b4f8 .canned-form-actions .no-decoration__btn {
margin: 0 5px;
padding: 7px 10px;
text-transform: none
}
.__module-admin__canned-forms__form-detail__9b4f8 .canned-form-actions .no-decoration:hover {
text-decoration: none;
color: #183247
}
.__module-admin__canned-forms__form-detail__9b4f8 .canned-form {
border-spacing: 0;
padding: 10px;
position: absolute
}
.__module-admin__canned-forms__form-detail__9b4f8 .canned-form-content {
padding: 0
}
.__module-admin__canned-forms__form-list__item__71a5f .card-bg {
width: 150px;
height: 180px;
margin: 10px 20px 10px 0;
float: left
}
.__module-admin__canned-forms__form-list__item__71a5f .card {
height: 100%;
width: 100%;
padding: 10px;
float: left;
background-color: #fff;
border: 1px solid #ebeef0;
position: relative;
border-radius: 4px;
box-shadow: 0 1px 4px 0 rgba(24,50,71,.05);
background-image: url(https://fassetsblue.freshdesk.com/production/a/assets/images/svg/canned-form/general-forms-2b81b46dc9f6299703dbda9cd787557f.png);
background-repeat: repeat;
background-size: 25%;
background-position: center;
transition: all .3s ease
}
.__module-admin__canned-forms__form-list__item__71a5f .card .svg-icon {
visibility: hidden
}
.__module-admin__canned-forms__form-list__item__71a5f .card:hover {
background-color: #f8fcff;
border: 1px solid #d1e2f1;
box-shadow: 0 6px 14px 0 rgba(24,50,71,.05);
background-size: 27%;
transform: translateY(-5px);
transition: all .3s ease;
cursor: pointer
}
.__module-admin__canned-forms__form-list__item__71a5f .card:hover .svg-icon {
visibility: visible
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .hide-visibility,.__ui-components__image-annotation__dc4ac .content-invisible {
visibility: hidden
}
.__module-admin__canned-forms__form-list__item__71a5f .default-template {
background-size: 75%
}
.__module-admin__canned-forms__form-list__item__71a5f .default-template:hover {
background-size: 80%
}
.__module-admin__canned-forms__form-list__item__71a5f .default-template span {
color: #fff
}
.__module-admin__canned-forms__form-list__item__71a5f .default-template--shipping {
background-image: url(https://fassetsblue.freshdesk.com/production/a/assets/images/svg/canned-form/shipping-f1223b768c347c70249f5c848c55f8dd.png);
background-color: #1ab394;
border-color: #15a887
}
.__module-admin__canned-forms__form-list__item__71a5f .default-template--shipping:hover {
background-color: #1ab394;
border-color: #15a887
}
.__module-admin__canned-forms__form-list__item__71a5f .default-template--system-info {
background-image: url(https://fassetsblue.freshdesk.com/production/a/assets/images/svg/canned-form/system-info-34fd80bc97b7658d679acbb5c1737995.png);
background-color: #4988e3;
border-color: #3e7bdd
}
.__module-admin__canned-forms__form-list__item__71a5f .default-template--system-info:hover {
background-color: #4988e3;
border-color: #3e7bdd
}
.__module-admin__canned-forms__form-list__item__71a5f .card-header {
height: 10%
}
.__module-admin__canned-forms__form-list__item__71a5f .card-body {
height: 90%;
position: relative
}
.__module-admin__canned-forms__form-list__item__71a5f .create-form {
font-size: 13px
}
.__module-admin__canned-forms__form-list__item__71a5f .card-content {
position: absolute;
bottom: 0;
left: 0
}
.__module-admin__canned-forms__form-list__item__71a5f .card-content .card-title {
max-height: 90px;
word-break: break-word;
overflow: hidden;
color: #183347
}
.__module-admin__canned-forms__form-list__item__71a5f .card-content .card-updated {
font-size: 11px
}
.__module-admin__canned-forms__form-list__item__71a5f .card-text {
max-height: 110px;
text-overflow: ellipsis;
overflow: hidden;
color: #6f7c87
}
.__module-admin__canned-forms__form-list__item__71a5f .list-item-content {
padding: 0
}
.__module-admin__canned-forms__form-list__item__71a5f .list-item-content--right {
height: 100%;
padding: 10px 30px 0 100px
}
.__module-admin__canned-forms__form-list__item__71a5f .font-color {
color: #9aa1a6
}
.__module-admin__canned-forms__form-list__item__71a5f .form-link {
text-decoration: none
}
.__module-admin__canned-forms__form-list__item__71a5f .select-box {
margin: 3px 5px;
width: 17px
}
.__module-admin__canned-forms__form-list__item__71a5f .col-md-1 {
padding-left: 0
}
.__module-admin__canned-forms__form-list__item__71a5f .create-icon {
vertical-align: bottom;
margin-bottom: 5px;
width: 32px;
height: 32px;
fill: #183347
}
.__module-admin__canned-forms__form-list__e68a5 .admin-content {
min-height: 625px;
padding: 60px 60px 30px
}
.__module-admin__canned-forms__form-list__e68a5 .canned-form-list {
overflow: scroll
}
.__module-admin__canned-forms__form-list__e68a5 .canned-form-note {
margin: 8px 0 30px;
width: 75%
}
.__module-admin__canned-forms__form-list__e68a5 .canned-form-description {
margin: 10px 0
}
.__module-admin__canned-forms__form-list__e68a5 .list-title {
color: #777c80
}
.__module-admin__canned-forms__form-list__e68a5 .create-form {
height: 225px;
margin-bottom: 15px
}
.__module-admin__canned-forms__form-list__e68a5 .help-note {
padding: 45px 10px 10px
}
.__module-admin__canned-forms__form-list__e68a5 .pagination-wrapper {
margin-top: 20px
}
.__module-admin__shared__form-builder__edit-properties__7caee .app-form {
margin-top: 0
}
.__module-admin__shared__form-builder__edit-properties__7caee .app-icon--smallsecondary {
height: 16px;
width: 16px
}
.__module-admin__shared__form-builder__edit-properties__7caee .field-menu,.__module-admin__shared__form-builder__edit-properties__7caee .form-fields {
display: inline-block;
padding: 0
}
.__module-admin__shared__form-builder__edit-properties__7caee .dragSortList.-isExpanded.-isDraggingOver::before {
content: none
}
.__module-admin__shared__form-builder__edit-properties__7caee .dragSortItem {
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab
}
.__module-admin__shared__form-builder__edit-properties__7caee .sortable-fields {
min-height: 400px
}
.__module-admin__shared__form-builder__edit-properties__7caee .sortable-fields .dragSortItem {
width: 100%;
float: left;
padding: 0 5px
}
.__module-admin__shared__form-builder__edit-properties__7caee .sortable-choices {
max-height: 380px
}
.__module-admin__shared__form-builder__edit-properties__7caee .sortable-choices .dragSortItem {
padding: 5px;
margin: 5px 0
}
.__module-admin__shared__form-builder__edit-properties__7caee .sortable-choices .dragSortItem.-placeholderAbove,.__module-admin__shared__form-builder__edit-properties__7caee .sortable-fields .dragSortItem.-placeholderAbove {
padding-top: 0;
border-top: 2px solid #4da1ff
}
.__module-admin__shared__form-builder__edit-properties__7caee .sortable-choices .dragSortItem.-placeholderBelow,.__module-admin__shared__form-builder__edit-properties__7caee .sortable-fields .dragSortItem.-placeholderBelow {
padding-bottom: 0;
border-bottom: 2px solid #4da1ff
}
.__module-admin__shared__form-builder__edit-properties__7caee .sortable-choices .dragSortItem.-placeholderAbove::before,.__module-admin__shared__form-builder__edit-properties__7caee .sortable-choices .dragSortItem.-placeholderBelow::before,.__module-admin__shared__form-builder__edit-properties__7caee .sortable-fields .dragSortItem.-placeholderAbove::before,.__module-admin__shared__form-builder__edit-properties__7caee .sortable-fields .dragSortItem.-placeholderBelow::before {
content: none;
line-height: inherit
}
.__module-admin__shared__form-builder__edit-properties__7caee .side-panes-header {
padding: 15px 20px 10px;
background-color: #f7f9fa;
border-bottom: 1px #dadfe3 solid
}
.__module-admin__shared__form-builder__edit-properties__7caee .field-drop-zone {
padding: 0;
margin: 0;
width: 100%;
transition: padding .2s linear
}
.__module-admin__shared__form-builder__edit-properties__7caee .message-field {
padding: 5px
}
.__module-admin__shared__form-builder__edit-properties__7caee .message-field .edit-text label {
color: #4da1ff;
font-weight: 700
}
.__module-admin__shared__form-builder__edit-properties__7caee .message {
width: 100%;
list-style: none;
display: inline-block;
vertical-align: middle;
padding: 10px;
background-color: #f0fcff;
border: 1px solid #dadfe3;
border-radius: 4px
}
.__module-admin__shared__form-builder__edit-properties__7caee .message:focus-within {
background-color: #fff
}
.__module-admin__shared__form-builder__edit-properties__7caee .edit-text {
padding: 10px 20px 10px 15px;
margin: 0;
text-align: left
}
.__module-admin__shared__form-builder__edit-properties__7caee .edit-text .input {
margin-bottom: 0
}
.__module-admin__shared__form-builder__edit-properties__7caee .edit-text .ember-text-field,.__module-admin__shared__form-builder__edit-properties__7caee .edit-text:hover .ember-text-field {
border-bottom: none
}
.__module-admin__shared__form-builder__edit-properties__7caee .empty-field-placeholder {
width: 200px;
height: 40px;
position: absolute;
text-align: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.__module-admin__shared__form-builder__edit-properties__7caee .field-list {
padding: 0;
border-left: 1px solid #ebeef0;
border-right: 1px solid #ebeef0;
background-color: #f7f9fa;
overflow: auto;
height: 585px
}
.__module-admin__shared__form-builder__edit-properties__7caee .field-list .fields {
margin: 10px;
padding: 5px;
border: 2px dashed #dadfe3
}
.__module-admin__shared__form-builder__edit-properties__7caee .form-field {
width: 100%;
float: left;
background-color: #fff;
border-radius: 1px;
border: 1px solid #ebeef0
}
.__module-admin__shared__form-builder__edit-properties__7caee .form-field:hover {
border: 1px solid #ffe788
}
.__module-admin__shared__form-builder__edit-properties__7caee .form-field--selected {
background-color: #fffdf6;
border: 1px solid #ffe788
}
.__module-admin__shared__form-builder__edit-properties__7caee .form-field--left {
display: inline-block;
padding: 0;
width: 4%
}
.__module-admin__shared__form-builder__edit-properties__7caee .form-field--right {
display: inline-block;
padding: 0;
width: 95%
}
.__module-admin__shared__form-builder__edit-properties__7caee .form-field--right .field-label {
width: 100%;
display: inline-block
}
.__module-admin__shared__form-builder__edit-properties__7caee .form-field--right .field-label span {
width: 80%;
display: inline-block
}
.__module-admin__shared__form-builder__edit-properties__7caee .field-action {
position: absolute;
top: 18px;
right: 25px
}
.__module-admin__shared__form-builder__edit-properties__7caee .field-action--left {
right: 55px
}
.__module-admin__shared__form-builder__edit-properties__7caee .list-item {
float: left;
padding: 10px;
margin: 5px 0
}
.__module-admin__shared__form-builder__edit-properties__7caee .handle {
cursor: move
}
.__module-admin__shared__form-builder__edit-properties__7caee .error-hint {
color: #ff5959
}
.__module-admin__shared__form-builder__edit-properties__7caee .center-align {
text-align: center
}
.__module-admin__shared__form-builder__edit-properties__7caee .form-properties {
padding: 0
}
.__module-admin__shared__form-builder__edit-properties__7caee .form-properties .label-field {
font-size: 13px;
font-weight: 600
}
.__module-admin__shared__form-builder__edit-properties__7caee .choice-input {
border-radius: 1px;
border: 1px solid #dadfe3;
padding: 3px;
width: 75%
}
.__module-admin__shared__form-builder__edit-properties__7caee .add-choice {
margin: 10px 25px
}
.__module-admin__shared__form-builder__edit-properties__7caee .add-link {
text-decoration: none;
display: inline-block;
padding: 2px 0;
vertical-align: text-bottom
}
.__module-admin__shared__form-builder__field-menu__9a63f {
padding: 5px 10px
}
.__module-admin__shared__form-builder__field-menu__9a63f .draggable-objects {
padding: 0;
margin: 0
}
.__module-admin__shared__form-builder__field-menu__9a63f .draggable-objects .dragSortItem.-placeholderAbove::before,.__module-admin__shared__form-builder__field-menu__9a63f .draggable-objects .dragSortItem.-placeholderBelow::before,.__module-admin__shared__form-builder__field-menu__9a63f .draggable-objects .dragSortList.-isExpanded.-isDraggingOver::before {
display: none
}
.__module-admin__shared__form-builder__field-menu__9a63f .draggable-fields {
padding: 5px 10px
}
.__module-admin__shared__form-builder__field-menu__9a63f .dragSortItem {
float: left;
text-align: center;
background-color: #fff;
width: 100%;
margin: 5px 0;
padding: 10px 15px;
list-style: none;
border-radius: 1px;
border: 1px solid #ebeef0;
box-shadow: 0 6px 14px 0 rgba(24,50,71,.05);
font-size: 12px;
display: block
}
.__module-admin__shared__form-builder__field-menu__9a63f .dragSortItem .app-icon {
fill: #183247
}
.__module-contacts__change-password__20d64 .changepassword-wrapper .valid-password .password-hint-icon .app-icon,.__module-contacts__change-password__20d64 .showhide-password.active .app-icon {
fill: #02b875
}
.__module-admin__shared__form-builder__field-menu__9a63f .field-item {
text-align: left;
padding: 0 10px
}
.__module-bot__filters__7bf76 .filter__item {
padding-top: 15px;
display: inline-block;
width: 100%
}
.__module-bot__filters__7bf76 .filter__item .date-range {
margin-bottom: 0
}
.__module-bot__filters__7bf76 .analytics {
margin-left: 40px;
margin-top: 22px
}
.__module-bot__filters__7bf76 .analytics .calendar {
position: absolute;
margin-top: 7px;
left: 35px
}
.__module-bot__filters__7bf76 .analytics .filter__item {
display: inline-block;
margin-left: 4px;
width: auto;
padding: 0
}
.__module-bot__filters__7bf76 .analytics .filter__item .ember-power-select-trigger {
border-bottom: none;
overflow: inherit
}
.__module-bot__filters__7bf76 .analytics .filter__item .ember-power-select-trigger[aria-disabled=true] {
background: 0 0
}
.__module-bot__filters__7bf76 .analytics .filter__item .ember-text-field {
border: none
}
.__module-bot__filters__7bf76 .analytics .filter__item .ember-power-select-selected-item {
font-weight: 600
}
.__module-bot__filters__7bf76 .analytics .date-field {
display: inline-block;
margin-left: 10px
}
.__module-bot__filters__7bf76 .analytics .setdate {
width: 50%;
border-left: 1px solid #dadfe3;
padding-left: 16px
}
.__module-bot__filters__7bf76 .analytics .filter-title {
color: #6f7c87;
font-weight: 600
}
.__module-bot__filters__7bf76 .analytics .filters {
margin-left: 32px;
margin-top: 20px
}
.__module-bot__reports__ef657 .responsive {
background-color: #fff;
padding: 25px;
border: 1px solid #dadfe3;
border-radius: 5px
}
.__module-bot__reports__ef657 .highcharts-wrapper {
padding: 4px
}
.__module-bot__reports__ef657 .ques-ans-data,.__module-bot__reports__ef657 .ques-data,.__module-bot__reports__ef657 .tickets-data,.__module-bot__reports__ef657 .users-data {
border: 1px solid #dadfe3;
border-radius: 4px;
margin-bottom: 10px;
padding: 5px
}
.__module-bot__reports__ef657 .ques-data,.__module-bot__reports__ef657 .tickets-data {
width: 49.5%
}
.__module-bot__reports__ef657 .questions-chart,.__module-bot__reports__ef657 .tickets-chart {
height: 20%;
padding-top: 30px
}
.__module-bot__reports__ef657 .questions-chart .highcharts-wrapper,.__module-bot__reports__ef657 .tickets-chart .highcharts-wrapper {
padding-left: 12px
}
.__module-bot__reports__ef657 .users-chart {
height: 20%
}
.__module-bot__reports__ef657 .help {
position: absolute;
margin-top: 1px;
margin-left: 5px
}
.__module-bot__reports__ef657 .answers-text,.__module-bot__reports__ef657 .questions-text,.__module-bot__reports__ef657 .tickets-text,.__module-bot__reports__ef657 .users-text {
height: 17px;
line-height: 1.21;
letter-spacing: .2px;
color: #6f7c87
}
.__module-bot__reports__ef657 .data-wrapper,.__module-bot__reports__ef657 .users-data .data-wrapper {
border: 1px solid #dadfe3;
border-radius: 4px
}
.__module-bot__reports__ef657 .answers-count,.__module-bot__reports__ef657 .questions-count,.__module-bot__reports__ef657 .tickets-count,.__module-bot__reports__ef657 .users-count {
height: 90px;
text-align: left;
color: #183247;
min-height: 80px;
border-bottom: 1px solid #dadfe3;
padding-left: 25px;
padding-top: 18px
}
.__module-bot__reports__ef657 .down-arrow::after,.__module-bot__reports__ef657 .up-arrow::after {
width: 0;
height: 0;
border-style: solid;
content: '';
margin-top: 27px;
margin-left: 6px;
position: absolute
}
.__module-bot__reports__ef657 .question-change,.__module-bot__reports__ef657 .users-change {
color: #ff5959
}
.__module-bot__reports__ef657 .up-arrow::after {
border-color: transparent transparent #ff5959;
border-width: 0 5px 5px
}
.__module-bot__reports__ef657 .down-arrow::after {
border-color: #ff5959 transparent transparent;
border-width: 5px 5px 0
}
.__module-bot__reports__ef657 .tickets-count .count .deflected-tickets {
color: #6f7c87
}
.__module-bot__reports__ef657 .reports {
padding: 25px
}
.__module-bot__reports__ef657 .loader #moduleloading {
min-height: 500px
}
.__module-bot__reports__ef657 .tooltip-title {
color: #acb6be
}
.__module-bot__reports__ef657 .ans-percentage,.__module-bot__reports__ef657 .date {
color: #6f7c87
}
.__module-bot__reports__ef657 .trends__highchart__tooltip {
padding: 10px
}
.__module-bot__reports__ef657 .trends__highchart__tooltip__body__value {
border-bottom: 1px #dadfe3 solid
}
.__module-bot__reports__ef657 .data {
display: inline-block;
width: 50%
}
.__module-bot__reports__ef657 .info {
display: inline-block;
margin-right: 3%
}
.__module-bot__reports__ef657 .circle::before,.__module-bot__reports__ef657 .rectangle::before {
margin-right: 5px;
content: '';
display: inline-block;
width: 10px;
height: 10px
}
.__module-bot__reports__ef657 .circle::before {
border: 2.5px solid #239cff;
border-radius: 7.5px
}
.__module-bot__reports__ef657 .rectangle::before {
border: 2.5px solid #22de93
}
.__module-bot__reports__ef657 .circle,.__module-bot__reports__ef657 .rectangle {
margin-right: 12px
}
.__module-bot__reports__ef657 .sample-data-banner {
border-bottom: 1px solid #dadfe3;
background: #fffade;
padding: 1% 18%;
width: 100%
}
.__module-bot__reports__ef657 .sample-data-banner .freddy-face {
position: absolute;
top: 79px
}
.__module-bot__reports__ef657 .insights-btn,.__module-bot__reports__ef657 .sample-data-banner .banner-text {
margin-left: 4%
}
.__module-bot__4d5fe .bot-nav .nav-secondary {
margin-top: 0;
padding: 0 10px
}
.__module-bot__4d5fe .bot-nav .nav-secondary__item,.__module-bot__4d5fe .bot-nav .nav-secondary__item.active,.__module-bot__4d5fe .bot-nav .nav-secondary__item:hover {
height: 40px
}
.__module-bot__4d5fe .extra-links {
position: absolute;
right: 50px;
top: 20px
}
.__module-bot__4d5fe .extra-links .link {
padding-left: 35px;
text-decoration: none
}
.__module-bot__unanswered__39959 .select-all {
display: inline;
padding-left: 10px
}
.__module-bot__unanswered__39959 .filters {
width: 25%;
min-height: 600px
}
.__module-bot__unanswered__39959 .feedbacks {
padding: 0;
max-width: 75%
}
.__module-bot__unanswered__39959 .pagintion {
margin-top: 3%;
margin-left: 40%
}
.__module-bot__unanswered__39959 .no-data {
text-align: center;
margin-top: 12%
}
.__module-bot__unanswered__unanswered-item__create-folder__6de6f .folder-create__wrapper {
padding: 5px 40px 10px
}
.__module-bot__unanswered__unanswered-item__c0971.faq-visible .feedback,.__module-bot__unanswered__unanswered-item__folder-selection__404ce .ember-power-select-placeholder {
padding-bottom: 0
}
.__module-bot__unanswered__unanswered-item__create-folder__6de6f .folder-create__form {
margin-top: 70px
}
.__module-bot__unanswered__unanswered-item__create-folder__6de6f .folder-create__actions {
margin-top: 20px
}
.__module-bot__unanswered__unanswered-item__folder-selection__404ce .folder-select-dropdown {
padding-left: 10px;
max-width: 80%;
min-width: 280px;
width: auto;
margin-right: 20px;
display: inline-block;
vertical-align: middle
}
.__module-bot__unanswered__unanswered-item__folder-selection__404ce .folder-name {
max-width: calc(100% - 100px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block
}
.__module-bot__unanswered__unanswered-item__folder-selection__404ce .ember-power-select-selected-item .folder-name {
font-weight: 600;
margin-bottom: -5px
}
.__module-bot__unanswered__unanswered-item__folder-selection__404ce .ember-power-select-group .ember-power-select-option {
padding-left: 0
}
.__module-bot__unanswered__unanswered-item__c0971 {
border-bottom: solid 1px #d3dbda
}
.__module-bot__unanswered__unanswered-item__c0971:hover {
background-color: #f8f9fa
}
.__module-bot__unanswered__unanswered-item__c0971.faq-visible {
border-bottom: solid 1px #acb6be
}
.__module-bot__unanswered__unanswered-item__c0971.faq-visible:hover {
background-color: #fff
}
.__module-bot__unanswered__unanswered-item__c0971.faq-visible .feedback__item__actions {
display: none
}
.__module-bot__unanswered__unanswered-item__c0971.is-deleted {
border: 1px solid #02b875;
animation: fadeOut 2s forwards
}
.__module-bot__unanswered__unanswered-item__c0971 .feedback {
padding: 30px 20px
}
.__module-bot__unanswered__unanswered-item__c0971 .feedback__item {
display: inline-block;
vertical-align: middle
}
.__module-bot__unanswered__unanswered-item__c0971 .feedback__item__title {
vertical-align: top;
width: 55%
}
.__module-bot__unanswered__unanswered-item__c0971 .feedback__item__title .time {
padding-top: 5px
}
.__module-bot__unanswered__unanswered-item__c0971 .feedback__item__type {
width: 20%;
padding-left: 30px;
box-sizing: border-box
}
.__module-bot__unanswered__unanswered-item__c0971 .feedback__item__actions {
width: 18%;
cursor: pointer;
text-align: center
}
.__module-bot__unanswered__unanswered-item__c0971 .feedback__item__actions .action {
margin-right: 10%;
display: inline-block
}
.__module-bot__unanswered__unanswered-item__c0971 .feedback__item__actions .action.btn {
margin-right: 0
}
.__module-bot__unanswered__unanswered-item__c0971 .quick-reply {
height: 100px
}
.__module-bot__unanswered__unanswered-item__c0971 .quick-reply__editor {
padding-left: 2.5%;
width: 100%;
height: 100%;
border: none;
outline: 0;
resize: none
}
.__module-bot__unanswered__unanswered-item__c0971 .quick-reply__actions {
background-color: #f8f9fa;
position: relative;
height: 50px
}
.__module-bot__unanswered__unanswered-item__c0971 .quick-reply__actions .select-folder {
float: left;
padding: 10px 30px
}
.__module-bot__unanswered__unanswered-item__c0971 .quick-reply__actions .btn-group {
float: right;
padding: 10px 20px
}
.__module-bot__unanswered__unanswered-item__c0971 .quick-reply__actions .btn-group .btn:last-child {
margin-left: 10px
}
.__module-contacts__change-password__20d64 .changepassword-wrapper {
position: relative;
min-height: 300px
}
.__module-contacts__change-password__20d64 .changepassword-wrapper .policy-hint {
position: absolute;
background: #fff;
max-width: 400px;
top: 0;
padding: 13px 15px 5px;
z-index: 9;
left: 47%;
color: #183247;
font-size: 12px;
border-radius: 3px;
box-shadow: 0 6px 12px rgba(0,0,0,.05),0 1px 4px rgba(0,0,0,.15);
border: 0;
animation: drop-fade-below .15s
}
.__module-contacts__change-password__20d64 .changepassword-wrapper .policy-hint li {
padding-bottom: 8px;
padding-left: 5px;
list-style: none;
position: relative;
max-width: 255px
}
.__module-contacts__change-password__20d64 .changepassword-wrapper .policy-hint li .password-hint-icon {
position: absolute
}
.__module-contacts__change-password__20d64 .changepassword-wrapper .policy-hint li .policy-text {
margin-left: 23px
}
.__module-contacts__change-password__20d64 .password-field {
position: relative;
width: 43%
}
.__module-contacts__change-password__20d64 .policy-hint::after,.__module-contacts__change-password__20d64 .policy-hint::before {
right: 100%;
top: 36px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.__module-contacts__change-password__20d64 .policy-hint::after {
border-color: rgba(255,255,255,0);
border-right-color: #fff;
border-width: 5px;
margin-top: -16px
}
.__module-contacts__change-password__20d64 .policy-hint::before {
border-color: rgba(204,204,204,0);
border-right-color: rgba(0,0,0,.05);
border-width: 7px;
margin-top: -18px
}
.__module-contacts__change-password__20d64 .password-server-errors {
margin-top: -15px
}
.__module-contacts__change-password__20d64 .custom-error-block {
color: #ff5959;
font-size: 11px;
margin-bottom: 3px;
position: relative
}
.__module-contacts__change-password__20d64 .custom-error-block .password-error-dot {
position: absolute;
top: 6px;
width: 4px;
height: 4px;
background: #ff5959;
border-radius: 5px;
margin-bottom: 2px
}
.__module-contacts__change-password__20d64 .custom-error-block .password-error-message {
margin-left: 10px
}
.__module-contacts__change-password__20d64 .showhide-password {
position: absolute;
right: -5px;
top: 10px
}
.__module-contacts__change-password__20d64 .showhide-password .app-icon {
width: 20px
}
.__module-contacts__change-password__20d64 .password-hint-icon {
display: inline-block;
vertical-align: middle;
margin-right: 5px
}
.__module-contacts__company-form__6bec9 .company-domains .ember-power-select-status-icon,.__module-contacts__contact-form__multi-selection-field__a4c6b .multi-add-wrapper .ember-power-select-status-icon {
display: none
}
.__module-contacts__change-password__20d64 .password-hint-icon .app-icon {
width: 14px;
height: 14px;
transition: .2s ease-in all;
fill: #dadfe3
}
.__module-contacts__change-password__20d64 .password-title {
padding: 0;
margin: 0 0 13px 5px
}
.__module-contacts__company-form__6bec9 .company-domains .ember-power-select-trigger {
line-height: 1.9
}
.__module-contacts__company-form__6bec9 .company-help-wrapper,.__module-contacts__contact-form__00e7e .contact-help-wrapper {
line-height: 1.4
}
.__module-contacts__company-form__6bec9 .company-help-wrapper .helparticle,.__module-contacts__company-form__6bec9 .company-help-wrapper .helparticle:hover {
text-decoration: none
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .multi-add-wrapper {
position: relative;
margin-top: 3px;
padding-left: 25px;
padding-top: 10px;
padding-bottom: 10px
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .multi-add-wrapper .invalid-email {
color: #ff5959
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .addemail-caption {
cursor: pointer;
float: right;
font-size: 12px;
margin-top: -4px
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .addemail-caption.disabled a {
cursor: not-allowed;
color: #ff5959
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .addemail-caption.disabled-add-btn a {
cursor: not-allowed;
color: #9aa1a6
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .multi-add-wrapper .email-delete {
position: absolute;
right: -10px;
top: -3px;
width: 22px;
height: 22px;
padding-top: 3px;
transition: all .3s ease
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .multiple-email-unchecked {
width: 13.4px;
height: 13.4px;
display: inline-block;
border: 1px solid #c9d1d0;
background: #fff;
border-radius: 20px
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .multiple-email-checked {
border: 1px solid #02b875;
background: #fff;
display: inline-block;
border-radius: 10px;
padding: 1px;
height: 13px;
width: 13px
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .multiple-email-checked .active {
background: #02b875;
width: 7px;
height: 7px;
margin: 1px;
border-radius: 10px;
text-align: center;
vertical-align: middle
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .multi-email-radiogroup {
position: absolute;
left: 0;
top: 12px
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .companys__info {
margin: 10px 0 20px;
text-align: center
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .company-info-item {
margin-top: 5px;
font-size: 12px
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .contact-from-company .company-name {
color: #1d1d1d;
padding-left: 5px;
display: inline-block;
vertical-align: middle;
margin-top: -6px
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .primary-field .company-canview {
right: -10px
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .multifield-validation-enabled input[type=text] {
border-color: #ff5959
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .multifield-validation-enabled .help-block {
display: block;
color: #ff5959
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .contact-blur-validation .m-spintext,.__module-contacts__contact-form__multi-selection-field__a4c6b .multi-company-false .email-delete,.__module-contacts__contact-form__multi-selection-field__a4c6b .multi-company-false .multiple-email-checked {
display: none
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .multifield-validation-enabled .ember-power-select-trigger {
border-bottom-color: #ff5959
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .contact-blur-validation {
position: relative;
min-height: 0;
display: none
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .contact-blur-validation .loader {
position: absolute;
right: 4px;
text-align: right;
top: -22px
}
.__module-contacts__contact-form__multi-selection-field__a4c6b .multi-company-false .multi-add-wrapper {
padding-left: 0
}
.__module-contacts__contact-form__00e7e .contact-help-header {
text-transform: uppercase;
font-size: 12px;
color: #183247
}
.__module-contacts__contact-form__00e7e .contact-help-wrapper .helparticle,.__module-contacts__contact-form__00e7e .contact-help-wrapper .helparticle:hover {
text-decoration: none
}
.__module-contacts__contact-form__00e7e .contact-holder .app-form .ember-power-select-trigger {
min-height: 18px
}
.__module-contacts__export-form__5fc24 .export__header--icon {
top: 6px
}
.__module-contacts__export-form__5fc24 .export__body .export__checkbox-field {
margin: 6px 0
}
.__module-contacts__export-form__5fc24 .export__body .export__checkbox-item {
display: inline
}
.__module-contacts__export-form__5fc24 .export__body .export__checkbox-item input[type=checkbox]+label {
color: #183247
}
.__module-contacts__export-form__5fc24 .export__body .export__checkbox-selectall input[type=checkbox]+label::before {
top: 1px
}
.__module-contacts__export-form__5fc24 .export__body .export__checkbox-selectall input[type=checkbox]+label::after {
top: 3px
}
.__module-contacts__import-form__6ae32 .sub-title {
height: 16px;
font-size: 13px;
color: #183247;
font-weight: 500;
margin-bottom: 5px
}
.__module-contacts__import-form__6ae32 .info-block {
padding-top: 20px;
height: 60px;
background-color: #fff
}
.__module-contacts__import-form__6ae32 .info-block__txt {
font-size: 13px;
color: #183247;
padding-bottom: 3px;
background-color: #fff;
line-height: 18px
}
.__module-contacts__import-form__6ae32 .info-block__txt__link {
color: #448ee1;
cursor: pointer
}
.__module-contacts__import-form__6ae32 .map-field__field__name,.__module-contacts__import-form__6ae32 .map-field__sample-value,.__module-contacts__import-form__6ae32 .merge-field__item__name,.__module-contacts__import-form__6ae32 .text-decorate {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
.__module-contacts__import-form__6ae32 .file-upload__warning,.__module-contacts__import-form__6ae32 .info-block__warning,.__module-contacts__import-form__6ae32 .warning-block {
font-size: 11px;
color: #183247
}
.__module-contacts__import-form__6ae32 .file-upload__warning .warning-txt,.__module-contacts__import-form__6ae32 .info-block__warning .warning-txt,.__module-contacts__import-form__6ae32 .warning-block .warning-txt {
padding-left: 5px;
color: #183247
}
.__module-contacts__import-form__6ae32 .file-upload__warning .warning,.__module-contacts__import-form__6ae32 .info-block__warning .warning,.__module-contacts__import-form__6ae32 .warning-block .warning {
width: 15px;
height: 15px;
top: 4px;
position: relative
}
.__module-contacts__import-form__6ae32 .file-upload__warning .warning .warning-icon,.__module-contacts__import-form__6ae32 .info-block__warning .warning .warning-icon,.__module-contacts__import-form__6ae32 .warning-block .warning .warning-icon {
fill: #ff5959
}
.__module-contacts__shared__timeline-activities__note__4fda3 .action-btn:hover .app-icon,.__module-tickets__shared__collision-dropdown-hover__2d261 .view-flip .flip-back:hover .app-icon,.__module-tickets__shared__collision-dropdown-hover__2d261 .view-flip .flip-front:hover .app-icon {
fill: #58626b
}
.__module-contacts__import-form__6ae32 .map-field__list-headers {
min-height: 46px
}
.__module-contacts__import-form__6ae32 .map-field__list-headers .input {
margin-top: 15px
}
.__module-contacts__import-form__6ae32 .map-field__list-headers .ember-power-select-selected-item {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.__module-contacts__import-form__6ae32 .map-field__field,.__module-contacts__import-form__6ae32 .map-field__field__name {
min-height: 46px;
position: relative
}
.__module-contacts__import-form__6ae32 .map-field__field .map-field__field__circle-selected,.__module-contacts__import-form__6ae32 .map-field__field__name .map-field__field__circle-selected {
border: 1px solid #02b875
}
.__module-contacts__import-form__6ae32 .map-field__field__circle {
border: 1px solid #dadfe3;
width: 8px;
border-radius: 8px;
position: relative;
height: 8px;
margin-top: 27px;
z-index: 4;
background-color: #fff
}
.__module-contacts__import-form__6ae32 .map-field__field__line {
border-bottom: 1px dashed #dadfe3;
width: 100%;
position: absolute;
height: 32px
}
.__module-contacts__import-form__6ae32 .map-field__field__name {
display: inline-block;
padding: 20px 10px 0 0;
background-color: #fff;
z-index: 4;
font-size: 14px;
color: #183247;
max-width: 125px;
text-align: left;
font-weight: 400
}
.__module-contacts__import-form__6ae32 .map-field__sample-value {
text-align: left;
min-height: 46px;
padding: 22px 0 0;
font-size: 11px;
color: #acb6be;
text-overflow: ellipsis;
overflow: hidden;
max-width: 126px
}
.__module-contacts__import-form__6ae32 .drag-n-drop-file {
width: 100%;
min-height: inherit;
position: relative
}
.__module-contacts__import-form__6ae32 .file-upload {
margin-top: 63px
}
.__module-contacts__import-form__6ae32 .file-upload__drag-n-drop {
width: 100%;
position: relative;
min-height: 205px
}
.__module-contacts__import-form__6ae32 .file-upload__warning {
padding-top: 15px;
text-align: center
}
.__module-contacts__import-form__6ae32 .map-fields {
margin-top: 70px
}
.__module-contacts__import-form__6ae32 .map-fields .ember-power-select-search-input {
height: 25px
}
.__module-contacts__import-form__6ae32 .map-fields .ember-power-select-trigger {
overflow: visible;
margin-top: 0;
line-height: 23px
}
.__module-contacts__import-form__6ae32 .info-block__warning {
text-align: left;
padding-bottom: 16px;
background-color: #fff
}
.__module-contacts__shared__contact-search__52207 {
display: inline-block
}
.__module-contacts__shared__contact-search__52207 .contact-search {
position: relative
}
.__module-contacts__shared__contact-search__52207 .contact-search::before {
content: '';
display: inline-block;
border-left: 1px solid #dadfe3;
height: 20px;
margin-left: 5px;
position: absolute;
top: 3px
}
.__module-contacts__shared__contact-search__52207 .contact-search .app-icon {
width: 10px;
height: 10px
}
.__module-contacts__shared__contact-search__52207 .contact-search .contact-search-dropdown {
margin-left: 22px;
border-bottom: solid 1px #acb6be
}
.__module-contacts__shared__contact-search__52207 .contact-search .contact-search-dropdown:hover {
border-bottom-color: #183247
}
.__module-contacts__shared__contact-search__52207 .contact-search .contact-search-holder {
display: inline-block;
min-width: 250px;
background: 0 0;
box-shadow: none;
border: 0;
padding: 2px 0 0
}
.__module-contacts__shared__contact-search__52207 .contact-search .contact-search-input {
border: none;
background: 0 0;
outline: 0;
min-width: 220px;
padding-left: 2px;
padding-bottom: 2px;
font-size: 12px;
font-weight: 300;
color: #6f7c87
}
.__module-contacts__shared__contact-search__52207 .contact-search .search-loading {
top: 0;
width: 10px
}
.__module-contacts__shared__note-editor__94694 .category-dropdown .ember-power-select-trigger .ember-power-select-status-icon,.__module-contacts__shared__timeline-activities__b82f7 .category-filter .ember-power-select-trigger .ember-power-select-status-icon {
top: 3px
}
.__module-contacts__shared__contact-search__52207 .contact-search-content {
width: 100%;
max-width: 255px;
margin-left: 22px
}
.__module-contacts__shared__contact-search__52207 .contacts-content-holder {
padding: 8px;
border-top: 1px solid #02b875;
margin-top: -1px;
max-height: 325px;
overflow: auto
}
.__module-contacts__shared__contact-search__52207 .contacts-content-holder .contact-search-item {
position: relative;
padding: 10px;
display: block
}
.__module-contacts__shared__contact-search__52207 .contacts-content-holder .contact-search-item:hover {
background: #f3f5f7;
text-decoration: none
}
.__module-contacts__shared__contact-search__52207 .contacts-content-holder .contact-search-item .contact-avatar {
vertical-align: middle;
display: inline-block;
width: 20%;
padding-right: 13px;
line-height: 0
}
.__module-contacts__shared__contact-search__52207 .contacts-content-holder .contact-search-item .contact-info {
margin-left: 5px;
vertical-align: middle;
display: inline-block;
width: calc(80% - 18px)
}
.__module-contacts__shared__contact-search__52207 .contacts-content-holder .contact-search-item .contact-name {
color: #183247
}
.__module-contacts__shared__contact-search__52207 .contacts-content-holder .contact-search-item .contact-other-info {
font-size: 12px;
line-height: 1.17;
color: #6f7c87;
margin-top: 1px
}
.__module-contacts__shared__contact-search__52207 .contact-search-emptystate {
text-align: center;
padding: 10px
}
.__module-contacts__shared__contact-search__52207 .contact-search-emptystate .app-icon {
height: 70px;
width: 70px
}
.__module-contacts__shared__contact-search__52207 .contact-search-viewall {
padding: 0;
display: block
}
.__module-contacts__shared__contact-search__52207 .contact-search--active {
background: #f3f5f7;
display: block
}
.__module-contacts__shared__note-editor__94694 .category-dropdown {
float: left;
margin-right: 20px
}
.__module-contacts__shared__note-editor__94694 .category-dropdown .ember-power-select-trigger {
border: none;
height: 0
}
.__module-contacts__shared__note-editor__94694 .btn--secondary {
margin-right: 10px
}
.__module-contacts__shared__note-editor__94694 .fr-placeholder {
color: #acb6be
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note {
border-radius: 4px
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .app-icon {
width: 22px;
height: 22px
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .placeholder__wrapper {
display: flex;
width: 100%;
background-color: #fff;
border-radius: 4px 4px 0 0
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .placeholder__wrapper--icon {
width: 38px;
display: flex;
align-items: center;
justify-content: flex-end
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .placeholder__wrapper--text {
display: table-cell;
color: #acb6be;
cursor: text;
font-size: 13px;
font-weight: lighter;
padding: 17px 15px 16px;
width: 100%
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .attachment::after,.__module-contacts__shared__note-editor__94694.contacts__timeline__note .attachment::before,.__module-contacts__shared__note-editor__94694.contacts__timeline__note .ticket-editor__footer::before {
display: block
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .fr-box.fr-basic .fr-element {
padding: 16px 52px
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .attachment {
padding-left: 42px
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .ticket-editor__footer {
border-radius: 0 0 4px 4px
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .ticket-editor__footer .ticket-editor__actions {
padding-left: 34px
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .note__subject__wrapper {
display: flex;
background-color: #fff;
border-bottom: 1px solid #ebeef0;
border-radius: 4px 4px 0 0
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .note__subject__wrapper .note__icon {
width: 38px;
display: flex;
align-items: center;
justify-content: flex-end
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .note__subject {
width: 100%;
border: none;
outline: 0;
resize: none;
font-weight: 700;
font-size: 15px;
padding: 15px;
border-radius: 4px
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .note__subject::-webkit-input-placeholder {
font-weight: 400
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .note__subject::-moz-placeholder {
font-weight: 400
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .note__subject:-ms-input-placeholder {
font-weight: 400
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .note__subject:-moz-placeholder {
font-weight: 400
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .editor-open-enter {
max-height: 64px;
transition: max-height .35s ease;
overflow: hidden
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .editor-open-enter.editor-open-enter-active {
height: auto;
max-height: 336px
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .editor-open-leave {
max-height: 336px;
transition: max-height .35s ease
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note .editor-open-leave.editor-open-leave-active {
overflow: hidden;
max-height: 0
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note--open {
border: 1px solid rgba(218,223,227,.5)
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note--open:focus-within {
box-shadow: 0 1px 3px 0 rgba(63,63,68,.15),0 0 0 1px rgba(63,63,68,.05);
border: 1px solid rgba(2,184,117,.5)
}
.__module-contacts__shared__note-editor__94694.contacts__timeline__note--closed {
border: 1px solid #fff
}
.__module-contacts__shared__timeline-activities__note__4fda3 {
padding: 16px 16px 0 4px;
clear: both
}
.__module-contacts__shared__timeline-activities__note__4fda3.editing {
padding: 0;
border-radius: 4px
}
.__module-contacts__shared__timeline-activities__note__4fda3.editing .note__subject__wrapper {
padding-left: 3px
}
.__module-contacts__shared__timeline-activities__note__4fda3.editing .contacts__timeline__note .fr-box.fr-basic .fr-element {
padding-left: 55px
}
.__module-contacts__shared__timeline-activities__note__4fda3.editing .contacts__timeline__note .ticket-editor__footer .ticket-editor__actions {
padding-left: 37px
}
.__module-contacts__shared__timeline-activities__note__4fda3.editing .contacts__timeline__note .attachment {
padding-left: 45px
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note {
display: block
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__icon {
width: 38px;
display: flex;
justify-content: flex-end
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__icon .app-icon {
width: 22px;
height: 22px
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__body {
display: table-cell;
width: 100%;
padding-left: 15px
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__body--creator-name {
font-size: 12px
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__body--largetext-info {
font-weight: 600
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__body--smalltext-info {
color: #6f7c87
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__body--created-time {
float: right;
color: #6f7c87;
font-size: 12px;
opacity: 1
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__body--actions {
float: right;
opacity: 0;
width: 0;
height: 0
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__body--title {
font-size: 16px;
font-weight: 700;
margin: 2px 70px 0 0;
word-break: break-all
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__body--updated-detail {
margin-top: 2px;
font-size: 12px;
color: rgba(32,44,64,.7)
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__body--wrapper {
padding: 16px 40px 24px 0
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__body--content {
word-break: break-all;
font-size: 13px;
max-height: 50px;
overflow: hidden
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__body--content.show-content {
max-height: none
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note__body--collapser {
border-top: 1px solid #ebeef0;
margin-top: 20px;
padding: 8px 0;
color: #448ee1;
cursor: pointer
}
.__module-contacts__shared__timeline-activities__note__4fda3 .action-btn {
margin-left: 6px;
border: 1px solid #dadfe3;
border-radius: 2px;
width: 28px;
height: 28px;
text-align: center;
cursor: pointer;
background-color: #fff
}
.__module-contacts__shared__timeline-activities__note__4fda3 .action-btn .app-icon {
margin-top: 4px;
margin-left: -1px
}
.__module-contacts__shared__timeline-activities__note__4fda3 .action-btn:hover {
background-color: #ebedf0;
transition: .1s ease-in
}
.__module-contacts__shared__timeline-activities__note__4fda3:hover .note__body--actions {
opacity: 1;
transition: .5s ease-in-out;
width: auto;
height: auto
}
.__module-contacts__shared__timeline-activities__note__4fda3:hover .note__body--created-time.hide-on-hover {
opacity: 0;
width: 0;
height: 0
}
.__module-contacts__shared__timeline-activities__note__4fda3 .contacts__timeline__note {
margin-bottom: 0
}
.__module-contacts__shared__timeline-activities__note__4fda3 .show-note-enter {
opacity: .01
}
.__module-contacts__shared__timeline-activities__note__4fda3 .show-note-enter.show-note-enter-active {
opacity: 1;
transition: opacity .75s ease-in-out
}
.__module-contacts__shared__timeline-activities__note__4fda3 .note-wrapper {
display: flex
}
.__module-contacts__shared__timeline-activities__b82f7 .load-more-notes {
color: #448ee1;
margin: 15px 0 0;
cursor: pointer
}
.__module-contacts__shared__timeline-activities__b82f7 .category-filter {
float: left;
margin-bottom: 10px
}
.__module-contacts__shared__timeline-activities__b82f7 .category-filter .ember-power-select-trigger {
border: none;
height: 0
}
.__module-contacts__shared__timeline-activities__b82f7 .category-filter .ember-power-select-trigger.ember-basic-dropdown-trigger--below .ember-power-select-status-icon {
top: 7px
}
.__module-contacts__shared__timeline-activities__b82f7 .note-editor {
background-color: rgba(218,223,227,.5);
padding: 4px;
margin-bottom: 16px;
border-radius: 4px
}
.__module-contacts__shared__timeline-activities__b82f7 .remove-note-leave {
opacity: 1;
max-height: 995px;
transform: scale(1)
}
.__module-contacts__shared__timeline-activities__b82f7 .remove-note-leave.remove-note-leave-active {
opacity: .01;
transform: scale(.95);
max-height: 0;
transition: transform .5s ease-in-out .3s,opacity .5s ease-in-out .3s,max-height .5s ease-in-out .3s
}
.__module-contacts__shared__timeline-activities__ticket__ticket-subject-popover__af880 .dropdown-pointer-left::after {
border-bottom-color: #fff
}
.__module-contacts__shared__timeline-activities__ticket__ticket-subject-popover__af880 .ticket-list-item-hover {
width: 500px;
background-color: #fff;
border-radius: 4px;
border: 1px solid #dadfe3;
box-shadow: 0 5px 18px 0 rgba(222,225,225,.4),0 6px 13px 0 rgba(0,0,0,.08)
}
.__module-contacts__shared__timeline-activities__ticket__ticket-subject-popover__af880 .ticket-list-item-hover .ticket-overlay-content-text {
padding: 16px;
line-height: 1.31
}
.__module-contacts__shared__timeline-activities__ticket__ticket-subject-popover__af880 .ember-basic-dropdown-content--in-place {
border: none;
box-shadow: 0 2px 14px 0 #dadfe3
}
.__module-dashboard__available-quests__individual-quest__6fc14 {
width: 100%;
padding: 26px;
background-color: #fff
}
.__module-dashboard__available-quests__individual-quest__6fc14 .app-icon--custom {
width: 38px;
height: 38px
}
.__module-dashboard__available-quests__individual-quest__6fc14 .show-badge {
display: inline-block;
vertical-align: middle;
margin-right: 12px;
text-align: center;
width: 12%
}
.__module-dashboard__available-quests__individual-quest__6fc14 .show-badge .points {
background-color: #6f7c87;
color: #fff;
border-radius: 2px;
padding: 3px 4px
}
.__module-dashboard__available-quests__individual-quest__6fc14 .details {
display: inline-block;
width: 84%;
vertical-align: middle
}
.__module-dashboard__available-quests__individual-quest__6fc14 .details .title .name {
max-width: 400px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
min-height: 24px
}
.__module-dashboard__available-quests__individual-quest__6fc14 .details .title .trophy {
vertical-align: middle
}
.__module-dashboard__available-quests__individual-quest__6fc14 .details .description {
color: #6f7c87;
line-height: 16px
}
.__module-dashboard__available-quests__d1c05 .outer-wrap {
margin-top: 50px
}
.__module-dashboard__available-quests__d1c05 .outer-wrap .confetti-size {
width: 275px
}
.__module-dashboard__available-quests__d1c05 .page-content {
top: 20px
}
.__module-dashboard__available-quests__d1c05 .page-content .available-quests {
margin-bottom: 40px
}
.__module-dashboard__available-quests__d1c05 .page-content .available-quests .help-text {
text-align: center;
margin-bottom: 26px
}
.__module-dashboard__available-quests__d1c05 .page-content .available-quests .help-text .quests-toggle-link {
color: #448ee1;
cursor: pointer;
margin-left: 6px
}
.__module-dashboard__available-quests__d1c05 .page-content .available-quests .help-text .quests-toggle-link:hover {
text-decoration: underline
}
.__module-dashboard__available-quests__d1c05 .page-content .available-quests .all-quests {
border-radius: 2px;
overflow: hidden;
display: flex;
flex-wrap: wrap
}
.__module-dashboard__available-quests__d1c05 .page-content .available-quests .all-quests .individual-quest {
display: flex;
width: 49.9%;
border-bottom: 1px solid #dadfe3
}
.__module-dashboard__available-quests__d1c05 .page-content .available-quests .all-quests .individual-quest:nth-child(odd) {
border-right: 1px solid #dadfe3
}
.__module-dashboard__bar-chart-modal__d8eb4 {
padding: 15px
}
.__module-dashboard__dashboard-widgets__widget-agent-status__show-availability__64a38 .availability-icon {
margin-top: 4px
}
.__module-dashboard__dashboard-widgets__widget-agent-status__show-availability__64a38 .availability-inner {
display: inline-block
}
.__module-dashboard__dashboard-widgets__widget-agent-status__3e3b5 .available-agents,.__module-dashboard__dashboard-widgets__widget-csat__734e4 .survey__row {
padding-top: 30px
}
.__module-dashboard__dashboard-widgets__widget-csat__734e4 .survey__card {
height: 85px;
margin-bottom: 20px
}
.__module-dashboard__dashboard-widgets__widget-csat__734e4 .survey__card .text--xxlarge {
line-height: 1.2
}
.__module-dashboard__dashboard-widgets__widget-csat__734e4 .survey__card .align-middle {
vertical-align: middle
}
.__module-dashboard__dashboard-widgets__widget-csat__734e4 .survey__card .response {
padding-bottom: 3px
}
.__module-dashboard__dashboard-widgets__widget-csat__734e4 .survey__progress {
width: 60%;
height: 4px;
border-radius: 70px;
background-color: #ebeef0;
margin-top: 5px
}
.__module-dashboard__dashboard-widgets__widget-csat__734e4 .survey__progress-bar {
border-radius: 70px;
box-shadow: none
}
.__module-dashboard__dashboard-widgets__widget-csat__734e4 .survey__progress--negative {
background-color: #e72b00
}
.__module-dashboard__dashboard-widgets__widget-csat__734e4 .survey__progress--neutral {
background-color: #f0d700
}
.__module-dashboard__dashboard-widgets__widget-csat__734e4 .survey__progress--positive {
background-color: #6bb437
}
.__module-dashboard__dashboard-widgets__widget-csat__734e4 .view-details:hover {
text-decoration: none
}
.__module-dashboard__dashboard-widgets__widget-forum-moderation__e0171 .forum__moderation__card {
padding: 30px 10px 0
}
.__module-dashboard__dashboard-widgets__widget-forum-moderation__e0171 .forum__moderation__card--filter {
fill: #ff9e35;
margin-top: 4px
}
.__module-dashboard__dashboard-widgets__widget-forum-moderation__e0171 .forum__moderation__card--spam {
fill: #ff5959;
margin-top: 4px
}
.__module-dashboard__dashboard-widgets__widget-forum-moderation__e0171 .forum__moderation__card .card--item {
text-decoration: none
}
.__module-dashboard__dashboard-widgets__widget-forum-moderation__e0171 .forum__moderation__card.disabled .card--item {
color: #dadfe3;
pointer-events: none;
cursor: default
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .achievements-container {
padding-top: 10px
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .achievements-container .achievements-text {
width: 55%;
margin-top: 35px
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .badges-container {
margin: 4px auto 0;
width: 85%
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .badges-container .no-badges {
text-align: center;
padding-top: 25px;
width: 86%;
margin: 0 auto
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .badges-container .badges-content {
list-style: none
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .badges-container .badges-content .badge-icon {
display: inline-block;
width: 24%;
text-align: center;
vertical-align: top
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .badges-container .badges-content .badge-icon .badge-name {
display: block
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .achievement-complete {
text-align: center;
margin-top: 37px
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .badges-content-complete::before {
content: '';
display: inline-block;
height: 33px;
width: 37px;
position: absolute;
background: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%,rgba(255,255,255,0) 50%);
margin-left: -9px
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .badges-content-complete::after {
content: '';
display: inline-block;
height: 33px;
width: 27px;
position: absolute;
margin-left: -29px;
background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%)
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .badges-content-complete {
list-style: none;
margin-top: 25px;
text-align: center
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .badges-content-complete .badge-icon {
display: inline-block;
text-align: center
}
.__module-dashboard__dashboard-widgets__widget-gamification__achievements__f1fbe .achievement-more-link {
text-align: center;
cursor: pointer;
position: absolute;
width: 100%;
bottom: 0
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile {
position: relative;
display: inline-block;
padding: 15px 20px
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile .profilepic {
opacity: .2;
transition: opacity .25s ease-in-out
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile .badge__icon {
fill: #ddd;
fill-opacity: .2;
transition: fill-opacity .25s ease-in-out
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile--active::before {
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ebeef0;
bottom: 0;
left: 36px
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile--active::after {
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 6px solid #fff;
left: 37px;
bottom: -1px
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile--active .profilepic,.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile:hover .profilepic {
opacity: 1
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile--active .badge--mvp,.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile:hover .badge--mvp {
fill: #61b5ef;
fill-opacity: 1
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile--active .badge--love,.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile:hover .badge--love {
fill: #ff9294;
fill-opacity: 1
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile--active .badge--sharpshooter,.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile:hover .badge--sharpshooter {
fill: #c680c7;
fill-opacity: 1
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile--active .badge--speed,.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__profile:hover .badge--speed {
fill: #ffa076;
fill-opacity: 1
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__badge {
position: absolute;
top: 5px;
z-index: 10;
width: 40px;
height: 40px;
padding: 9px 0 0 10px;
border-radius: 50%;
margin-left: -28px;
background-color: #fff
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__name {
padding: 0 40px
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__name__text {
border: 1px solid #ebeef0;
padding: 10px 30px;
border-radius: 4px
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__rankers {
padding: 15px
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__rankers__user {
padding-right: 10px;
display: inline-block
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__rankers__user__avatar {
margin-right: 5px;
display: inline-block;
vertical-align: middle
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__rankers--active a {
border: 1px solid #183247;
box-shadow: 0 2px 11px 0 #e1e1e1;
border-radius: 2px;
padding: 1px;
line-height: 0
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__rankers--active a .profilepic {
width: 20px;
height: 20px
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__rankers--active .leaderboard__rankers__point {
font-weight: 500;
color: #183247
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard__rankers__point {
color: #d3dbda;
display: block;
margin-top: 10px
}
.__module-dashboard__dashboard-widgets__widget-gamification__leader-board__5154a .leaderboard_view_all {
display: none
}
.__module-dashboard__dashboard-widgets__widget-gamification__7c749 {
margin: -25px -30px 0
}
.__module-dashboard__dashboard-widgets__widget-gamification__7c749 .tabs__items {
padding: 0 30px;
background-color: #f9f9f9;
border-bottom: 1px solid #dadfe3
}
.__module-dashboard__dashboard-widgets__widget-gamification__7c749 .leaderboard-subtext {
position: relative;
left: 46px;
top: 6px
}
.__module-dashboard__dashboard-widgets__widget-gamification__7c749 .leaderboard-details-link {
position: relative;
right: 20px;
top: 6px
}
.__module-dashboard__dashboard-widgets__widget-leaderboard__3b68c .leaderboard__categories {
width: 100%;
margin-top: 10px
}
.__module-dashboard__dashboard-widgets__widget-leaderboard__3b68c .leaderboard__profile {
position: relative;
display: inline-block;
padding: 15px 5px;
float: left;
width: 50%;
height: 120px
}
.__module-dashboard__dashboard-widgets__widget-leaderboard__3b68c .leaderboard__profile .badge__icon {
fill: #ddd;
fill-opacity: .2;
transition: fill-opacity .25s ease-in-out
}
.__module-dashboard__dashboard-widgets__widget-leaderboard__3b68c .leaderboard__profile .badge--mvp {
fill: #61b5ef;
fill-opacity: 1
}
.__module-dashboard__dashboard-widgets__widget-leaderboard__3b68c .leaderboard__profile .badge--love {
fill: #ff9294;
fill-opacity: 1
}
.__module-dashboard__dashboard-widgets__widget-leaderboard__3b68c .leaderboard__profile .badge--sharpshooter {
fill: #c680c7;
fill-opacity: 1
}
.__module-dashboard__dashboard-widgets__widget-leaderboard__3b68c .leaderboard__profile .badge--speed {
fill: #ffa076;
fill-opacity: 1
}
.__module-dashboard__dashboard-widgets__widget-leaderboard__3b68c .leaderboard__profile .name {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.__module-dashboard__dashboard-widgets__widget-leaderboard__3b68c .leaderboard__badge {
position: absolute;
top: 5px;
z-index: 10;
width: 40px;
height: 40px;
padding: 8px 0 0 8px;
border-radius: 50%;
margin-left: -50px;
background-color: #fff
}
.__module-dashboard__dashboard-widgets__widget-scorecard__88706.reached--amber .text-count {
color: #ffad1e
}
.__module-dashboard__dashboard-widgets__widget-scorecard__88706.reached--danger .text-count {
color: #ff5959
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.positive.down .trend-value,.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.positive.up .trend-value {
color: #02b875
}
.__module-dashboard__dashboard-widgets__widget-scorecard__88706 .counter-widget-link:focus,.__module-dashboard__dashboard-widgets__widget-scorecard__88706 .counter-widget-link:hover {
text-decoration: none
}
.__module-dashboard__dashboard-widgets__widget-scorecard__88706 h4 {
min-height: 35px;
line-height: 1.3
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c a {
text-decoration: none;
cursor: pointer
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c .textwrap {
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
white-space: nowrap
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c .widget-label {
margin: 0
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c .widget-details .groups-products-container {
width: 75%
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c .widget-details .groups-products-container .value-names {
margin-right: 0
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c .widget-details .product-dropdown {
max-width: 47%;
position: relative;
padding-right: 8px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c .widget-details .seperator-line {
position: relative
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c .widget-details .seperator-line::after {
content: '';
background-color: #6f7c87;
position: absolute;
width: 1px;
height: 10px;
right: 3px;
top: 2px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c .widget-details .groups-placeholder {
max-width: 53%;
padding-right: 8px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c .trend-value {
margin-left: 25px;
opacity: .84;
position: relative
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.positive.up .trend-value::after {
border-bottom: 7px solid #02b875
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.negative.down .trend-value,.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.negative.up .trend-value {
color: #ff5959
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.positive.down .trend-value::after {
border-top: 7px solid #02b875
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.negative.up .trend-value::after {
border-bottom: 7px solid #ff5959
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.negative.down .trend-value::after {
border-top: 7px solid #ff5959
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c .trend-value::after {
content: '';
position: absolute;
margin-right: 15px;
bottom: 3px;
left: -15px;
border-right: 5px solid transparent;
border-left: 5px solid transparent
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.no-change .trend-value {
color: #6f7c87
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.no-change .trend-value::after {
content: '';
position: absolute;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 7px solid #acb6be;
left: -25px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.no-change .trend-value::before {
content: '';
position: absolute;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 7px solid #acb6be;
bottom: 3px;
left: -10px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.reached--amber .benchmark {
color: #ffad1e!important
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.reached--danger .benchmark {
color: #ff5959!important
}
.__module-dashboard__dashboard-widgets__widget-ticket-trend-card__9e44c.emptyState .benchmark {
color: #6f7c87!important;
opacity: .84
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__status {
padding-left: 80px;
margin-top: 60px;
min-height: 300px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__status__item {
border-left: 2px solid #ebeef0;
margin-top: 25px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__status--count {
font-size: 26px;
font-weight: 700;
margin-bottom: 0
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart {
position: relative
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart__empty {
position: absolute;
width: 100%;
height: 100%;
top: 0;
margin: 0 auto;
background-color: rgba(255,255,255,.94)
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart__nodata {
width: 300px;
margin: 20% auto 0;
text-align: center;
font-size: 16px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart__tooltip {
padding: 5px;
min-width: 90px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart__tooltip--title {
padding-bottom: 5px;
color: #6f7c87;
font-size: 12px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart__tooltip__body {
padding: 10px 0 6px;
border-bottom: 1px solid #ebeef0
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart__tooltip__body--label {
color: #acb6be;
font-size: 9px;
margin-bottom: 4px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart__tooltip__body--value {
font-size: 13px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart__legend {
float: right;
margin-top: -15px;
position: relative
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart__legend .legend-item {
display: inline-block;
color: #183247;
font-size: 12px;
margin-left: 10px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart__legend .item-symbol {
width: 12px;
height: 12px;
border-radius: 2px;
margin-right: 5px;
float: left;
color: #183247;
font-size: 12px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart__legend .symbol-today {
background-color: #239cff
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends__highchart__legend .symbol-yesterday {
background-color: #dadfe3
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends .highcharts-tooltip-box {
stroke: transparent;
fill: transparent
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends .highcharts-tooltip span {
box-shadow: 0 2px 14px 0 #dbdbdb;
border: 1px solid #dadfe3;
background-color: #fff;
padding: 6px;
border-radius: 2px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends .highcharts-tooltip div:last-child {
border-bottom: 0;
padding-bottom: 2px
}
.__module-dashboard__dashboard-widgets__widget-ticket-trends__36e65 .trends .module-loading {
margin-left: 50%;
margin-top: 155px
}
.__module-dashboard__dashboard-widgets__widget-todo__decef .todo {
height: 190px;
overflow-y: auto
}
.__module-dashboard__dashboard-widgets__widget-todo__decef .todo-input {
border-bottom: 1px #eaf0ef solid
}
.__module-dashboard__dashboard-widgets__widget-todo__decef .todo-input-content {
margin-top: 8px
}
.__module-dashboard__dashboard-widgets__widget-todo__decef .todo-text-btn {
background-color: #fff
}
.__module-dashboard__dashboard-widgets__widget-todo__decef .todo .custom-checkbox {
margin-bottom: 3px
}
@keyframes fade-in-tooltip {
from {
opacity: 0;
bottom: 100%
}
to {
opacity: 1;
bottom: 125%
}
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support {
position: absolute;
padding: 20px;
box-sizing: border-box;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 800px;
height: 600px;
margin: auto;
border-radius: 2px;
background-color: #fff;
box-shadow: 0 0 18px 0 rgba(0,0,0,.2);
z-index: 2
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__input-button-container {
display: inline-block;
margin: 40px auto auto
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__input-button-container .copy-button {
color: #183247;
width: 102px;
height: 40px;
margin: 0;
padding-top: 2px;
border-radius: 0 2px 2px 0;
background-color: #fff;
border: 1px solid #dbdfe3;
text-align: center
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__input-button-container .copy-button .copied-icon,.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__input-button-container .copy-button .copy-icon {
height: 18px;
width: 18px;
position: relative;
top: 4px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__input-button-container .copy-button:hover {
color: #183247;
background-color: #f3f5f7
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__input-button-container .copy-input {
width: 338px;
height: 40px;
border-radius: 2px 0 0 2px;
-webkit-font-smoothing: antialiased;
background-color: #f3f5f7;
border: 1px solid #dbdfe3;
border-right: 0;
text-align: center;
padding: 10px;
margin: auto;
cursor: pointer
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .loading-overlay {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255,255,255,.95);
z-index: 3;
border-radius: 2px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .loading-overlay .loading-screen {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%)
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .loading-overlay .loading-screen__message {
margin: 0 auto;
position: relative;
padding-bottom: 35px;
text-align: center;
font-size: 16px;
font-weight: 600;
color: #183247;
-webkit-font-smoothing: antialiased
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation {
position: absolute;
bottom: 0;
height: 62px;
width: 100%;
left: 0;
right: 0;
border-top: 1px solid #ebeef0;
border-radius: 0 0 2px 2px;
background-color: #f9f9f9
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation-video {
background-color: #fff
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation .skip-tour {
margin-top: 7px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation .watch-video {
position: relative;
top: 16px;
left: 20px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation .watch-video__button {
width: 133px;
height: 30px;
border-radius: 2px;
background-color: #fff;
border: 1px solid #dbdfe3;
font-size: 12px;
font-weight: 600;
letter-spacing: .2px;
color: #183247
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation .watch-video__button:hover {
background-color: #ebedf0
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation .watch-video__helptext {
animation-name: fade-in-tooltip;
animation-duration: .3s;
width: 193px;
font-size: 12px;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
background-color: #183247;
color: #fff;
border-radius: 1px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation .watch-video__helptext::after {
content: "";
position: absolute;
top: 100%;
right: 88%;
border-width: 5px;
border-style: solid;
border-color: #183247 transparent transparent
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation .custom-step {
position: relative;
top: 16px;
right: 20px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation .custom-step__button {
height: 30px;
padding-left: 20px;
padding-right: 20px;
border-radius: 2px;
background-color: #02b875;
border: 1px solid #03a86b;
font-size: 12px;
font-weight: 400;
letter-spacing: .2px;
line-height: 2.25;
color: #fff
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation .video-footer {
padding-top: 10px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation .video-footer .playback-button {
height: 40px;
width: 193px;
border-radius: 2px;
background-color: #fff;
border: 1px solid #dbdfe3;
font-size: 12px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: .2px;
color: #183247
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__navigation .video-footer .playback-button:hover {
background-color: #ebedf0
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__header .exit-tour {
width: 34px;
height: 34px;
padding: 0;
margin: 0;
text-align: center;
background-color: #fff;
position: absolute;
top: 13px;
right: 13px;
border: 0;
font-weight: 300
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__header .exit-tour :hover {
background-color: #ebeef0
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__header .exit-tour .modal-close {
top: 0;
height: 20px;
width: 20px;
font-weight: 300
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__header .title {
text-align: center;
padding-top: 4px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__header .title .title-text {
position: relative;
left: 5px;
font-size: 24px;
font-size: 22px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.41;
letter-spacing: .3px;
text-align: center;
color: #183247;
-webkit-font-smoothing: antialiased
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__header .help-text {
text-align: center;
padding-bottom: 12px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support__header .help-text__content {
color: #6f7c87;
font-size: 13px;
-webkit-font-smoothing: antialiased
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .copied-icon {
top: 10px;
width: 37px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .copy-email-icon {
height: 18px;
width: 18px;
position: relative;
top: 4px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .timeline-seek {
background-color: #6f7c87;
width: 147px;
height: 2px;
position: absolute;
top: 167px;
z-index: 1;
left: 100px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .video-icon {
top: 2px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .cs-timeline-item-lable {
font-weight: 119px;
font-size: 12px;
line-height: 11.67;
color: #dadfe3
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .cs-seekbar>.cs-timeline-item-lable,.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .cs-timeline-item-lable__completed {
color: #183247
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .cs-timeline {
position: relative;
left: 158px;
height: 2px;
margin: 20px 0 0;
padding: 0;
-webkit-font-smoothing: antialiased
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .cs-timeline-seek {
border: 1px solid #183247;
display: inherit;
width: 145px;
margin-top: 25px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .cs-timeline-item {
top: -43px;
width: 140px;
list-style: none;
text-indent: -18%;
text-align: center
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .cs-timeline-item:first-child::before {
display: none
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .cs-timeline-item::after {
content: "";
position: absolute;
top: 40px;
display: block;
width: 4px;
height: 4px;
border: 4px solid #acb6be;
border-radius: 10px;
left: 0;
z-index: 1
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .cs-timeline-item::before {
content: "";
display: inherit;
width: 140px;
border: 1px solid #ebeef0;
border-top-width: 0;
position: absolute;
top: 43px;
left: -132px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .cs-seekbar::before {
content: "";
display: inherit;
width: 140px;
border: 1px solid #02b875;
border-top-width: 0;
position: absolute;
top: 43px;
left: -140px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .cs-seekbar::after {
content: "";
position: absolute;
top: 40px;
display: block;
width: 4px;
height: 4px;
border-width: 4px;
border-style: solid;
border-color: #02b875;
border-radius: 10px;
left: 0
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .cs-seekbar-current::after {
top: 39px;
border-width: 5px;
z-index: 1;
box-shadow: 0 0 0 3px rgba(2,184,117,.2)
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .verify-email {
position: absolute;
width: 77%;
top: 42%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
margin-top: 46px;
-webkit-font-smoothing: antialiased
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .verify-email__info {
margin-bottom: 12px;
font-size: 30px;
line-height: 1.03;
letter-spacing: .4px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .verify-email__code-input {
font-size: 16px;
font-weight: 500
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .verify-email__content {
text-align: left;
margin: 42px auto auto;
width: 478px;
font-size: 16px;
line-height: 1.5;
color: #6f7c87;
letter-spacing: .3px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .verify-email__content__step1 {
display: inline-block;
width: 100%
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .verify-email__content__step1 .step1 {
color: #183247;
font-weight: 700;
float: left;
width: 13%
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .verify-email__content__step1 .step1-content {
float: left;
width: 87%;
padding-left: 2px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .verify-email__content__step2 {
display: inline-block;
width: 100%
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .verify-email__content__step2 .step2 {
color: #183247;
font-weight: 700;
float: left;
width: 13%
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .verify-email__content__step2 .step2-content {
float: left;
width: 87%;
padding-left: 2px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .copy-email {
position: absolute;
width: 77%;
top: 42%;
left: 50%;
margin-top: 33px;
transform: translate(-50%,-50%);
text-align: center
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .copy-email__info {
margin-bottom: 12px;
font-size: 30px;
line-height: 1.03;
letter-spacing: .4px;
-webkit-font-smoothing: antialiased
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .copy-email__instructions {
width: 409.5px;
height: 48px;
font-size: 16px;
margin: auto;
line-height: 1.5;
letter-spacing: .3px;
color: #6f7c87;
-webkit-font-smoothing: antialiased
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .copy-email__instructions-tip {
margin: 18px auto auto;
width: 360px;
height: 40px;
font-size: 13px;
line-height: 1.54;
text-align: center;
color: #6f7c87;
-webkit-font-smoothing: antialiased
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .copy-email__instructions-tip .tip {
color: #183247;
font-weight: 500
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .configure-forwarding {
margin: 30px;
text-align: center
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .configure-forwarding .steps {
display: flex;
justify-content: space-between
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .configure-forwarding .step-title {
position: absolute;
margin-top: -30px;
margin-left: 80px;
color: #6f7c87
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .configure-forwarding .step-info {
position: absolute;
width: 150px;
margin-top: 10px;
margin-left: 30px;
color: #183247;
font-size: 11px;
line-height: 1.45
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .configure-forwarding__image {
width: 210px;
min-height: 152px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .configure-forwarding__done {
position: relative;
top: 95px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .configure-forwarding__step {
position: relative;
top: 30px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .activate-forwarding {
position: absolute;
width: 77%;
top: 42%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
margin-top: 46px;
padding-top: 25px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .activate-forwarding__tips {
font-size: 12px;
font-weight: 600;
color: #183247;
margin-top: 16px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .activate-forwarding__tips .tip-number {
background: #ff5959;
border-radius: .8em;
color: #fff;
display: inline-block;
margin-right: 2px;
text-align: center;
width: 1.4em;
height: 1.4em;
font-size: 11px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .activate-forwarding__tips .step-connector {
margin: 0 10px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .activate-forwarding__tips .step-connector .right-tailed-arrow {
position: relative;
top: 3px;
width: 38px;
height: 14px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .activate-forwarding__step__image {
position: relative;
right: 5%;
width: 110%
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .activate-forwarding__header {
margin-bottom: 16px;
font-size: 30px;
line-height: 1.03;
letter-spacing: .4px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .activate-forwarding__step {
border: 0;
margin: auto
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .activate-forwarding__image {
width: 572px;
height: 302px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .activate-forwarding__button {
margin-top: 30px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .test-it-out {
position: absolute;
width: 77%;
top: 42%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
margin-top: 30px;
-webkit-font-smoothing: antialiased
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .test-it-out .smiley-face {
width: 80px;
height: 80px;
fill: #6f7c87
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .test-it-out__header {
font-size: 30px;
line-height: 1.03;
letter-spacing: .4px;
color: #183247;
margin-bottom: 16px;
margin-top: 20px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .test-it-out__content {
font-size: 16px;
line-height: 1.5;
letter-spacing: .3px;
color: #6f7c87
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .setup-done {
font-size: 18px;
text-align: center;
margin: 20% 0;
-webkit-font-smoothing: antialiased
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .setup-done__header {
font-size: 30px;
font-weight: 700;
line-height: 1.03;
letter-spacing: .4px;
color: #183247;
margin: 20px auto
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .setup-done__message {
width: 473px;
height: 72px;
font-size: 16px;
line-height: 1.5;
letter-spacing: .3px;
color: #6f7c87;
margin: auto
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .setup-done__message .contact-us {
cursor: pointer
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .setup-done__button {
display: block;
width: 180px;
height: 40px;
border-radius: 2px;
margin: 10px auto;
border: 1px solid #dadfe3;
text-transform: none
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .setup-done__button:first-child {
border: none
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .setup-done__info {
margin: 15px 0
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .setup-done .email-sent {
fill: #02b875
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .setup-done .email-fails {
fill: #ff5959;
width: 89px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .overview-video .wistia_embed {
height: 72.5%;
left: 20px;
position: absolute;
width: 95%;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);
border: 5px solid #fff
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .overview-video .wistia_embed video {
background: #fff!important
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .gmail-settings__button {
margin-top: 40px
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .gmail-settings__link {
text-decoration: none;
color: #fff;
padding: 11px 22px;
border-radius: 2px
}
.__module-dashboard__dashboard-widgets__widget-unresolved-tickets__82988 .result-table .table,.__module-dashboard__gamification-leaderboard__rank-holder__127cc .rank-holder .link-name {
color: #183247
}
.__module-dashboard__dashboard-widgets__widget-trial__configure-support-email__91992 .configure-support .polling {
opacity: .2
}
.__module-dashboard__dashboard-widgets__widget-unresolved-tickets__82988 .result-table .table .table-cell {
padding: 12px 0;
border-top: 1px solid #ebeef0
}
.__module-dashboard__dashboard-widgets__widget-unresolved-tickets__82988 .result-table .table .table-header-cell {
padding: 6px 0;
border-bottom: 0
}
.__module-dashboard__gamification-leaderboard__rank-holder__127cc .rank-holder {
min-height: 50px
}
.__module-dashboard__gamification-leaderboard__rank-holder__127cc .rank-holder .link-name:hover {
color: #448ee1;
text-decoration: none
}
.__module-dashboard__gamification-leaderboard__rank-holder__127cc .rank-holder .profile-pic {
float: left
}
.__module-dashboard__gamification-leaderboard__rank-holder__127cc .rank-holder .holder-name {
padding-top: 2px
}
.__module-dashboard__gamification-leaderboard__rank-holder__127cc .rank-holder .holder-score {
color: #acb6be
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper {
height: 100%
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .table__nav {
background-color: #f9f9f9;
border-bottom: 1px solid #ddd
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .table__nav .tabs {
padding-top: 40px
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .table__nav .tabs.agent_board_tabs {
padding-top: 0
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .table__nav .tabs .tabs__items {
font-size: 16px
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .table__nav .tabs .tabs__items .tabs__item__nav {
padding: 0 25px 1px
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard {
width: 100%;
display: flex;
min-height: 600px
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard__report-title .title {
display: inline-block;
vertical-align: middle;
color: #183247;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard__badge {
display: inline-block;
vertical-align: middle;
margin-left: 15px
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard__report-col {
flex-grow: 1;
width: 24%;
margin-bottom: 20px;
background-color: #fff
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard__report-col-index {
width: 3%
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard__report-col-index .rank-holder {
min-height: 50px;
padding: 12px 2px
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard__report-col .leaderboard__report-title {
min-height: 62px
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard__report-col .leaderboard__report-title .badge--mvp {
fill: #61b5ef;
fill-opacity: 1
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard__report-col .leaderboard__report-title .badge--love {
fill: #ff9294;
fill-opacity: 1
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard__report-col .leaderboard__report-title .badge--sharpshooter {
fill: #c680c7;
fill-opacity: 1
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard__report-col .leaderboard__report-title .badge--speed {
fill: #ffa076;
fill-opacity: 1
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard__index {
float: left;
width: 4%;
padding-top: 85px;
padding-left: 30px;
margin-bottom: 20px;
background-color: #fff
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .leaderboard__rank-id {
color: #acb6be;
opacity: .5;
padding-bottom: 32px;
padding-top: 7px
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .empty-board {
background: #fff;
display: table;
min-height: 600px;
width: 100%
}
.__module-dashboard__gamification-leaderboard__e20d2.leaderboard_wrapper .empty-board .align-middle {
display: table-cell;
text-align: center;
vertical-align: middle
}
.__module-dashboard__last-updated-time__d3a69 .last-updated-time {
position: absolute;
right: 15px;
bottom: 5px;
cursor: pointer;
vertical-align: top
}
.__module-dashboard__last-updated-time__d3a69 .last-updated-time::after {
white-space: pre-wrap;
width: 180px
}
.__module-dashboard__last-updated-time__d3a69 .last-updated-time.hint--top::after {
line-height: 15px;
left: -40px
}
.__module-dashboard__recent-activities__0d66e .activity-head {
margin: 0 auto
}
.__module-dashboard__recent-activities__0d66e .activities-list {
list-style: none;
color: #183247;
overflow-y: auto;
max-height: calc(80vh - 85px)
}
.__module-dashboard__recent-activities__0d66e .activities-count {
margin: 0 auto;
width: 34%
}
.__module-dashboard__recent-activities__0d66e .data {
width: 92%
}
.__module-dashboard__recent-activities__0d66e .activities-count-button {
padding: 7px 20px 8px;
border-radius: 33px;
background-color: #fff;
border: 1px solid #fff;
box-shadow: 0 2px 6px 0 rgba(0,0,0,.14);
position: absolute;
color: #183247
}
.__module-dashboard__recent-activities__0d66e .activity {
padding-top: 15px;
border-bottom: 1px solid #ebeef0;
padding-bottom: 12px;
width: calc(100% - 15px)
}
.__module-dashboard__recent-activities__0d66e .activity .display-pic {
margin-top: 2px
}
.__module-dashboard__recent-activities__0d66e .activity .help-text {
padding-top: 1px
}
.__module-dashboard__recent-activities__0d66e .username a {
color: #183247;
display: inline-block
}
.__module-dashboard__recent-activities__0d66e .help-text {
color: #6f7c87
}
.__module-dashboard__recent-activities__0d66e .attachment::after,.__module-dashboard__recent-activities__0d66e .clearfix::after,.__module-dashboard__recent-activities__0d66e .ember-power-calendar .ember-power-calendar-row::after,.__module-dashboard__recent-activities__0d66e .ticket-action__fields::after,.ember-power-calendar .__module-dashboard__recent-activities__0d66e .ember-power-calendar-row::after {
clear: both;
content: '';
display: block
}
.__module-dashboard__recent-activities__0d66e .other .activity-head {
margin-top: 10px
}
.__module-dashboard__recent-activities__0d66e .other .activities-list {
max-height: calc(110vh - 140px);
padding-right: 40px
}
.__module-dashboard__recent-activities__0d66e .other .recent-activities {
margin-top: 65px;
margin-left: 40px
}
.__module-dashboard__recent-activities__0d66e .other .activities-count-button {
margin-top: 1%
}
.__module-dashboard__recent-activities__0d66e .other .data {
width: 90%
}
.__module-dashboard__ticket-summary__2e50f .ticket-summary__score-board {
list-style: none;
clear: left;
overflow: hidden;
padding: 0;
margin: 0
}
.__module-dashboard__ticket-summary__2e50f .ticket-summary__score-card {
padding-left: 0;
padding-right: 6px
}
.__module-dashboard__ticket-summary__2e50f .ticket-summary__score-card:last-child {
padding-right: 0
}
.__module-dashboard__ticket-summary__2e50f .ticket-summary__score-card__item {
display: block;
color: inherit;
border-radius: 2px;
padding: 20px 30px;
background-color: #fff;
box-shadow: 0 1px 0 0 #dadfe3;
text-decoration: none;
letter-spacing: .2px
}
.__module-dashboard__ticket-summary__2e50f .ticket-summary__score-card__item:hover>.item-text {
color: #448ee1
}
.__module-dashboard__ticket-summary__2e50f .ticket-summary__score-card .item-text {
display: block;
transition: color .2s ease-in-out
}
.__module-dashboard__unresolved-tickets__532db .page-content {
bottom: 0;
top: 50px;
overflow-y: hidden
}
.__module-dashboard__unresolved-tickets__532db .table__container {
overflow-y: auto
}
.__module-dashboard__unresolved-tickets__532db .unresolved-filter {
display: inline-block;
width: 100%
}
.__module-dashboard__unresolved-tickets__532db .table__nav {
background-color: #fff;
padding: 8px 8px 0;
border-bottom: 1px solid #ebeef0
}
.__module-dashboard__unresolved-tickets__532db .table__nav__btn {
margin-top: 3px;
margin-right: 10px;
margin-bottom: 1px;
float: right
}
.__module-dashboard__unresolved-tickets__532db .table__nav__btn .filter-reset-icon {
margin-bottom: 1px
}
.__module-dashboard__unresolved-tickets__532db .table__nav__btn .app-icon-btn--text {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.__module-dashboard__unresolved-tickets__532db .table__nav__btn .app-icon-btn--oval-left {
top: 1px;
border-right: none
}
.__module-dashboard__unresolved-tickets__532db .table__nav__btn .app-icon-btn--funnel {
left: 7px;
top: 7px
}
.__module-dashboard__unresolved-tickets__532db .table__nav__search {
position: relative
}
.__module-dashboard__unresolved-tickets__532db .table__nav__search__label {
position: absolute;
bottom: 8px
}
.__module-dashboard__unresolved-tickets__532db .table__nav__search__input {
width: 250px;
padding-left: 20px
}
.__module-dashboard__unresolved-tickets__532db .table__nav .tabs {
display: inline-block
}
.__module-dashboard__unresolved-tickets__532db .table__nav .tabs .tabs__items {
display: inline-block;
font-size: 14px
}
.__module-dashboard__unresolved-tickets__532db .table__nav .tabs .tabs__items .tabs__item__nav {
padding: 0 25px 5px
}
.__module-dashboard__unresolved-tickets__532db .table__nav .filter-clear-btn {
padding: 6px;
float: left;
background-color: #ff5959;
border: 1px solid #ff5959;
border-radius: 2px 0 0 2px
}
.__module-dashboard__unresolved-tickets__532db .table__nav .filter-btn {
background-color: #fff;
padding: 6px 10px;
border: 1px solid #dadfe3;
border-radius: 0 2px 2px 0;
color: #183247;
float: left
}
.__module-dashboard__unresolved-tickets__532db .filter__content {
padding: 20px;
background-color: #fff;
display: inline-block;
width: 100%;
border-bottom: 1px solid #dadfe3;
line-height: 1.5
}
.__module-dashboard__unresolved-tickets__532db .filter__content__text {
padding: 0 10px
}
.__module-dashboard__unresolved-tickets__532db .filter__content__text:not(:last-child) {
border-right: 1px solid #dadfe3
}
.__module-dashboard__unresolved-tickets__532db .unresolved_empty {
width: 100%;
height: 100%;
text-align: center;
padding-top: 20%;
color: #acb6be;
background-color: #fff
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table {
width: 100%
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-column {
padding: 12px 20px
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-column .lt-sort-icon {
float: none;
position: relative;
left: 3px
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-column .fa-sort-asc {
top: 3px
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-column.is-sorted,.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-column:hover {
color: #183247
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-cell,.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-column {
text-align: center
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-cell a,.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-column a {
padding: 10px
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-cell {
padding: 20px;
word-wrap: break-word;
font-size: 14px
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-cell:first-child {
color: #183247;
padding-left: 9px;
text-align: left
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-row,.__module-dashboard__unresolved-tickets__532db .unresolved__table thead.lt-head {
background-color: #fff;
border-bottom: 1px solid #ebeef0
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-row:hover {
transition: .2s ease;
background-color: #f3f5f7
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table thead.lt-head {
color: #6f7c87;
text-align: center
}
.__module-dashboard__unresolved-tickets__532db .unresolved__table thead.lt-head .lt-column:first-child {
text-align: left;
text-transform: capitalize
}
.__module-dashboard__unresolved-tickets__532db .unresolved__pagination .pagination-wrapper {
margin: 15px 0
}
.__module-dashboard__widget-customization__20140 .grid-stack>.grid-stack-item>.grid-stack-item-content {
background-color: transparent;
padding: 0
}
.__module-dashboard__widget-customization__20140 .grid-stack>.grid-stack-item>.grid-stack-item-content .text--small {
font-size: 11px
}
.__module-dashboard__widget-customization__20140 .grid-stack>.grid-stack-item>.grid-stack-item-content .text--medium {
font-size: 13px
}
.__module-dashboard__widget-customization__20140 .grid-stack>.grid-stack-item>.grid-stack-item-content .text--xxlarge {
font-size: 24px
}
.__module-dashboard__widget-customization__20140 .grid-stack-item--selected .widget-item:not(.widget-item--active) {
opacity: .5
}
.__module-dashboard__widget-customization__20140 .grid-stack-item--selected .widget-item:not(.widget-item--active):hover {
opacity: 1
}
.__module-dashboard__widget-customization__20140 .widget-item {
position: relative;
height: 100%;
padding: 15px;
background-color: #fff;
box-shadow: 0 1px 0 0 #dbdfe3;
border: 1px solid transparent;
transition: all .3s ease-out
}
.__module-dashboard__widget-customization__20140 .widget-item:hover {
opacity: 1;
background-color: #fff;
border-color: #dadfe3;
box-shadow: 0 3px 8px 0 #dbdfe3
}
.__module-dashboard__widget-customization__20140 .widget-item--active {
opacity: 1;
border-color: #02b875;
box-shadow: 0 1px 0 0 #dbdfe3
}
.__module-dashboard__widget-library__e1048 .widget-config-title {
background-color: #fff;
margin: -8px -8px -8px -16px;
padding: 20px;
box-shadow: 0 1px 0 0 rgba(155,155,155,.19)
}
.__module-dashboard__widget-library__e1048 .widget-config-title .app-icon,.__module-dashboard__widget-library__e1048 .widget-config-title .config-title {
display: inline-block;
vertical-align: middle
}
.__module-dashboard__widget-library__e1048 .widget-config-title .go-back {
cursor: pointer
}
.__module-dashboard__widget-library__e1048 .widget-config-title .remove-btn {
padding: 5px
}
.__module-dashboard__widget-library__e1048 .widget-library {
padding: 0;
display: table;
margin-top: 10px;
width: 100%
}
.__module-dashboard__widget-library__e1048 .widget-library .library-item {
width: 47%;
height: 100px;
display: table-cell;
border-radius: 2px;
background-color: #fff;
box-shadow: 0 1px 0 0 #dbdfe3;
float: left;
margin: 3px;
text-align: center;
padding: 20px
}
.__module-dashboard__widget-library__e1048 .widget-library .library-item .library-add {
display: none;
transition: 1s ease;
opacity: 0
}
.__module-dashboard__widget-library__e1048 .widget-library .library-item.limit-exceed {
color: #6f7c87;
background-color: #ebeef0;
cursor: no-drop
}
.__module-dashboard__widget-library__e1048 .widget-library .library-item.limit-exceed .library-content {
opacity: .5
}
.__module-dashboard__widget-library__e1048 .widget-library .library-item:not(.limit-exceed):hover {
background-color: #f7f9fa;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.18)
}
.__module-dashboard__widget-library__e1048 .widget-library .library-item:not(.limit-exceed):hover .library-add {
display: block;
position: absolute;
top: 5px;
bottom: 0;
right: 0;
left: 5px;
width: 93%;
height: 90%;
background-color: #f7f9fa;
border: 1px dashed #acb6be;
opacity: 1
}
.__module-dashboard__widget-library__e1048 .widget-library .library-item:not(.limit-exceed):hover .library-add .app-icon {
fill: #02b875;
width: 30px;
height: 30px;
margin-top: 30px
}
.__module-dashboard__widget-library__e1048 .widget-list-container {
margin-top: 15px
}
.__module-dashboard__widget-library__e1048 .widget-config-wrapper {
padding-top: 15px
}
.__module-dashboard__widget-library__e1048 .widget-config-wrapper .input {
margin-bottom: 30px
}
.__module-dashboard__widget-library__e1048 .widget-config-wrapper .threshold-field .input {
width: 150px;
margin-bottom: 10px;
padding-left: 20px;
box-sizing: content-box
}
.__module-dashboard__widget-library__e1048 .widget-config-wrapper .threshold-field .input .ember-text-field {
width: 70px
}
.__module-dashboard__widget-library__e1048 .widget-config-wrapper .threshold-field .time-input-field {
width: 15%;
padding-left: 0
}
.__module-dashboard__widget-library__e1048 .widget-config-wrapper .threshold-field .time-input-field .ember-text-field {
width: 45px
}
.__module-dashboard__widget-library__e1048 .widget-config-wrapper .threshold-field .time-field-placeholder {
display: inline-block;
vertical-align: bottom
}
.__module-dashboard__widget-library__e1048 .help-me-decide-icon,.__module-dashboard__widget-library__e1048 .widget-config-wrapper .inaccessible .app-icon {
vertical-align: middle
}
.__module-dashboard__widget-library__e1048 .widget-config-wrapper .threshold-field .module-loading {
height: 15px;
margin-left: 5px
}
.__module-dashboard__widget-library__e1048 .widget-config-wrapper .threshold-field .module-loading .gravity-loader {
width: 15px
}
.__module-dashboard__widget-library__e1048 .widget-config-wrapper .form-select-field {
padding: 0;
margin-bottom: 30px
}
.__module-dashboard__widget-library__e1048 .widget-config-wrapper .form-select-field .input {
margin-bottom: 5px
}
.__module-dashboard__widget-library__e1048 .remove-widget-dialog {
padding: 15px 20px;
background-color: #f3f5f7;
border: 1px solid #dadfe3;
border-left: 0;
margin: 0 -20px;
position: relative
}
.__module-dashboard__widget-library__e1048 .remove-widget-dialog::after {
position: absolute;
content: "";
width: 0;
height: 0;
right: 50px;
top: -10px;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 10px solid #f3f5f7
}
.__module-dashboard__widget-library__e1048 .remove-widget-dialog::before {
position: absolute;
content: "";
width: 0;
height: 0;
right: 50px;
top: -12px;
border-right: 10px solid transparent;
border-left: 11px solid transparent;
border-bottom: 11px solid #dadfe3
}
.__module-dashboard__widget-library__e1048 .remove-widget-dialog .remove-widget-body {
min-height: 45px
}
.__module-dashboard__widget-library__e1048 .widget-highlight-label {
margin-bottom: 10px
}
.__module-dashboard__widget-library__e1048 .threshold-container {
margin-bottom: 15px
}
.__module-dashboard__widget-library__e1048 .threshold-fields {
margin-top: 25px;
position: relative
}
.__module-dashboard__widget-library__e1048 .threshold-fields .time-field {
padding-left: 20px
}
.__module-dashboard__widget-library__e1048 .threshold-fields .help-block {
width: 300px;
top: 48px
}
.__module-dashboard__widget-library__e1048 .threshold-input-field .label-field::before {
content: '';
position: absolute;
width: 10px;
height: 10px;
top: 4px;
left: 0
}
.__module-dashboard__widget-library__e1048 .threshold-input-field.hidden-field {
position: absolute;
left: 0;
width: 180px;
bottom: 50%
}
.__module-dashboard__widget-library__e1048 .threshold-input-field.hidden-field input {
display: none
}
.__module-dashboard__widget-library__e1048 .alert-field .threshold-input-field .label-field::before {
background-color: #ffad1e
}
.__module-dashboard__widget-library__e1048 .critical-field .threshold-input-field .label-field::before {
background-color: #d0021b
}
.__module-dashboard__widget-library__e1048 .time-input-field {
position: relative
}
.__module-dashboard__widget-library__e1048 .time-input-field .label-field::after {
position: absolute;
top: 50%;
right: 10%
}
.__module-dashboard__widget-library__e1048 .time-input-field.minutes .label-field::after {
content: 'm'
}
.__module-dashboard__widget-library__e1048 .time-input-field.hours .label-field::after {
content: 'h'
}
.__module-dashboard__widget-library__warning-note__2955f .configure-note-container {
border-radius: 2px;
background-color: #fffade;
border: 1px solid rgba(255,173,30,.2);
padding: 10px 5px;
margin-top: 10px
}
.__module-dashboard__widget-library__warning-note__2955f .configure-note-container .configure-message {
margin: 0;
display: inline-block;
vertical-align: 2px
}
.__module-dashboard__widget-library__warning-note__2955f .configure-note-container .warning-icon {
float: right;
cursor: pointer
}
.__module-dashboard__widget-library__warning-note__2955f.close-note .configure-note-container {
animation-name: close-animation;
animation-duration: .3s;
animation-fill-mode: forwards
}
.__module-dashboard__widget-library__warning-note__2955f.close-note .configure-note-container .configure-message {
font-size: 0
}
@keyframes close-animation {
0% {
height: 40px;
padding: 10px 5px;
opacity: 1;
border: 1px solid rgba(255,173,30,.2);
margin-top: 10px
}
100% {
height: 0;
padding: 0;
opacity: 0;
border: 0 solid rgba(255,173,30,0);
margin-top: -10px
}
}
.__module-search__app-search__39fac .page-search__secondary {
position: absolute;
top: 150px;
left: 65px;
right: 0
}
.__module-search__app-search__39fac .page-search__results {
padding: 0;
top: 220px;
left: 65px;
right: 0
}
.__module-search__app-search__39fac .page-search__results .user-link {
color: #183247
}
.__module-search__app-search__39fac .page-search__results__wrap {
margin: 0 auto;
width: 80%;
padding-bottom: 50px
}
.__module-search__app-search__39fac .page-search__empty {
text-align: center;
margin-top: 110px;
line-height: 1.5
}
.__module-search__customers-card__4f8d2 .customer-item {
margin-bottom: 6px;
padding: 16px;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 1px 0 0 #d3dbda
}
.__module-search__customers-card__4f8d2 .customer-item__data,.__module-search__customers-card__4f8d2 .customer-item__main {
display: inline-block;
vertical-align: middle
}
.__module-search__customers-card__4f8d2 .customer-item__link {
display: inline-block;
margin-left: 10px;
margin-top: 5px
}
.__module-search__customers-card__4f8d2 .customer-item__main {
width: 25%
}
.__module-search__customers-card__4f8d2 .customer-item__data {
width: 20%;
margin: 0 10px
}
.__module-search__customers-card__4f8d2 .customer-item__data .app-icon {
vertical-align: middle;
margin: 0 2px 2px 0
}
.__module-search__customers-card__4f8d2 .customer-item__data:empty {
display: none
}
.__module-search__customers-card__4f8d2 .customer-item--slideup {
-webkit-animation: slideUpCard .3s ease;
animation: slideUpCard .3s ease
}
.__module-search__quick-search__17ad4 .quick-search__category,.__module-search__quick-search__17ad4 .recent-search-content {
background-color: #fff;
border-radius: 2px;
box-shadow: 0 1px 0 0 #dbdfe3;
margin: 5px 5px 0;
padding-bottom: 5px
}
.__module-search__quick-search__17ad4 .quick-search__category:last-of-type,.__module-search__quick-search__17ad4 .recent-search-content:last-of-type {
margin-bottom: 6px
}
.__module-search__quick-search__17ad4 {
width: 350px;
background-color: #ebeef0
}
.__module-search__quick-search__17ad4 .modal-search {
padding: 0
}
.__module-search__quick-search__17ad4 .modal-search-icon {
top: 17px;
left: 8px
}
.__module-search__quick-search__17ad4 .modal-filter-search {
padding: 12px 30px 13px 25px;
line-height: 1.8
}
.__module-search__quick-search__17ad4 .search-clear {
right: 10px;
top: 16px
}
.__module-search__quick-search__17ad4 .search-loading {
right: 10px;
top: 15px
}
.__module-search__quick-search__17ad4 .quick-search {
max-height: 85vh;
overflow-y: auto
}
.__module-search__quick-search__17ad4 .quick-search__category {
-webkit-animation: halfFadeIn .2s ease-in-out;
animation: halfFadeIn .2s ease-in-out;
padding: 13px 10px 5px
}
.__module-search__quick-search__17ad4 .quick-search__category__title {
font-weight: 600;
padding-left: 5px
}
.__module-search__quick-search__17ad4 .quick-search__category__item {
padding: 3px 5px;
text-decoration: none;
display: inline-block;
width: 100%
}
.__module-search__quick-search__17ad4 .quick-search__category__active,.__module-search__quick-search__17ad4 .quick-search__category__item:hover {
background-color: #f3f5f7;
border-radius: 2px
}
.__module-search__quick-search__17ad4 .quick-search__category--loading {
opacity: .7
}
.__module-search__quick-search__17ad4 .quick-search__category__customer-data {
margin-left: 19px
}
.__module-search__quick-search__17ad4 .quick-search__category__link {
width: 100%;
display: inline-block;
padding: 3px 25px
}
.__module-search__quick-search__17ad4 .quick-search__noresults {
-webkit-animation: fadeIn .2s ease-in-out;
animation: fadeIn .2s ease-in-out;
padding: 50px 10px 60px;
text-align: center
}
.__module-search__quick-search__17ad4 .quick-search__noresults .app-icon {
width: 70px;
height: auto
}
.__module-search__tickets-card__5b25c .ticket-item {
min-height: 20px;
padding: 16px;
border-radius: 2px
}
.__module-search__tickets-card__5b25c .ticket-item__main {
margin: 3px 0 2px
}
.__module-search__tickets-card__5b25c .ticket-item__sourceicon {
margin-right: 3px
}
.__module-search__tickets-card__5b25c .ticket-item--slideup {
-webkit-animation: slideUpCard .3s ease;
animation: slideUpCard .3s ease
}
.__module-search__tickets-card__5b25c .ticket-tag-wrap {
padding-bottom: 3px
}
.__module-search__tickets-card__5b25c .list-check-wrap {
width: auto
}
.__module-search__tickets-card__5b25c .list-check-wrap .app-user-photo {
margin: 0
}
.__module-tickets__compose-email__form-fields__39cb2 .text__link--more {
margin-bottom: 30px
}
.__module-tickets__compose-email__form-fields__39cb2 .tag-list {
margin-bottom: 10px
}
.__module-tickets__compose-email__404c4 .compose-email-form__form-for {
margin: 35px auto 0;
padding: 0 20px
}
.__module-tickets__compose-email__404c4 .compose-email-form__responder {
padding-top: 24px
}
.__module-tickets__compose-email__404c4 .compose-email-form__email-dropdown {
padding-bottom: 12px
}
.__module-tickets__compose-email__404c4 .compose-email-form__info-text {
color: #6f7c87;
padding-top: 49px;
padding-bottom: 5px
}
.__module-tickets__compose-email__404c4 .compose-email-form__info-text__inline {
display: inline-block
}
.__module-tickets__compose-email__404c4 .compose-email-form .ticket-action {
border-radius: 0;
margin: 0
}
.__module-tickets__compose-email__404c4 .compose-email-form .ticket-action:hover {
border: none;
border-bottom: 1px #183247 solid
}
.__module-tickets__compose-email__404c4 .compose-email-form .editor-hascontent,.__module-tickets__compose-email__404c4 .compose-email-form .editor-onfocus,.__module-tickets__compose-email__404c4 .compose-email-form .ticket-action:focus {
border-bottom: 1px #02b875 solid
}
.__module-tickets__compose-email__404c4 .compose-email-form .help-block {
font-size: 11px;
margin-top: 3px;
color: #acb6be;
position: absolute;
-webkit-font-smoothing: antialiased
}
.__module-tickets__compose-email__404c4 .compose-email-requester-info {
margin-top: -50px
}
.__module-tickets__compose-email__404c4 .requester-text {
padding-top: 10px
}
.__module-tickets__compose-email__404c4 .responsive {
background: #fff;
border-radius: 2px;
margin-top: -85px
}
.__module-tickets__compose-email__404c4 .modal__footer__btn {
margin: 3px
}
.__module-tickets__compose-email__404c4 .modal__footer__label {
margin-right: 10px;
font-weight: 500
}
.__module-tickets__compose-email__404c4 .modal__footer__checkbox {
float: left
}
.__module-tickets__compose-email__404c4 .create-ticket-footer {
position: sticky;
z-index: 10;
bottom: 0;
padding: 16px 0 16px 16px;
text-align: right;
margin: 0 auto;
background-color: #fff;
border-top: 1px solid #e5e5e5
}
.__module-tickets__compose-email__404c4 .footer-warning {
float: left;
margin-top: 10px
}
.__module-tickets__compose-email__404c4 .submit-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.__module-tickets__compose-email__404c4 .custom-create__span {
float: left;
margin-right: 6px;
margin-top: 3px
}
.__module-tickets__compose-email__404c4 .sidebar {
border-radius: 1px
}
.__module-tickets__compose-email__404c4 .ember-view.ember-text-field.modal-filter-search.search-filter-views {
height: 40px
}
.__module-tickets__compose-email__404c4 .app-form .error .ember-power-select-trigger {
border-bottom: 1px #ff5959 solid
}
.__module-tickets__compose-email__ticket-template__ff398 .make_inline {
display: inline-block
}
.__module-tickets__compose-email__ticket-template__ff398 .vmid {
vertical-align: middle
}
.__module-tickets__compose-email__ticket-template__ff398 ._heading {
font-size: 12px;
font-weight: 600;
letter-spacing: .5px;
text-align: left;
color: #183247;
text-transform: uppercase;
line-height: 14px
}
.__module-tickets__compose-email__ticket-template__ff398 .clearlink {
margin-left: 10px;
line-height: 14px;
cursor: pointer;
position: absolute;
top: 14px;
left: 130px
}
.__module-tickets__compose-email__ticket-template__ff398 .sidebar-present .ticket-template-block .sidebar {
padding-left: 0;
padding-right: 0;
background: #f9f9f9;
width: 310px
}
.__module-tickets__compose-email__ticket-template__ff398 .clearboth {
clear: both
}
.__module-tickets__compose-email__ticket-template__ff398 .template_list_icon {
position: relative;
top: 2px
}
.__module-tickets__compose-email__ticket-template__ff398 .template_sidebar .filter-expand {
display: none
}
.__module-tickets__compose-email__ticket-template__ff398 .powerselect_holder .ember-power-select-placeholder {
padding-bottom: 0
}
.__module-tickets__compose-email__ticket-template__ff398 .contactwidget_wrapper .requester-info-sidebar__present__item-info {
width: auto;
margin-top: 0;
padding-left: 0
}
.__module-tickets__compose-email__ticket-template__ff398 h5 {
font-size: 11px;
line-height: 1.64;
text-align: left;
color: #6f7c87;
margin: 8px 0 0
}
.__module-tickets__compose-email__ticket-template__ff398 .recent_templates {
margin: 3px 0 0;
padding: 0
}
.__module-tickets__compose-email__ticket-template__ff398 .recent_templates .recent-item {
list-style: none;
margin-bottom: 4px
}
.__module-tickets__compose-email__ticket-template__ff398 .recent_templates .recent-item .recent-item-link {
font-size: 13px;
line-height: 1.38;
text-align: left;
color: #239cff
}
.__module-tickets__compose-email__ticket-template__ff398 .search-text input[type=text] {
border-bottom: 1px solid #02b875
}
.__module-tickets__compose-email__ticket-template__ff398 input[type=checkbox] {
-webkit-appearance: none;
background: #fff;
border: 1px solid #dadfe3;
height: 13px;
position: relative;
width: 13px;
border-radius: 2px;
margin-top: 0;
cursor: pointer
}
.__module-tickets__compose-email__ticket-template__ff398 input[type=checkbox]:focus {
outline: 0
}
.__module-tickets__compose-email__ticket-template__ff398 input[type=checkbox]::after {
position: absolute;
content: '';
display: block;
height: 16px;
background: 0 0;
bottom: -4px
}
.__module-tickets__compose-email__ticket-template__ff398 input[type=checkbox]:checked {
background: #02b878;
border: 3px solid #02b875;
padding: 0
}
.__module-tickets__compose-email__ticket-template__ff398 input[type=checkbox]:checked::before {
border: 0;
position: relative;
left: 1px;
top: -1px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg);
content: '';
display: block;
width: 5px;
height: 7px
}
.__module-tickets__compose-email__ticket-template__ff398 .template_form {
-webkit-animation-duration: 1s ease-in-out;
animation-duration: 1s ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear
}
.__module-tickets__compose-email__ticket-template__ff398 .template_disabled {
opacity: .5
}
.__module-tickets__compose-email__ticket-template__ff398 .template_enabled {
-webkit-animation-name: halfFadeIn;
animation-name: halfFadeIn
}
.__module-tickets__compose-email__ticket-template__ff398 .ticket_template_powerselect .ember-power-select-option {
padding: 2px 5px 0
}
.__module-tickets__new-ticket__add-requester__75965 .add-requester__add-text {
padding-right: 5px
}
.__module-tickets__new-ticket__add-requester__75965 .add-requester__cancel-text {
color: #448ee1;
font-weight: 500
}
.__module-tickets__new-ticket__add-requester__75965 .add-requester__cancel-text:hover {
cursor: pointer
}
.__module-tickets__new-ticket__add-requester__75965 .add-requester__mandatory-text {
color: #acb6be
}
.__module-tickets__new-ticket__add-requester__75965 .add-requester__cc-gap {
padding-bottom: 20px
}
.__module-tickets__new-ticket__add-requester__75965 .add-requester-field {
border-left: #dadfe3 1px dashed;
padding-left: 18px;
color: #183247;
margin-top: 5px
}
.__module-tickets__new-ticket__add-requester__75965 .add-requester-field__company-field {
margin-bottom: 20px
}
.__module-tickets__new-ticket__add-requester__75965 .ember-power-select-trigger {
margin-top: 8px
}
.__module-tickets__new-ticket__custom-create__5af0e .custom-create__span {
float: left;
margin-right: 6px;
margin-top: 3px
}
.__module-tickets__new-ticket__default-requester__b75ed .ember-power-select-trigger {
margin-top: 8px
}
.__module-tickets__new-ticket__default-requester__b75ed .ember-power-select-trigger-multiple-input {
margin-top: 5px
}
.__module-tickets__new-ticket__default-requester__b75ed .ember-power-select-multiple-options .ember-power-select-trigger-multiple-input {
line-height: 0
}
.__module-tickets__new-ticket__default-requester__b75ed .ember-power-select-status-icon {
top: -15px
}
.__module-tickets__new-ticket__default-requester__b75ed .requester-and-cc-link {
color: #448ee1;
margin-top: 7px;
text-align: right;
width: 100%
}
.__module-tickets__new-ticket__default-requester__b75ed .requester-and-cc-link__separator-link {
padding: 0 9px
}
.__module-tickets__new-ticket__default-requester__b75ed .requester-and-cc:hover {
cursor: pointer
}
.__module-tickets__new-ticket__default-requester__b75ed .cc-label {
margin-bottom: -10px
}
.__module-tickets__new-ticket__default-requester__b75ed .cc-label__company,.__module-tickets__new-ticket__default-requester__b75ed .company-field {
padding-top: 20px
}
.__module-tickets__new-ticket__default-requester__b75ed .label-field::after {
content: "*";
position: relative;
top: 2px;
font-size: 14px;
color: #ff5959;
font-weight: 700
}
.__module-tickets__new-ticket__default-requester__b75ed .add-requester__cc-gap {
padding-bottom: 20px
}
.__module-tickets__new-ticket__default-requester__b75ed .display_emails {
margin-top: 12px
}
.__module-tickets__new-ticket__requester-widget__4f71f .requester-info-sidebar__title {
padding-top: 11px
}
.__module-tickets__new-ticket__requester-widget__4f71f .requester-info-sidebar__loading__text {
padding-left: 10px;
font-size: 13px;
color: #6f7c87
}
.__module-tickets__new-ticket__requester-widget__4f71f .requester-info-sidebar__loading .modal-spinner {
margin-top: 160px
}
.__module-tickets__new-ticket__requester-widget__4f71f .requester-info-sidebar__present {
display: block;
text-align: center;
padding-top: 50px;
margin-left: 10px
}
.__module-tickets__new-ticket__requester-widget__4f71f .requester-info-sidebar__present__item-info {
opacity: .33;
font-weight: 100;
font-size: 12px;
margin-top: -6px;
padding-left: 18px
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form__info-text__link,.__module-tickets__new-ticket__requester-widget__4f71f .requester-info-sidebar__present__empty,.__module-tickets__new-ticket__requester-widget__4f71f .requester-info-sidebar__present__new-info {
font-weight: 500
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form .ticket-action {
border-radius: 0;
margin-top: 0
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form .ticket-action:hover {
border: none;
border-bottom: 1px #183247 solid
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form .editor-hascontent,.__module-tickets__new-ticket__5b9ed .new-ticket-form .editor-onfocus,.__module-tickets__new-ticket__5b9ed .new-ticket-form .ticket-action:focus {
border-bottom: 1px #02b875 solid
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form .ticket-editor__footer {
border-radius: 0
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form__form-for {
margin: 35px auto 0;
padding: 0 20px
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form__info-text {
color: #6f7c87;
padding-top: 49px;
padding-bottom: 5px
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form__info-text__inline {
display: inline-block
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form .help-block {
font-size: 11px;
margin-top: 3px;
color: #acb6be;
position: absolute;
-webkit-font-smoothing: antialiased
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form .assignto-filter-wrap {
position: relative
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form .assignto-filter-wrap .ember-power-select-status-icon {
top: -20px
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form .ember-power-select-trigger,.__module-tickets__new-ticket__5b9ed .new-ticket-form .ember-power-select-trigger-multiple-input {
margin-top: 5px
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form__requester {
margin-top: 21px
}
.__module-tickets__new-ticket__5b9ed .new-ticket-form .responsive {
height: auto
}
.__module-tickets__new-ticket__5b9ed .requester-and-cc-link {
padding-top: 6px;
color: #448ee1
}
.__module-tickets__new-ticket__5b9ed .requester-and-cc-link__separator-link {
padding: 0 9px
}
.__module-tickets__new-ticket__5b9ed .requester-and-cc:hover {
cursor: pointer
}
.__module-tickets__new-ticket__5b9ed .requester-label-selected {
color: #02b875
}
.__module-tickets__new-ticket__5b9ed .requester-label-require {
color: #ff5959
}
.__module-tickets__new-ticket__5b9ed .requester-field {
margin-top: 2px
}
.__module-tickets__new-ticket__5b9ed .requester__cc-label {
color: #acb6be;
padding-top: 20px
}
.__module-tickets__new-ticket__5b9ed .requester-info-sidebar {
margin-top: -50px
}
.__module-tickets__new-ticket__5b9ed .requester-info-sidebar__title {
padding-top: 11px
}
.__module-tickets__new-ticket__5b9ed .requester-info-sidebar__loading {
text-align: center;
padding-top: 60px
}
.__module-tickets__new-ticket__5b9ed .requester-info-sidebar__present {
display: block;
text-align: center;
padding-top: 50px;
margin-left: 10px
}
.__module-tickets__new-ticket__5b9ed .requester-info-sidebar__present__item-info {
opacity: .33;
font-weight: 100;
font-size: 12px;
margin-top: -6px;
padding-left: 18px
}
.__module-tickets__new-ticket__5b9ed .requester-info-sidebar__present__empty,.__module-tickets__new-ticket__5b9ed .requester-info-sidebar__present__new-info {
font-weight: 600
}
.__module-tickets__new-ticket__5b9ed .custom-create__span {
float: left;
margin-right: 6px;
margin-top: 3px
}
.__module-tickets__new-ticket__5b9ed .add-requester__add-text {
padding-right: 5px
}
.__module-tickets__new-ticket__5b9ed .add-requester__cancel-text {
color: #448ee1;
font-weight: 500
}
.__module-tickets__new-ticket__5b9ed .add-requester__cancel-text:hover {
cursor: pointer
}
.__module-tickets__new-ticket__5b9ed .add-requester__mandatory-text {
color: #acb6be
}
.__module-tickets__new-ticket__5b9ed .add-requester__cc-gap {
padding-bottom: 20px
}
.__module-tickets__new-ticket__5b9ed .add-requester-field {
border-left: #dadfe3 1px dashed;
padding-left: 18px;
color: #183247;
margin-top: 5px;
padding-bottom: 5px
}
.__module-tickets__new-ticket__5b9ed .add-requester-field__company-label {
margin-bottom: 20px
}
.__module-tickets__new-ticket__5b9ed .submit-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.__module-tickets__new-ticket__5b9ed .responsive {
background: #fff;
border-radius: 2px;
margin-top: -85px
}
.__module-tickets__new-ticket__5b9ed .modal__footer__btn {
margin: 3px
}
.__module-tickets__new-ticket__5b9ed .modal__footer__label {
margin-right: 10px;
font-weight: 500
}
.__module-tickets__new-ticket__5b9ed .modal__footer__checkbox {
float: left
}
.__module-tickets__new-ticket__5b9ed .create-ticket-footer {
position: sticky;
z-index: 10;
bottom: 0;
padding: 16px 0 16px 16px;
text-align: right;
margin: 0 auto;
background-color: #fff;
border-top: 1px solid #e5e5e5
}
.__module-tickets__new-ticket__5b9ed .submit-btn-and-close {
display: inline-block
}
.__module-tickets__new-ticket__5b9ed .submit-btn-and-close .send-and-set {
padding-bottom: 3px
}
.__module-tickets__new-ticket__5b9ed .submit-btn-and-close .send-and-set .set-btn {
min-width: 20px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding-left: 8px;
padding-right: 8px
}
.__module-tickets__new-ticket__5b9ed .submit-btn-and-close .send-and-set .set-btn .caret {
margin-bottom: 2px
}
.__module-tickets__new-ticket__5b9ed .submit-btn-and-close .send-and-set .ember-basic-dropdown {
float: left
}
.__module-tickets__new-ticket__5b9ed .submit-btn-and-close .send-and-set-dropdown {
right: 0
}
.__module-tickets__new-ticket__5b9ed .submit-btn-and-close .send-and-set-dropdown .dropdown-normal {
max-height: 255px;
overflow-y: auto;
margin-bottom: 0
}
.__module-tickets__new-ticket__5b9ed .create-another-ticket:hover {
cursor: pointer
}
.__module-tickets__new-ticket__5b9ed .app-form .error .ember-power-select-trigger {
border-bottom: 1px #ff5959 solid
}
.__module-tickets__new-ticket__ticket-form-field__1a5b4 .text--specific {
margin-bottom: -8px
}
.__module-tickets__new-ticket__ticket-form-field__1a5b4 .tag-list {
margin-bottom: 20px
}
.__module-tickets__new-ticket__ticket-form-field__1a5b4 .tag-list .ember-power-select-trigger-multiple-input {
margin-top: 0
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associated-loading {
padding: 35% 0
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container {
height: calc(100vh - 150px);
overflow: hidden;
overflow-y: scroll;
position: relative
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container.mt-75 {
top: 75px
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container.no-footer {
height: calc(100vh - 100px)
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list {
padding: 10px 0;
margin: 0 0 8px;
border: 1px solid #eee;
border-radius: 5px;
opacity: 1;
transition: opacity .3s ease-in-out
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list .list-content-wrap {
padding-left: 0
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list:first-child {
margin-top: 10px
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list .col-md-10 {
padding-right: 0;
padding-left: 10px
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list .ticket-subject {
font-size: 14px;
font-weight: 400
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list .action-buttons {
padding-top: 15px;
text-align: right;
opacity: 0
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list .action-buttons a {
border: 1px solid #eee;
border-radius: 2px
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list .unlink-link {
opacity: 0;
cursor: pointer
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list.highlight:hover:not(.fade) {
background: #f3f5f7
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list.highlight:hover:not(.fade) .action-buttons,.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list.highlight:hover:not(.fade) .unlink-link {
opacity: 1;
transition: .3s ease-in-out
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list.highlight.fade {
opacity: .1
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list.highlight.fade a {
opacity: .3
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .associate-ticket-list .ticket-number {
color: #6f7c87
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .unlink-confirm {
margin-left: 0;
margin-right: 0;
min-height: 80px;
position: absolute;
margin-top: -89px;
padding: 10px;
border: 1px solid rgba(238,238,238,.44);
opacity: 0;
width: 0;
transition: opacity .4s ease-in-out;
right: 0;
white-space: nowrap;
border-radius: 5px
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .unlink-confirm.active {
opacity: 1;
width: 100%;
right: inherit
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .unlink-confirm .confirm-text {
padding: 10px 10px 5px
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .unlink-confirm .actions-links {
text-indent: 35px
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .unlink-confirm .actions-links .btn {
background: #fff;
min-width: auto
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .unlink-confirm .actions-links .btn.cancel {
color: #acb6be
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .unlink-confirm .actions-links .btn.submit {
color: #448ee1
}
.__module-tickets__shared__associated-tickets__ticket-list__5ceb3 .associate-ticket-list-container .noresult-container {
text-align: center;
padding: 10%;
color: #777
}
.__module-tickets__shared__canned-response__response-item__8c086 .attachment-thumb {
margin-top: 20px
}
.__module-tickets__shared__canned-response__response-item__8c086 .attachment-thumb .itemholder .item {
min-width: 100px
}
.__module-tickets__shared__collision-dropdown-hover__2d261 {
margin-right: 5px;
float: right;
display: inline-block;
vertical-align: middle;
position: relative
}
.__module-tickets__shared__collision-dropdown-hover__2d261 .agent-collision-btn .ember-basic-dropdown-content--in-place {
min-width: 160px;
padding: 10px 0 7px 16px;
margin: 8px -64px;
border: 0
}
.__module-tickets__shared__collision-dropdown-hover__2d261 .agent-collision-btn .ember-basic-dropdown-content--in-place::after,.__module-tickets__shared__collision-dropdown-hover__2d261 .agent-collision-btn .ember-basic-dropdown-content--in-place::before {
content: '';
width: 0;
height: 0;
position: absolute;
left: 0;
margin: auto
}
.__module-tickets__shared__collision-dropdown-hover__2d261 .agent-collision-btn .ember-basic-dropdown-content--in-place::before {
top: -7px;
right: 1px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 7px solid #dadfe3
}
.__module-tickets__shared__collision-dropdown-hover__2d261 .agent-collision-btn .ember-basic-dropdown-content--in-place::after {
top: -6px;
right: 1px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 6px solid #fff
}
.__module-tickets__shared__collision-dropdown-hover__2d261 .agent-collision-btn .ember-basic-dropdown-content--in-place .agent_collision_option {
display: block;
overflow: hidden;
font-size: 13px;
line-height: 1.08;
text-align: left;
padding-bottom: 8px
}
.__module-tickets__shared__collision-dropdown-hover__2d261 .agent-collision-btn .ember-basic-dropdown-content--in-place .agent_collision_option:last-of-type {
padding-bottom: 0
}
.__module-tickets__shared__collision-dropdown-hover__2d261 .agent-collision-btn .ember-basic-dropdown-content--in-place .agent_collision_header {
padding-bottom: 6px;
color: #6f7c87;
font-size: 10px
}
.__module-tickets__shared__collision-dropdown-hover__2d261 .view-flip .flip-back,.__module-tickets__shared__collision-dropdown-hover__2d261 .view-flip .flip-front {
box-shadow: inset 0 0 0 2px #ebeef0;
text-align: center;
padding-top: 6px;
animation-duration: 4s;
animation-delay: 1s;
line-height: 1.2;
animation-iteration-count: infinite;
position: absolute;
top: 2px;
left: 0;
border-radius: 50%;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition-property: transform;
transition-duration: .75s;
width: 26px;
height: 26px
}
.__module-tickets__shared__collision-dropdown-hover__2d261 .view-flip {
width: 28px;
height: 28px;
perspective: 1000px;
animation: fadeInDelay .4s ease;
transform: translate3d(0,0,0)
}
.__module-tickets__shared__collision-dropdown-hover__2d261 .view-flip a {
cursor: default;
display: inline-block;
vertical-align: middle
}
.__module-tickets__shared__link-tickets__8298f a,.__module-tickets__ticket-details__add-child__71b06 .parent-template-list-container ul li a {
cursor: pointer
}
.__module-tickets__shared__collision-dropdown-hover__2d261 .view-flip .flip-front {
animation-name: rotateFrontCircle;
z-index: 5;
background-color: #fff;
color: #6f7c87
}
.__module-tickets__shared__collision-dropdown-hover__2d261 .view-flip .flip-back {
animation-name: rotateBackCircle;
z-index: 0;
transform: rotateY(-180deg);
background-color: #ff5959;
color: #fff
}
.__module-tickets__shared__link-tickets__8298f .tracker-list-top {
position: relative;
width: 100%;
padding-top: 15px;
background: #fff
}
.__module-tickets__shared__link-tickets__8298f .tracker-list-top .tracker-search .search-container {
position: absolute;
right: 0;
left: 90px;
top: -13px
}
.__module-tickets__shared__link-tickets__8298f .tracker-list-top .tracker-search .search-container .modal-search {
padding-bottom: 5px
}
.__module-tickets__shared__link-tickets__8298f .tracker-list-top .tracker-search .search-container .merge-search-ticket {
margin-top: 6px
}
.__module-tickets__shared__link-tickets__8298f .tracker-list-top .tracker-search .search-container .tracker-search-dropdown {
padding-left: 20px;
border-bottom: 1px #dadfe3 solid;
height: 26px
}
.__module-tickets__shared__link-tickets__8298f .tracker-list-top .tracker-search .search-container .tracker-search-dropdown:hover {
border-bottom: 1px #707070 solid;
transition: .2s easein
}
.__module-tickets__shared__link-tickets__8298f .tracker-list-top .tracker-list-label {
padding: 0 0 10px;
color: #acb6be
}
.__module-tickets__shared__ticket-notifications__notifications-list__notification-item__97de1 .notifications-list__item {
width: 100%;
border-bottom: solid 1px #dadfe3
}
.__module-tickets__shared__ticket-notifications__notifications-list__notification-item__97de1 .notifications-list__item .list-content-wrap {
padding-left: 10px
}
.__module-tickets__shared__ticket-notifications__notifications-list__notification-item__97de1 .notification-msg {
padding-top: 1px
}
.__module-tickets__shared__ticket-notifications__notifications-list__notification-item__97de1 .notification-msg:hover {
color: #448ee1
}
.__module-tickets__shared__ticket-notifications__notifications-list__d83c4 .notifications-list {
padding: 0
}
.__module-tickets__shared__ticket-notifications__notifications-list__d83c4 .notifications-list__item {
padding: 12px 15px
}
.__module-tickets__shared__ticket-notifications__notifications-list__d83c4 .notifications-list__item .list-content-wrap {
padding-left: 10px
}
.__module-tickets__shared__ticket-notifications__notifications-list__d83c4 .load-more {
text-align: center;
color: #448ee1
}
.__module-tickets__shared__ticket-notifications__notifications-list__d83c4 .load-more-text {
padding: 12px 15px;
display: inline-block;
width: 100%
}
.__module-tickets__shared__ticket-notifications__notifications-list__d83c4 .load-more-text--clicked {
background-color: #f8f9fa;
color: #6f7c87
}
.__module-tickets__shared__ticket-notifications__notifications-list__d83c4 .notification-read {
filter: grayscale(100%);
opacity: .5
}
.__module-tickets__shared__ticket-notifications__notifications-settings__4cfea .notifications-setting-desktop {
padding: 12px 15px;
border-bottom: 1px #ebeef0 solid
}
.__module-tickets__shared__ticket-notifications__f1c6c .ticket-notification-container {
width: 400px;
max-height: 490px;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 2px 14px 0 #ebeef0;
border: 1px solid #dadfe3;
top: 27px
}
.__module-tickets__shared__ticket-notifications__f1c6c .ticket-notification-container .notifications-header {
background-color: #f9f9f9;
padding: 12px 14px;
display: inline-block;
width: 100%;
border-bottom: 1px #ebeef0 solid
}
.__module-tickets__shared__ticket-notifications__f1c6c .ticket-notification-container .notifications-header__actions {
padding-left: 20px;
padding-top: 3px
}
.__module-tickets__shared__ticket-notifications__f1c6c .notifications-list-title {
padding-top: 4px
}
.__module-tickets__shared__ticket-notifications__f1c6c .notifications-list {
max-height: 395px;
overflow-y: auto
}
.__module-tickets__shared__ticket-notifications__f1c6c .notifications-list__item {
width: 100%;
display: inline-block;
border-bottom: solid 1px #ebeef0;
padding: 12px 15px
}
.__module-tickets__shared__ticket-notifications__f1c6c .notifications-list__item:last-child {
border-bottom: none
}
.__module-tickets__shared__ticket-notifications__f1c6c .notification-unseen {
width: 10px;
height: 10px;
background-color: #ff5959;
border: 2px solid #fff;
border-radius: 50%;
position: absolute;
top: -1px;
right: -1px
}
.__module-tickets__shared__tickets-merge__9a32d .ticket-number {
text-decoration: underline;
text-decoration-color: #fff
}
.__module-tickets__shared__tickets-merge__9a32d .modal-title-subtext {
font-size: 12px
}
.__module-tickets__ticket-details__add-child__71b06 .subtext {
padding-left: 45px;
background: #fff
}
.__module-tickets__ticket-details__add-child__71b06 ul {
padding: 0
}
.__module-tickets__ticket-details__add-child__71b06 ul li {
list-style-type: none
}
.__module-tickets__ticket-details__add-child__71b06 ul li .app-icon {
width: 16px;
height: 16px;
fill-opacity: .6;
margin-top: 2px
}
.__module-tickets__ticket-details__add-child__71b06 .parent-template-list-container {
margin-top: 25px;
padding: 0 20px 0 10px
}
.__module-tickets__ticket-details__add-child__71b06 .parent-template-list-container .ember-power-select-placeholder {
padding: 0
}
.__module-tickets__ticket-details__add-child__71b06 .parent-template-list-container ul::before {
content: attr(title);
display: block;
text-transform: uppercase;
padding: 4px 0;
color: #acb6be;
font-size: 12px
}
.__module-tickets__ticket-details__add-child__71b06 .parent-template-list-container ul li {
line-height: 22px;
text-indent: 5px;
padding: 10px 0;
border-bottom: 1px solid #ebeef0
}
.__module-tickets__ticket-details__add-child__71b06 .parent-template-list-container .recently-used-templates {
margin-bottom: 55px;
margin-top: 20px
}
.__module-tickets__ticket-details__add-child__71b06 .parent-template-list-container .recently-used-templates .ticket-subject {
font-size: 14px
}
.__module-tickets__ticket-details__add-child__71b06 .child-templates-list {
padding: 0 10px
}
.__module-tickets__ticket-details__add-child__71b06 .child-templates-list .template-back {
padding: 0;
color: #448ee1
}
.__module-tickets__ticket-details__add-child__71b06 .child-templates-list .template-back .modal-icons {
margin-top: -4px
}
.__module-tickets__ticket-details__add-child__71b06 .child-templates-list .parent-title {
padding: 5px 0;
line-height: 23px;
text-indent: 5px
}
.__module-tickets__ticket-details__add-child__71b06 .child-templates-list .parent-title .template-title {
color: #02b875
}
.__module-tickets__ticket-details__add-child__71b06 .child-templates-list .child-list {
margin-top: 15px
}
.__module-tickets__ticket-details__add-child__71b06 .child-templates-list .child-list li {
padding: 5px 0 5px 25px;
line-height: 18px;
text-indent: 1px;
position: relative
}
.__module-tickets__ticket-details__add-child__71b06 .child-templates-list .child-list li::after,.__module-tickets__ticket-details__add-child__71b06 .child-templates-list .child-list li::before {
content: "";
position: absolute;
left: 8px
}
.__module-tickets__ticket-details__add-child__71b06 .child-templates-list .child-list li::before {
border-bottom: 1px solid #acb6be;
top: 9px;
width: 10px;
height: 5px
}
.__module-tickets__ticket-details__add-child__71b06 .child-templates-list .child-list li::after {
border-left: 1px solid #acb6be;
height: 100%;
width: 0;
top: -14px
}
.__module-tickets__ticket-details__add-child__71b06 .child-templates-list .child-list li .input {
float: left;
margin: 0
}
.__module-tickets__ticket-details__add-child__71b06 .child-templates-list .child-list li .unchecked {
text-decoration: line-through;
opacity: .5
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 {
position: absolute;
padding: 5px 10px;
background: #f7f9fa;
right: 16px;
top: 8px;
font-size: 12px
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .ember-basic-dropdown {
display: inline-block;
margin-right: 2px
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .ember-basic-dropdown-content--in-place {
min-width: 160px;
padding: 6px 0 7px 16px;
margin: -8px 0 0 -66px;
text-align: left;
border: 0
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .ember-basic-dropdown-content--in-place::after,.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .ember-basic-dropdown-content--in-place::before {
content: '';
width: 0;
height: 0;
position: absolute;
left: 0;
margin: auto
}
.__module-tickets__ticket-details__ticket-actions__shared__collapsed-email__9c07f .display__email:not(:last-child)::after,.__module-tickets__ticket-details__ticket-actions__shared__collapsed-email__9c07f .display__more .dis_email:not(:last-child)::after {
content: ','
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .ember-basic-dropdown-content--in-place::before {
bottom: -9px;
right: 1px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 9px solid #dadfe3
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .ember-basic-dropdown-content--in-place::after {
bottom: -7px;
right: 1px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #fff
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .agent-collision-reply-options {
display: block;
max-width: 145px;
overflow: hidden;
font-size: 13px;
line-height: 1.08;
text-align: left;
padding-bottom: 7px
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .agent-collision-reply-options:last-of-type {
padding-bottom: 0
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .agent-collision-reply-count {
display: inline-block
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .jumping-dots {
display: inline-block;
text-align: left
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .jumping-dots__dot {
display: inline-block;
width: 2px;
height: 2px;
border-radius: 50%;
margin: -.5px;
background-color: #6f7c87;
animation: jumping-dots 1.1s linear infinite
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .jumping-dots__dot:nth-child(2) {
animation-delay: -.9s
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .jumping-dots__dot:nth-child(3) {
animation-delay: -.7s
}
.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .agent-collision-reply .ember-basic-dropdown-content {
margin-top: 0
}
.__module-tickets__ticket-details__agent-collision__agents-viewing__5df85 {
margin-right: 15px
}
.__module-tickets__ticket-details__broadcasted-message__07748.broadcast-message .insert-message-link {
margin-top: 17px
}
.__module-tickets__ticket-details__broadcasted-message__07748.broadcast-message .broadcast-body-wrapper {
padding: 7px 0 15px;
border-bottom: 1px #dadfe3 dashed
}
.__module-tickets__ticket-details__broadcasted-message__07748.broadcast-message .broadcast-icon-wrapper {
position: absolute;
left: 15px;
top: 15px;
height: 30px;
width: 30px;
padding: 7px 8px;
border-radius: 10%;
background-color: #183247
}
.__module-tickets__ticket-details__broadcasted-message__07748.broadcast-message .broadcast-icon {
fill: #fff;
width: 16px;
height: 16px;
left: 8px;
top: 6px;
position: absolute
}
.__module-tickets__ticket-details__conversation__quoted-content__b2ba4 .freshdesk_quote blockquote {
border-left: 1px dotted #999
}
.__module-tickets__ticket-details__conversation__quoted-content__b2ba4 .quoted-spinner {
margin-bottom: 5px;
margin-left: 10px
}
.__module-tickets__ticket-details__conversation__03581.ticket-details__editnote {
border: 1px solid #acb6be
}
.__module-tickets__ticket-details__conversation__03581.ticket-details__editnote .edit-not-editor {
margin: -20px -30px -25px -57px;
border-top: solid 1px #acb6be
}
.__module-tickets__ticket-details__conversation__03581.ticket-details__editnote .attachment {
margin: 0;
padding-left: 16px;
background: #fff
}
.__module-tickets__ticket-details__description__e1ead {
margin-bottom: 6px;
border-radius: 2px
}
.__module-tickets__ticket-details__description__e1ead .ticket-details__item {
margin-bottom: 0
}
.__module-tickets__ticket-details__description__e1ead .ticket-details__item .add-summary {
padding: 10px 57px;
border-radius: 2px;
border-top: solid 1px #ebeef0;
background-color: #f9f9f9
}
.__module-tickets__ticket-details__description__e1ead .ticket-details__item .add-summary .add-summary-link {
color: #183247;
padding-left: 8px
}
.__module-tickets__ticket-details__description__e1ead .ticket-details__item .app-icon--summary {
padding: 0 0 0 4px
}
.__module-tickets__ticket-details__description__e1ead .text__infotext--specific {
margin-left: 4px;
color: #183247
}
.__module-tickets__ticket-details__email-failure-count__c6213 .failure-status {
color: #ff5959
}
.__module-tickets__ticket-details__email-failure__email-failure-item__5b639 .error-email {
min-height: 100px;
border-radius: 4px;
border: 1px solid #dadfe3;
padding: 15px;
margin-bottom: 5px;
overflow: hidden
}
.__module-tickets__ticket-details__email-failure__email-failure-item__5b639 .error-email-warning {
color: #ff5959;
font-weight: 600;
margin: 4px 0;
padding-left: 30px
}
.__module-tickets__ticket-details__email-failure__email-failure-item__5b639 .error-email-text {
padding-left: 30px
}
.__module-tickets__ticket-details__email-failure__email-failure-item__5b639 .error-email-text .add-note-admin,.__module-tickets__ticket-details__email-failure__email-failure-item__5b639 .error-email-text .unblock-recipient,.__module-tickets__ticket-details__email-failure__email-failure-item__5b639 .error-email-text .unblocked-recipient {
width: 18px;
height: 18px
}
.__module-tickets__ticket-details__meta-info__seen-articles__a603a.seen-articles {
border: 1px solid #ebeef0;
margin: 0 27px 27px 57px;
padding: 15px;
border-radius: 4px;
background-color: #f9f9f9
}
.__module-tickets__ticket-details__meta-info__seen-articles__a603a.seen-articles .article-item {
margin-bottom: 4px
}
.__module-tickets__ticket-details__meta-info__seen-articles__a603a.seen-articles .article-message {
color: #183247;
padding-bottom: 6px
}
.__module-tickets__ticket-details__meta-info__seen-articles__a603a.seen-articles .show-more {
color: #448ee1;
padding-left: 20px
}
.__module-tickets__ticket-details__meta-info__seen-articles__a603a.hide-articles .hide-article {
display: none
}
.__module-tickets__ticket-details__properties-info__73e87 .closed-status .timeago-wrap::first-letter {
text-transform: uppercase
}
.__module-tickets__ticket-details__properties-info__73e87.is-not-actionable {
border-color: #ffd0d0
}
.__module-tickets__ticket-details__properties__e04b2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 60px;
height: 100%;
overflow: hidden;
background-color: #fff;
border-bottom: 1px #ebeef0 solid
}
.__module-tickets__ticket-details__properties__e04b2 .requestor-filter {
height: 90%;
position: relative
}
.__module-tickets__ticket-details__properties__e04b2 .ticket-sidebar-sticky {
height: 50px
}
.__module-tickets__ticket-details__properties__e04b2 .form-wrap--ticket-details {
position: absolute;
right: 0;
left: 0;
top: 53px;
bottom: 0;
padding: 0 0 0 20px
}
.__module-tickets__ticket-details__properties__e04b2 .form-wrap--ticket-details .tse-scrollable .scrollable-content {
padding-right: 20px
}
.__module-tickets__ticket-details__properties__e04b2 .app-form {
margin-top: -2px
}
.__module-tickets__ticket-details__properties__e04b2 .app-form .assignto-filter-wrap {
position: relative
}
.__module-tickets__ticket-details__properties__e04b2 .app-form .assignto-filter-wrap .ember-power-select-status-icon {
right: 3px
}
.__module-tickets__ticket-details__properties__e04b2 .property-submit {
background-color: #f8f9fa;
position: absolute;
width: 250px;
height: 60px;
border-top: 1px #ebeef0 solid;
padding: 18px 16px;
bottom: 0
}
.__module-tickets__ticket-details__properties__e04b2 .ticket-details-submit {
position: relative;
padding: 8px 15px 6px;
z-index: 1;
bottom: 0;
left: 0
}
.__module-tickets__ticket-details__requester-widget__43704 .requester-company-error div {
border-color: #ff5959
}
.__module-tickets__ticket-details__f07dc .ticket-not-actionable {
padding-bottom: 0
}
.__module-tickets__ticket-details__f07dc.has-error .ticketaction__header {
border-radius: 0
}
.__module-tickets__ticket-details__f07dc .conversation-divider {
font-size: 13px;
color: #9ea1a9;
display: block;
text-align: center;
border-bottom: 1px solid #dadfe3;
margin-bottom: 14px;
line-height: 12px
}
.__module-tickets__ticket-details__f07dc .conversation-divider span {
position: relative;
top: 7px;
padding: 14px;
background: #ebeef0
}
.__module-tickets__ticket-details__f07dc .activities-conversation,.__module-tickets__ticket-details__f07dc .activities-description {
cursor: pointer;
min-height: 65px
}
.__module-tickets__ticket-details__f07dc .activities-conversation .forum-ticket,.__module-tickets__ticket-details__f07dc .activities-conversation .ticket-details__item__content,.__module-tickets__ticket-details__f07dc .activities-description .forum-ticket,.__module-tickets__ticket-details__f07dc .activities-description .ticket-details__item__content {
display: none
}
.__module-tickets__ticket-details__f07dc .activities-conversation:hover,.__module-tickets__ticket-details__f07dc .activities-description:hover {
border-color: #bdc6cd
}
.__module-tickets__ticket-details__f07dc .activities-conversation.ticket-details__requestor:hover,.__module-tickets__ticket-details__f07dc .activities-description.ticket-details__requestor:hover {
border-color: #93cadb
}
.__module-tickets__ticket-details__f07dc .activities-conversation.ticket-details__privatenote:hover,.__module-tickets__ticket-details__f07dc .activities-description.ticket-details__privatenote:hover {
border-color: #ffd895
}
.__module-tickets__ticket-details__f07dc .text-list__item {
line-height: 1.5
}
.__module-tickets__ticket-details__f07dc .property-update {
display: table-cell
}
.__module-tickets__ticket-details__f07dc .activity--requestor {
background-color: #fff
}
.__module-tickets__ticket-details__f07dc .dropdown:hover .dropdown-menu {
display: block
}
.__module-tickets__ticket-details__f07dc .meta-info-dropdown p:nth-last-child(1) {
margin-bottom: 0
}
.__module-tickets__ticket-details__f07dc .archive-warning {
margin: 10px 0;
background: #fffade;
border-radius: 2px;
border: 1px solid #ffebc8;
border-left: solid 2px #ffad1e;
display: flex;
align-items: center;
padding: 6px 0
}
.__module-tickets__ticket-details__f07dc .archive-warning--icon {
min-height: inherit;
position: absolute;
margin-left: 16px;
transform: rotate(180deg)
}
.__module-tickets__ticket-details__f07dc .archive-warning--help-text {
margin-left: 50px;
padding: 6px
}
.__module-tickets__ticket-details__f07dc .ember-power-select-trigger {
border-bottom-style: dotted
}
.__module-tickets__ticket-details__f07dc .ember-power-select-trigger[aria-disabled=true] {
cursor: default;
background: #fff
}
.__module-tickets__ticket-details__f07dc .ember-power-select-trigger:hover[aria-disabled=true] {
border-bottom: 1px dotted #dadfe3
}
.__module-tickets__ticket-details__summary__9d34e .summary {
border-radius: 2px;
background-color: #f9f9f9;
padding: 10px 56px 25px;
border-top: solid 1px #ebeef0
}
.__module-tickets__ticket-details__summary__9d34e .summary .ticket-action__editor {
margin-top: 10px;
border: 1px solid #dadfe3;
border-radius: 2px
}
.__module-tickets__ticket-details__summary__9d34e .summary .ticket-action__editor .ticket-editor__footer {
background-color: #f9f9f9;
padding-top: 14px
}
.__module-tickets__ticket-details__summary__9d34e .summary .app-icon--summary {
margin-right: 8px
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details {
background-color: #f9f9f9;
padding: 30px 20px 40px;
border-top: solid 1px #ebeef0
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-icon {
float: left;
padding-top: 5px;
margin-top: 3px
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-icon .app-icon--summary {
padding: 6px 5px 2px
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-icon .app-icon--summary .app-icon {
height: 14px;
width: 14px
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content {
margin-left: 35px;
padding-left: 12px;
border-left: 2px solid #ebeef0
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content.edit-summary {
padding-left: 0;
border: 0;
margin-left: 49px
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content .ticket-details__item__content .editor-edit-note,.__module-tickets__ticket-details__ticket-actions__reply__c7d0a .reply-btn-wrapper .dropdown-menu {
border: 1px solid #dadfe3
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content .ticket-details__item__content {
margin: 26px 36px 0 0
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content .ticket-details__item__content .attachment {
margin: 0;
background-color: #fff;
padding: 5px 10px 0
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content .ticket-details__item__content .ticket-editor__footer {
background-color: #f9f9f9;
padding-top: 14px
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content .ticket-details__item__header {
padding: 0;
background-color: #f9f9f9;
min-height: 0
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content .ticket-details__item__header .secondary-info,.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content .ticket-details__item__header .summary-header .dropdown-recent-ticket__item,.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content .ticket-details__item__header .summary-header .text__content {
padding-top: 2px
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content .ticket-details__item__header .summary-header {
font-size: 16px;
font-weight: 700
}
.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content .ticket-details__item__header .__ui-form__editor__social-editor__0a3ff .socialeditor__count,.__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content .ticket-details__item__header .text__infotext,.__ui-form__editor__social-editor__0a3ff .__module-tickets__ticket-details__summary__summary-details__09572 .summary-details .summary-content .ticket-details__item__header .socialeditor__count {
padding-right: 2px
}
.__module-tickets__ticket-details__summary__summary-details__09572 .attachment-thumb {
margin: 0;
padding: 0 56px 20px 67px;
background-color: #f9f9f9
}
.__module-tickets__ticket-details__ticket-actions__reply__c7d0a .reply-btn-wrapper.disabled .reply-btn,.__module-tickets__ticket-details__ticket-actions__reply__c7d0a .reply-btn-wrapper.disabled button {
cursor: not-allowed
}
.__module-tickets__ticket-details__ticket-actions__shared__collapsed-email__9c07f,.__module-tickets__ticket-details__widgets__associate-tickets__4a99f .associate-tickets-widgets a {
cursor: pointer
}
.__module-tickets__ticket-details__ticket-actions__reply__c7d0a .reply-btn-wrapper .draft-status {
display: inline-block;
padding-right: 10px;
font-size: 12px;
color: #acb6be
}
.__module-tickets__ticket-details__ticket-actions__reply__c7d0a .reply-btn-wrapper .reply-btn {
display: inline-block
}
.__module-tickets__ticket-details__ticket-actions__reply__c7d0a .reply-btn-wrapper .reply-btn .send-and-set {
padding-bottom: 0
}
.__module-tickets__ticket-details__ticket-actions__reply__c7d0a .reply-btn-wrapper .discard-draft {
display: inline-block
}
.__module-tickets__ticket-details__ticket-actions__reply__c7d0a .reply-btn-wrapper .app-icon-btn {
height: 32px;
width: 36px;
padding: 8px
}
.__module-tickets__ticket-details__ticket-actions__shared__change-actions__52e81 {
display: inline-block
}
.__module-tickets__ticket-details__ticket-actions__shared__change-actions__52e81 .ember-basic-dropdown .ember-basic-dropdown-content {
min-width: 150px;
border: 1px solid #dadfe3
}
.__module-tickets__ticket-details__ticket-actions__shared__collapsed-email__9c07f .display__email {
font-size: 13px
}
.__module-tickets__ticket-details__ticket-actions__shared__collapsed-email__9c07f .display__more {
color: #448ee1;
cursor: pointer
}
.__module-tickets__ticket-details__ticket-actions__shared__send-and-set__22880 {
display: inline-block
}
.__module-tickets__ticket-details__ticket-actions__shared__send-and-set__22880 .send-and-set {
padding-bottom: 3px
}
.__module-tickets__ticket-details__ticket-actions__shared__send-and-set__22880 .send-and-set .set-btn {
min-width: 20px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding-left: 8px;
padding-right: 8px
}
.__module-tickets__ticket-details__ticket-actions__shared__send-and-set__22880 .send-and-set .set-btn .caret {
margin-bottom: 2px
}
.__module-tickets__ticket-details__ticket-actions__shared__send-and-set__22880 .send-and-set .ember-basic-dropdown {
float: left
}
.__module-tickets__ticket-details__ticket-actions__shared__send-and-set__22880 .send-and-set-dropdown {
right: 0
}
.__module-tickets__ticket-details__ticket-actions__shared__send-and-set__22880 .send-and-set-dropdown .dropdown-normal {
max-height: 255px;
overflow-y: auto;
margin-bottom: 0
}
.__module-tickets__ticket-details__ticket-actions__shared__send-and-set__22880 .send-and-set-dropdown .list--active .send-and-set-item {
background-color: #ebedf0
}
.__module-tickets__ticket-details__ticket-breadcrumb-info__cac15 .ticket__info {
line-height: 1.8;
font-size: 13px;
font-weight: 500
}
.__module-tickets__ticket-details__ticket-breadcrumb-info__cac15 .ticket-status-notification__icon {
margin-right: 3px
}
.__module-tickets__ticket-details__ticket-breadcrumb-info__cac15 .ticket-source.icon-wrap {
width: 24px;
height: 24px;
font-size: 15px
}
.__module-tickets__ticket-details__widgets__associate-tickets__4a99f .associate-tickets-widgets .add-more-label {
font-size: 11px
}
.__module-tickets__ticket-details__widgets__associate-tickets__4a99f .associate-tickets-widgets .separator {
color: #6f7c87
}
.__module-tickets__ticket-details__widgets__associate-tickets__4a99f .associate-tickets-widgets .separator::after,.__module-tickets__ticket-details__widgets__associate-tickets__4a99f .associate-tickets-widgets .separator::before {
content: "";
width: 43%;
background: #ccc;
display: inline-block;
height: 1px;
vertical-align: middle
}
.__module-tickets__ticket-details__widgets__associate-tickets__4a99f .associate-tickets-widgets .separator::after {
margin-left: 6px
}
.__module-tickets__ticket-details__widgets__associate-tickets__4a99f .associate-tickets-widgets .separator::before {
margin-right: 6px
}
.__module-tickets__ticket-details__widgets__associate-tickets__4a99f .associate-tickets-widgets .link-actions .app-icon {
height: 38px;
width: 32px
}
.__module-tickets__ticket-details__widgets__associate-tickets__4a99f .associate-tickets-widgets .add-child-actions,.__module-tickets__ticket-details__widgets__associate-tickets__4a99f .associate-tickets-widgets .link-actions {
display: inline-block;
vertical-align: text-top
}
.__module-tickets__ticket-details__widgets__associate-tickets__4a99f .associate-tickets-widgets .sidebar__title {
cursor: default
}
.__module-tickets__ticket-details__widgets__associate-tickets__ticket__74fe5 .tickets__ticket {
margin-top: -2px
}
.__module-tickets__ticket-details__widgets__associate-tickets__ticket__74fe5 .tickets__ticket .ticket-subject {
font-size: 13px
}
.__module-tickets__ticket-details__widgets__associate-tickets__ticket__74fe5 .widget-unlink-btn {
padding-top: 8px
}
.__module-tickets__ticket-details__widgets__associate-tickets__ticket__74fe5 .tickets__details {
line-height: 1.35
}
.__module-tickets__ticket-details__widgets__requester-info__2e172 {
margin-top: 2px
}
.__module-tickets__ticket-details__widgets__requester-info__2e172 .info-details {
margin-top: 16px
}
.__module-tickets__ticket-details__widgets__requester-info__2e172 .info-details__company:hover {
text-decoration: none
}
.__module-tickets__ticket-details__widgets__requester-info__2e172 .info-details__item {
margin-top: 14px
}
.__module-tickets__ticket-details__widgets__requester-info__2e172 .info-details__item:first-child {
margin-top: 3px
}
.__module-tickets__ticket-details__widgets__requester-info__2e172 .info-details__item__title {
padding: 3px 0 0 50px
}
.__module-tickets__ticket-details__widgets__requester-info__2e172 .info-details__item .contacts__cardpic {
margin: 4px 0
}
.__module-tickets__ticket-details__widgets__requester-info__2e172 .info-details-content {
padding-top: 4px
}
.__module-tickets__ticket-details__widgets__requester-info__2e172 .info-details-content:hover .contacts__fields--content-icon {
display: inline-block
}
.__module-tickets__ticket-details__widgets__requester-info__2e172 .widget-requestor-info {
width: 156px;
display: inline-block
}
.__module-tickets__ticket-details__widgets__requester-info__2e172 .association-warning {
position: relative;
top: 3px
}
.__module-tickets__ticket-details__widgets__requester-info__2e172 .company-info.company-hint::after {
width: 180px;
white-space: normal;
left: 50px
}
.__module-tickets__ticket-form__c1c21 .edit-requester {
margin-top: 15px
}
.__module-tickets__ticket-form__c1c21 .help-block {
font-size: 11px;
margin-top: 3px;
color: #acb6be;
position: absolute;
-webkit-font-smoothing: antialiased
}
.__module-tickets__ticket-form__c1c21 .app-form .error .ember-power-select-trigger {
border-bottom: 1px #ff5959 solid
}
.__module-tickets__ticket-template__dd7f9 .make_inline {
display: inline-block
}
.__module-tickets__ticket-template__dd7f9 .vmid {
vertical-align: middle
}
.__module-tickets__ticket-template__dd7f9 ._heading {
font-size: 12px;
font-weight: 600;
letter-spacing: .5px;
text-align: left;
color: #183247;
text-transform: uppercase;
line-height: 14px
}
.__module-tickets__ticket-template__dd7f9 .clearlink {
margin-left: 10px;
line-height: 14px;
cursor: pointer;
position: absolute;
top: 14px;
left: 130px
}
.__module-tickets__ticket-template__dd7f9 .sidebar-present .ticket-template-block .sidebar {
padding-left: 0;
padding-right: 0;
background: #f9f9f9;
width: 310px
}
.__module-tickets__ticket-template__dd7f9 .clearboth {
clear: both
}
.__module-tickets__ticket-template__dd7f9 .template_list_icon {
position: relative;
top: 2px
}
.__module-tickets__ticket-template__dd7f9 .template_sidebar .filter-expand {
display: none
}
.__module-tickets__ticket-template__dd7f9 .powerselect_holder .ember-power-select-placeholder {
padding-bottom: 0
}
.__module-tickets__ticket-template__dd7f9 .contactwidget_wrapper .requester-info-sidebar__present__item-info {
width: auto;
margin-top: 0;
padding-left: 0
}
.__module-tickets__ticket-template__dd7f9 h5 {
font-size: 11px;
line-height: 1.64;
text-align: left;
color: #6f7c87;
margin: 8px 0 0
}
.__module-tickets__ticket-template__dd7f9 .child_templates,.__module-tickets__ticket-template__dd7f9 .recent_templates {
margin: 3px 0 0;
padding: 0
}
.__module-tickets__ticket-template__dd7f9 .child_templates .recent-item,.__module-tickets__ticket-template__dd7f9 .recent_templates .recent-item {
list-style: none;
margin-bottom: 4px
}
.__module-tickets__ticket-template__dd7f9 .child_templates .recent-item .recent-item-link,.__module-tickets__ticket-template__dd7f9 .recent_templates .recent-item .recent-item-link {
font-size: 13px;
line-height: 1.38;
text-align: left;
color: #239cff
}
.__module-tickets__ticket-template__dd7f9 .child_templates.child_templates,.__module-tickets__ticket-template__dd7f9 .recent_templates.child_templates {
border-left: 1px solid #979797
}
.__module-tickets__ticket-template__dd7f9 .child_templates.child_templates li,.__module-tickets__ticket-template__dd7f9 .recent_templates.child_templates li {
padding-bottom: 9px;
position: relative;
top: 20px;
list-style: none
}
.__module-tickets__ticket-template__dd7f9 .child_templates.child_templates li::before,.__module-tickets__ticket-template__dd7f9 .recent_templates.child_templates li::before {
display: inline-block;
content: '';
width: 8px;
margin-right: 7px;
border-bottom: 1px solid #979797;
position: relative;
bottom: 6px
}
.__module-tickets__ticket-template__dd7f9 .child_templates.child_templates li a,.__module-tickets__ticket-template__dd7f9 .recent_templates.child_templates li a {
font-size: 13px;
font-weight: regular;
text-align: left;
color: #183247;
cursor: pointer
}
.__module-tickets__ticket-template__dd7f9 .child_templates.child_templates li a:hover,.__module-tickets__ticket-template__dd7f9 .recent_templates.child_templates li a:hover {
text-decoration: none
}
.__module-tickets__ticket-template__dd7f9 .child_templates.child_templates li a input[type=checkbox],.__module-tickets__ticket-template__dd7f9 .recent_templates.child_templates li a input[type=checkbox] {
margin-right: 7px
}
.__module-tickets__ticket-template__dd7f9 .search-text input[type=text] {
border-bottom: 1px solid #02b875
}
.__module-tickets__ticket-template__dd7f9 input[type=checkbox] {
-webkit-appearance: none;
background: #fff;
border: 1px solid #dadfe3;
height: 13px;
position: relative;
width: 13px;
border-radius: 2px;
margin-top: 0;
cursor: pointer
}
.__module-tickets__ticket-template__dd7f9 input[type=checkbox]:focus {
outline: 0
}
.__module-tickets__ticket-template__dd7f9 input[type=checkbox]::after {
position: absolute;
content: '';
display: block;
height: 16px;
background: 0 0;
bottom: -4px
}
.__module-tickets__ticket-template__dd7f9 input[type=checkbox]:checked {
background: #02b878;
border: 3px solid #02b875;
padding: 0
}
.__module-tickets__ticket-template__dd7f9 input[type=checkbox]:checked::before {
border: 0;
position: relative;
left: 1px;
top: -1px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg);
content: '';
display: block;
width: 5px;
height: 7px
}
.__module-tickets__ticket-template__dd7f9 .template_form {
-webkit-animation-duration: 1s ease-in-out;
animation-duration: 1s ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear
}
.__module-tickets__ticket-template__dd7f9 .template_disabled {
opacity: .5
}
.__module-tickets__ticket-template__dd7f9 .template_enabled {
-webkit-animation-name: halfFadeIn;
animation-name: halfFadeIn
}
.__module-tickets__ticket-template__dd7f9 .ticket_template_powerselect .ember-power-select-option {
padding: 2px 5px 0
}
.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .responsive {
background: #fff;
border-radius: 3px;
margin-bottom: 10px
}
.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .archive-ticket-export__form {
margin: -50px auto 0;
padding: 10px
}
.__app-components__assign-to__options__31e43 .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.item-selected,.__app-components__assign-to__title__c20c1 .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.tab-title,.__app-components__assign-to__title__c20c1 .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.tab-value-assigned,.__app-components__widget-sidebar__widget__ca461 .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title,.__module-dashboard__unresolved-tickets__532db .unresolved__table .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.lt-cell:first-child,.__module-dashboard__unresolved-tickets__532db .unresolved__table .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export thead.sidebar__title.lt-head,.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.agent-collision-reply-count,.__module-tickets__ticket-details__ticket-actions__shared__collapsed-email__9c07f .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.display__email,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .__app-components__assign-to__options__31e43 .sidebar__title.item-selected,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .__app-components__assign-to__title__c20c1 .sidebar__title.tab-title,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .__app-components__assign-to__title__c20c1 .sidebar__title.tab-value-assigned,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .__app-components__widget-sidebar__widget__ca461 .sidebar__title,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .__module-dashboard__unresolved-tickets__532db .unresolved__table .sidebar__title.lt-cell:first-child,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .__module-dashboard__unresolved-tickets__532db .unresolved__table thead.sidebar__title.lt-head,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .sidebar__title.agent-collision-reply-count,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .__module-tickets__ticket-details__ticket-actions__shared__collapsed-email__9c07f .sidebar__title.display__email,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .__page-layout__page-sidebar__11338 .sidebar__title,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .__ui-components__fresh-pagination__07dbe .pagination-wrapper .sidebar__title.pagination__gap,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .__ui-components__fresh-pagination__07dbe .pagination-wrapper .sidebar__title.pagination__link,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .__ui-components__refresh-notification__9962b .sidebar__title.refresh-notification__container__count,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .add-timer .sidebar__title.time-count,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .app-form .sidebar__title.ember-power-select-selected-item,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .fresh-table .list thead .sidebar__title.lt-column,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .fresh-table .list thead th.sidebar__title,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .input.has-content input.sidebar__title[type=text],.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .input.has-content input.sidebar__title[type=email],.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .input.has-content input.sidebar__title[type=password],.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .input.has-content input.sidebar__title[type=date],.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .input.has-content input.sidebar__title[type=number],.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .input.has-content textarea.sidebar__title,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .lt-head .sidebar__title.lt-column,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.app-icon-btn,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.breadcrumb__item,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.btn,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.ember-power-select-multiple-option,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.lightbox-label,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.mini-list-subject,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.mini-list-title,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.modal-title,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.search-clear,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.text--semibold,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.ticket-action__clear,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.ticket-action__fbpagename,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.ticket-action__replyhandle,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.ticket-action__requester,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .ticket-action .ember-power-select-trigger .sidebar__title.ember-power-select-selected-item,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .ticket-action__copyemail span.sidebar__title,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .ticket-details .sidebar__title.ticket-sidebar-sticky,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .ticket-details__item--more .sidebar__title.more-count,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .valid .editor-create-ticket .sidebar__title.caption,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .valid .editor-edit-note .sidebar__title.caption,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .valid .input .sidebar__title.ember-power-select-placeholder,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .valid .input label.sidebar__title,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .valid .input textarea.sidebar__title,.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .valid input.sidebar__title,.__page-layout__page-sidebar__11338 .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title,.__ui-components__fresh-pagination__07dbe .pagination-wrapper .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.pagination__gap,.__ui-components__fresh-pagination__07dbe .pagination-wrapper .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.pagination__link,.__ui-components__refresh-notification__9962b .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.refresh-notification__container__count,.add-timer .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.time-count,.app-form .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.ember-power-select-selected-item,.fresh-table .list thead .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.lt-column,.fresh-table .list thead .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export th.sidebar__title,.input.has-content .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export input.sidebar__title[type=text],.input.has-content .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export input.sidebar__title[type=email],.input.has-content .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export input.sidebar__title[type=password],.input.has-content .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export input.sidebar__title[type=date],.input.has-content .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export input.sidebar__title[type=number],.input.has-content .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export textarea.sidebar__title,.lt-head .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.lt-column,.ticket-action .ember-power-select-trigger .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.ember-power-select-selected-item,.ticket-action__copyemail .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export span.sidebar__title,.ticket-details .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.ticket-sidebar-sticky,.ticket-details__item--more .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.more-count,.valid .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export input.sidebar__title,.valid .editor-create-ticket .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.caption,.valid .editor-edit-note .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.caption,.valid .input .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar__title.ember-power-select-placeholder,.valid .input .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export label.sidebar__title,.valid .input .__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export textarea.sidebar__title {
margin-top: 30px
}
.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar {
margin-top: -50px;
padding: 0 16px;
text-align: center
}
.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .sidebar .archive-icon {
margin: 20px 0
}
.__module-tickets__tickets-list__archive-export__1e47c #archive-ticket-export .archive-ticket-export__button {
text-align: right;
padding: 20px
}
.__module-tickets__tickets-list__quick-reply__32f26 .quick-reply__editor {
width: 100%;
margin-left: -40px;
margin-right: 30px;
position: fixed;
bottom: 0
}
.__module-tickets__tickets-list__quick-reply__32f26 .quick-reply__last-note {
position: fixed;
height: calc(100% - 400px);
width: 100%;
overflow: auto;
padding: 0 15px;
margin-left: -40px
}
.__module-tickets__tickets-list__quick-reply__32f26 .requester-note {
background-color: #fff;
border: 1px solid #dadfe3
}
.__module-tickets__tickets-list__quick-reply__32f26 .modal-header {
padding: 10px;
background-color: #f8f9fa
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-y: hidden;
background-color: #f9f9f9;
border-bottom: 1px #ebeef0 solid
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .ticket-closure {
height: inherit;
padding: 0;
z-index: 7
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .closure-column {
padding: 0
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .tickets {
overflow-y: auto;
margin-top: 115px;
width: 280px
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .modal-close-icon {
margin-left: 6px;
margin-top: -2px
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .ticket-closure-header {
position: fixed;
width: 49%;
top: 0;
padding: 12px;
left: 5px;
z-index: 3;
background-color: #fff
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .ticket-list {
padding: 20px 0 0 20px
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .close-warning {
background-color: #fffade;
margin-top: 15px;
margin-left: 3px;
margin-right: 6px;
padding: 10px 0;
border-radius: 2px 2px 0;
text-align: left
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .close-warning div {
display: table-cell;
position: relative;
padding: 0 15px
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .warning-content {
width: 260px
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .wrap-subject-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 210px;
float: left;
margin-right: 3px
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .error {
fill: #ff5959
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .progress-icon {
top: 8px;
left: 8px;
background-color: #f8f9fa
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .closure-ticket-properties {
position: fixed;
z-index: 1;
height: 100%;
width: 50%;
right: 0;
bottom: 0;
border-left: 1px #ebeef0 solid;
background-color: #f8f9fa
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .closure-ticket-properties>:first-child {
background-color: #f8f9fa;
top: 25px
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .closure-ticket-properties>:first-child .requestor-filter {
height: 88%
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .closure-ticket-properties>:first-child .requestor-filter .ticket-sidebar-sticky {
height: 35px;
padding-left: 20px
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .closure-ticket-properties>:first-child .requestor-filter .form-wrap--ticket-details {
top: 30px;
padding: 10px 22px 0
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .closure-ticket-properties>:first-child .property-submit {
width: 300px;
height: 65px;
bottom: 20px
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .closure-ticket-properties>:first-child .property-submit button {
position: absolute;
width: 265px;
top: 0;
bottom: 0;
left: 0;
margin: 16px 18px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .ticketaction__fields .field__input .ember-power-select-status-icon,.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .options-header .export-select-all input[type=checkbox]+label::after {
top: 3px
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .ticket-list-item {
border-top: 1px #ebedf0 solid;
border-bottom: 1px #ebedf0 solid;
border-left: 1px #ebedf0 solid;
padding: 15px 0 15px 15px;
margin-bottom: 10px;
display: table;
width: 100%;
border-radius: 2px 0 0 2px
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .ticket-list-item:hover {
cursor: pointer;
border-color: #d3dbda
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .ticket-list-item--selected {
background-color: #f8f9fa
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .ticket-list-item .subject {
height: 30px;
display: table
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .ticket-list-item .subject .center-align {
display: table-cell;
vertical-align: middle
}
.__module-tickets__tickets-list__shared__close-validation__e7a21 .ticket-sidebar-sticky__refresh-text {
display: none
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .modal-carousel_container {
overflow: visible
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .bulk-update_fromemail .ember-basic-dropdown {
display: inline-block
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .bulk-update_fromemail .ember-power-select-trigger {
border-bottom: none
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .bulk-update_fromemail .ember-power-select-selected-item {
font-size: 13px;
color: #183247
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .custom-checkbox.input {
margin: 0;
line-height: inherit
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .app-form .input {
display: block;
width: auto;
margin-top: 0
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .app-form .ember-power-select-trigger {
margin-top: 0
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .app-form .nested-fields {
margin-bottom: 0
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .editor {
position: relative;
margin-right: 40px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .editor .ignore-this {
right: -28px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .field__label {
font-size: 12px;
color: #274559;
font-weight: 400;
-webkit-font-smoothing: antialiased
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .from__email {
margin-top: 0;
line-height: 1.7
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .fr-box.fr-basic .fr-element {
min-height: 170px!important;
max-height: 180px;
padding-left: 0;
padding-top: 10px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .rich-editor {
border-radius: 0
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .ticketaction__fields .field__label {
float: left;
width: 50px;
margin-top: 2px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .ticketaction__fields .field__input,.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .ticketaction__fields .field__input .ember-power-select-trigger {
float: none
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update .ticketaction__fields .field__input.bulk-update_fromemail {
float: left
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .ignore-this {
height: 13px;
width: 13px;
background-color: #f5a623;
display: none
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .ignore-this .app-icon {
width: 9px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-checkbox-active label {
z-index: 3;
position: relative
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-checkbox-active:hover label {
opacity: 0
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-checkbox-active:hover .ignore-this {
z-index: 2;
display: block
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .input.description-default-view {
margin-right: 40px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .input.description-default-view label {
margin-bottom: 0;
margin-right: 40px;
color: #6f7c87;
font-size: 12px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-editor {
display: none
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .input-checkbox-wrapper .ember-power-select-trigger-multiple-input {
margin-top: 5px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .input-checkbox-wrapper {
padding-right: 15px;
margin-top: 5px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .wrapper-disabled {
opacity: .4
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .parent_child_warning {
margin-bottom: 10px;
bottom: 60px;
width: 90%;
background: #fff;
color: #ff5959
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update-field .bulk-update-from,.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .export-body__item .export-checkbox,.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .options-header .export-select-all {
margin-bottom: 0
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update-checkbox {
width: 25px;
float: left;
height: 36px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update-field {
width: 95%;
float: left
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update-field .bulk-update-from-label {
width: 40px;
float: left
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update-field .bulk-update-from-field {
width: 90%;
width: calc(100% - 40px);
float: left
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update-field .bulk-update-from-field .ember-power-select-trigger {
display: block;
border: 0;
margin-top: -6px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update-reply .ticket-editor__bodytext {
min-height: 50px
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update-reply .ticket-editor__bodytext .fr-placeholder {
z-index: 2;
font-size: 12px!important;
color: #acb6be;
-webkit-font-smoothing: antialiased
}
.__module-tickets__tickets-list__tickets-bulkactions__3f025 .bulk-update-reply .attachment {
margin-left: 0
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .export-body__item .dotted-tree-first,.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .export-body__item .dotted-tree-others {
padding-left: 10px;
margin-left: 6px;
border: 1px dotted #02b875;
border-width: 0 0 1px 1px;
float: left
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .export-body__item .export-checkbox input[type=checkbox]+label,.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .options-header .export-select-all input[type=checkbox]+label {
padding-top: 0;
margin-bottom: 7px;
max-width: 230px
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields {
padding: 0 0 8px 17px
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .options-header .input {
margin-bottom: 0
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .options-header .input label {
color: #6f7c87
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .options-header .export-select-all input[type=checkbox]+label::before {
top: 1px
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .options-header .select-description-fields {
padding-left: 10px;
color: #448ee1
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .export-body .horizontal-divider {
border-top: 1px dashed #ebeef0;
margin: 5px 20px 15px 0
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .export-body__item {
width: 49%;
display: inline-block
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .export-body__item .dotted-tree-first {
padding-top: 16px;
margin-top: -23px;
display: inline
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .export-body__item .dotted-tree-others {
padding-top: 21px;
margin-top: -29px;
display: inline
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .export-body__item .input label {
color: #183247
}
.__module-tickets__tickets-list__tickets-export__export-fields__5309e .export-fields .export-body__item .nested-checkbox {
margin-left: 18px;
margin-top: -14px
}
.__module-tickets__tickets-list__tickets-export__afdc8 .seperator {
padding: 5px;
display: inline-block
}
.__module-tickets__tickets-list__tickets-export__afdc8 .export-as-radioBtn {
display: inline-block
}
.__module-tickets__tickets-list__tickets-export__afdc8 .export-as-radioBtn .input {
margin-bottom: 0;
margin-top: 16px
}
.__module-tickets__tickets-list__tickets-export__afdc8 .export-as-radioBtn .radio-group {
margin-left: 22px
}
.__module-tickets__tickets-list__tickets-export__afdc8 .export-as-radioBtn .radio-group label {
color: #183247;
margin-right: 20px;
position: relative
}
.__module-tickets__tickets-list__tickets-export__afdc8 .filter-group {
padding-bottom: 10px
}
.__module-tickets__tickets-list__tickets-export__afdc8 .filter-group__by {
padding-right: 5px
}
.__module-tickets__tickets-list__tickets-export__afdc8 .filter-group__as {
padding-right: 15px
}
.__module-tickets__tickets-list__tickets-export__afdc8 .filter-group .dropdown-inline {
display: inline-block
}
.__module-tickets__tickets-list__tickets-export__afdc8 .filter-group .dropdown-inline .open-state .down-arrow {
transform: rotate(180deg)
}
.__module-tickets__tickets-list__tickets-export__afdc8 .accordion-heading {
padding-right: 7px;
padding-left: 11px
}
.__module-tickets__tickets-list__tickets-export__afdc8 .accordion-heading .accordion-title {
padding: 13px 5px
}
.__module-tickets__tickets-list__tickets-export__afdc8 .accordion-heading .accordion-title .title-block {
display: inline-block
}
.__module-tickets__tickets-list__tickets-export__afdc8 .accordion-heading .accordion-title .required-field {
color: #ff5959;
margin-left: -2px
}
.__module-tickets__tickets-list__tickets-export__afdc8 .accordion-heading .accordion-title .fields-selected {
float: right
}
.__module-tickets__tickets-list__tickets-export__afdc8 .accordion-heading .accordion-title .required-fields-count {
padding-top: 9px
}
.__module-tickets__tickets-list__tickets-export__afdc8 .accordion-heading .accordion-title .expand-item .accordion-right-bullet {
transform: rotate(90deg)
}
.__module-tickets__tickets-list__tickets-export__afdc8 .accordion-heading .accordion-title .accordion-right-bullet {
transition: .1s linear
}
.__module-tickets__tickets-list__tickets-export__afdc8 .accordion-heading .accordion-title .arrow-icon {
padding-left: 8px
}
.__module-tickets__tickets-list__tickets-export__afdc8 .dd-trigger-status {
padding-bottom: 10px
}
.__module-tickets__tickets-list__tickets-export__afdc8 .dd-content-status {
min-width: 220px;
border-radius: 4px;
padding: 10px 10px 8px
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .group-agent .assign-to-label .assign-to-label-text,.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .group-agent .assignto-filter-wrap>div,.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .status-select .ember-power-select-trigger {
padding-right: 10px
}
.__module-tickets__tickets-list__tickets-filters__8a0c0 .app-icon-btn--filter-search {
float: right;
margin-top: -30px;
margin-right: -5px
}
.__module-tickets__tickets-list__tickets-filters__8a0c0 .app-icon-btn--filter-search .app-icon {
width: 12px;
height: 12px;
stroke-width: 1px;
stroke: #6f7c87;
fill: #6f7c87
}
.__module-tickets__tickets-list__tickets-filters__8a0c0 .app-icon-btn--filter-search.active {
box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
border: 0
}
.__module-tickets__tickets-list__tickets-filters__8a0c0 .input.search-property-wrapper {
margin-bottom: 20px
}
.__module-tickets__tickets-list__tickets-filters__8a0c0 .filter-item:first-child {
margin-top: 0
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .text--red .timeago-units {
color: #6f7c87
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .group-agent {
padding-bottom: 5px
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .group-agent .ember-power-select-status-icon {
position: absolute;
right: 0;
bottom: 0;
top: 0
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .group-agent .assign-to-label .ember-power-select-status-icon {
bottom: 5px
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .list-filter__label .ember-power-select-status-icon {
position: relative;
margin-left: 1px;
margin-bottom: 3px;
left: 0;
right: 0;
bottom: 0;
top: 0
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .status-select>.ticket-list-dropselect {
padding-left: 5px
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .priority .list-filter__label {
padding-bottom: 0
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .priority .ember-power-select-trigger {
padding-right: 0
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .priority .ember-power-select-trigger .ember-power-select-selected-item {
display: inline-block;
padding-right: 10px
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .priority .ember-power-select-status-icon {
position: absolute;
right: 1px;
bottom: 0;
top: 0
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .priority>.list-filter__label {
padding-right: 10px;
padding-left: 0;
padding-top: 3px
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .priority .priority-icon {
top: 3px
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .priority-label .ember-power-select-status-icon {
position: relative;
margin-left: 7px;
margin-bottom: 2px;
left: 0;
right: 0;
bottom: 0;
top: 0
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .dropdown-status {
top: -2px
}
.__module-tickets__tickets-list__tickets-table__cell-renderer__5c15b .dropdown-status .ember-power-select-status-icon {
right: 1px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__column-add__13148 .column-search {
padding-left: 0;
margin-top: 5px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__column-item__471a7 {
margin-top: 10px;
margin-bottom: 10px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__column-item__471a7 .col {
display: inline-block;
margin-left: 10px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__column-item__471a7 .col-label {
display: inline-block;
margin-left: 5px;
vertical-align: text-bottom;
width: 156px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__column-item__471a7 .col-add,.__module-tickets__tickets-list__tickets-table__columns-chooser__column-item__471a7 .col-remove {
cursor: pointer
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__column-item__471a7 .drag-thumb {
margin-left: 10px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__column-rearrange__44780 .dynamic-title {
padding-top: 0;
padding-bottom: 5px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__search__6bf5f {
position: relative
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__search__6bf5f .app-dropdown-group {
width: 100%
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__search__6bf5f .ember-power-select-option {
padding: 5px 2px 5px 6px;
margin: 2px 0;
cursor: pointer;
border-radius: 2px;
width: 230px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__search__6bf5f .ember-power-select-options {
margin: 8px 0;
padding-left: 10px;
padding-right: 5px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__search__6bf5f .search-trigger .ember-power-select-trigger-multiple-input {
width: 100%;
border: none;
max-height: 42px;
padding: 5px 5px 6px 10px;
margin-left: 5px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__search__6bf5f .search-trigger .ember-power-select-trigger-multiple-input:focus {
outline: 0
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__search__6bf5f .ember-power-select-option--no-matches-message {
color: #acb6be;
padding: 1px 15px 1px 5px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__search__6bf5f .ember-power-select-trigger {
border-bottom: 1px solid #dadfe3
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__search__6bf5f .ember-power-select-trigger:hover {
border-bottom: 1px solid #02b875
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__search__6bf5f .ember-power-select-status-icon {
display: none
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 {
position: absolute;
top: 10px;
right: 10px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .add-icon {
text-align: center;
top: 17px;
position: relative
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .trigger {
display: block;
width: 40px;
height: 48px;
cursor: pointer;
background-color: #fff;
border: 1px solid #dbdfe3;
border-radius: 2px;
border-right-width: 0;
border-top-width: 0;
border-bottom-width: 0
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-add .drag-thumb,.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-static .col-remove,.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-static .drag-thumb {
display: none
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-dynamic .sortable-item:hover,.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .trigger:hover {
background-color: #f5f7f7
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content {
width: 250px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns {
padding-left: 10px;
padding-right: 10px;
min-height: 200px;
max-height: 350px;
overflow-y: auto
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns-title {
padding-top: 10px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .column-item {
padding-left: 5px;
padding-right: 5px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-static {
margin-bottom: 10px;
border-bottom: 1px #dadfe3 dashed
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-static .app-icon {
opacity: .3
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-static .column-item {
padding-left: 0
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-add {
margin-top: 15px;
margin-bottom: 10px;
border-top: 1px #dadfe3 dashed
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-dynamic {
margin-bottom: 10px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-dynamic .draggable-object {
cursor: -webkit-grab
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-dynamic .sortable-item {
padding-top: 5px;
padding-bottom: 5px;
display: block;
position: relative;
transition: all 125ms
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-dynamic .column-item {
margin-top: 0;
margin-bottom: 0;
cursor: -webkit-grab
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-dynamic .is-dragging {
box-shadow: 0 0 4px 2px rgba(0,0,0,.06);
border-radius: 2px;
transition-duration: 0s;
z-index: 10
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .content .columns .columns-dynamic .is-dragging:hover {
background-color: #fff
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .footer {
height: 60px;
background-color: #f3f5f7;
box-shadow: inset 0 1px 0 0 #dadfe3
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .footer .buttons {
margin-top: 15px;
margin-bottom: 10px;
margin-right: 10px
}
.__module-tickets__tickets-list__tickets-table__columns-chooser__19694 .bs-dropdown.ember-basic-dropdown-content {
z-index: 2
}
.__module-tickets__tickets-list__tickets-table__a84d1 .hcell-template,.__module-tickets__tickets-list__tickets-table__a84d1 .status-tag-wrap {
display: inline-block
}
.__module-tickets__tickets-list__tickets-table__a84d1 .dropdown-select .ember-power-select-status-icon {
display: inline-block;
position: relative;
margin-left: 3px;
top: -2px
}
.__module-tickets__tickets-list__tickets-table__a84d1 .lt-cell {
padding-right: 7px
}
.__module-tickets__tickets-list__tickets-table__a84d1 .ember-light-table .lt-body-wrap {
display: block
}
.__module-tickets__tickets-list__tickets-table__ticket-item__57fb2 .list-checkbox {
margin-right: 0;
position: absolute;
left: 5px;
margin-top: 10px
}
.__module-tickets__tickets-list__tickets-table__ticket-item__57fb2 .list-checkbox .gravity-loader {
left: 11px;
margin-top: 1px
}
.__module-tickets__tickets-list__tickets-table__ticket-item__57fb2 .no-check-box .app-user-photo {
margin-left: 12px
}
.__module-tickets__tickets-list__tickets-table__ticket-item__57fb2 .list-content {
padding-left: 16px
}
.__module-tickets__tickets-list__tickets-table__ticket-subject-popover__3cc92 .loader-wrapper {
text-align: center;
margin: 0 auto
}
.__module-tickets__tickets-list__tickets-table__ticket-subject-popover__3cc92 .new-ticket {
font-weight: 500
}
.__module-tickets__tickets-list__top-navigation__9a8ae .btn--date-select {
font-size: 13px
}
.__module-tickets__tickets-list__top-navigation__9a8ae .sortby-dropdown {
line-height: 0
}
.__page-layout__admin-content__89a1d {
background-color: #fff;
border-radius: 2px 0 0 2px;
padding: 15px;
width: 100%;
min-height: 600px
}
.__page-layout__admin-sidebar__b3617 {
background-color: #f9f9f9;
width: 300px;
border-radius: 0 2px 2px 0;
border-left: 1px #ebeef0 solid;
padding: 15px;
flex-shrink: 0
}
.__page-layout__content-left__5a646 {
height: 100%;
position: absolute;
left: 10px;
right: 10px
}
.__page-layout__content-left__5a646 .scroll-to-bottom {
padding-top: 9px;
height: 100%
}
.__page-layout__content-sidebar__e6d49 {
width: 250px;
height: 100%;
float: right
}
.__page-layout__page-content-widget__a266f {
position: absolute;
left: 64px;
right: 0;
bottom: 0;
top: 100px;
padding: 10px
}
.__page-layout__page-content-widget__a266f .responsive {
height: initial;
max-width: 100%
}
.__page-layout__page-content__15281 {
position: absolute;
left: 65px;
right: 0;
bottom: 0;
top: 100px;
padding: 10px
}
.__page-layout__page-content__15281.responsive-content {
right: 25%!important
}
.sidebar-present .__page-layout__page-content__15281 {
padding-right: 10px
}
.__page-layout__page-sidebar__11338 {
background-color: #f9f9f9;
bottom: 0;
padding-bottom: 110px;
position: fixed;
right: 0;
top: 100px;
flex-flow: row wrap
}
.__page-layout__page-sidebar__11338 .sidebar {
background-color: #f9f9f9;
border-left: 1px solid #dadfe3;
bottom: 0;
overflow-y: auto;
padding: 10px 8px 30px 16px;
position: absolute;
right: 0;
top: 0;
min-width: 50px
}
.__page-layout__page-sidebar__11338 .sidebar__title {
color: #183247;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .2px;
padding-bottom: 10px
}
.__page-layout__page-sidebar__11338.responsive-sidebar {
width: 25%
}
.__page-layout__page-sidebar__11338.responsive-sidebar .sidebar {
width: 100%
}
.__page-layout__page-wrapper__c6965 {
min-width: 1100px
}
.__page-layout__page-wrapper__c6965 .content-sidebar-present {
right: 260px
}
.__ui-components__attachment-upload__file-item__c9908 .backlayer {
position: absolute;
top: 0;
left: 20px;
right: 0;
bottom: 0;
opacity: 0;
transition: .1s ease-in;
background-image: linear-gradient(to left,#fff,#fff 47%,rgba(255,255,255,0))
}
.__ui-components__attachment-upload__file-item__c9908 .action-btns {
opacity: 0;
position: absolute;
top: 0;
right: 0
}
.__ui-components__attachment-upload__file-item__c9908 .annotate-image-btn-wrapper .app-icon-btn {
margin-right: 0;
height: 29px;
border-radius: 0 1px 1px 0;
padding-top: 7px
}
.__ui-components__attachment-upload__file-item__c9908 .hint--top {
z-index: 500
}
.__ui-components__attachment-upload__file-item__c9908:hover .action,.__ui-components__attachment-upload__file-item__c9908:hover .backlayer {
opacity: 1
}
.__ui-components__avatar-icon__a5e39 {
display: inline-block;
position: relative;
text-align: center
}
.__ui-components__avatar-icon__a5e39 .avatar-svg {
fill: #fff;
position: absolute;
transform: translateX(-50%) translateY(-50%);
top: 48%;
left: 48%;
color: #fff
}
.__ui-components__avatar-letters__21ba4--1,.__ui-components__avatar-letters__21ba4--2,.__ui-components__avatar-letters__21ba4--3,.__ui-components__avatar-letters__21ba4--4,.__ui-components__avatar-letters__21ba4--5,.__ui-components__avatar-letters__21ba4--6,.__ui-components__avatar-letters__21ba4--7,.__ui-components__avatar-letters__21ba4--8 {
box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
color: rgba(0,0,0,.3)
}
.__ui-components__avatar-icon__a5e39.avatar-icon--small {
width: 24px;
height: 24px
}
.__ui-components__avatar-icon__a5e39.avatar-icon--small .avatar-svg {
width: 15px
}
.__ui-components__avatar-icon__a5e39.avatar-icon--medium {
width: 30px;
height: 30px
}
.__ui-components__avatar-icon__a5e39.avatar-icon--medium .avatar-svg {
width: 17px
}
.__ui-components__avatar-icon__a5e39.avatar-icon--large {
width: 44px;
height: 44px
}
.__ui-components__avatar-icon__a5e39.avatar-icon--large .avatar-svg {
width: 22px
}
.__ui-components__avatar-icon__a5e39.avatar-icon--huge {
width: 100px;
height: 100px
}
.__ui-components__avatar-icon__a5e39.avatar-icon--huge .avatar-svg {
width: 50px
}
.__ui-components__avatar-icon__a5e39.avatar-icon--circle {
border-radius: 100%
}
.__ui-components__avatar-icon__a5e39.avatar-icon--circle .avatar-block {
border-radius: 2px
}
.__ui-components__avatar-letters__21ba4 {
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
border-radius: 2px
}
.__ui-components__avatar-letters__21ba4--icon-wrapper {
text-transform: uppercase;
position: absolute;
transform: translateX(-50%) translateY(-50%);
top: 50%;
left: 50%;
fill: #fff;
font-weight: 500
}
.__ui-form__controls__calendar-picker__04be5 .ember-power-calendar-weekday,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-weekday {
text-transform: capitalize
}
.avatar-icon--small .__ui-components__avatar-letters__21ba4--icon-wrapper {
font-size: 11px
}
.avatar-icon--large .__ui-components__avatar-letters__21ba4--icon-wrapper,.avatar-icon--medium .__ui-components__avatar-letters__21ba4--icon-wrapper {
font-size: 14px
}
.avatar-icon--huge .__ui-components__avatar-letters__21ba4--icon-wrapper {
font-size: 54px
}
.__ui-components__avatar-letters__21ba4--1 {
background-color: #cdebc4
}
.__ui-components__avatar-letters__21ba4--2 {
background-color: #ffdee0
}
.__ui-components__avatar-letters__21ba4--3 {
background-color: #eed8f7
}
.__ui-components__avatar-letters__21ba4--4 {
background-color: #ffd8c2
}
.__ui-components__avatar-letters__21ba4--5 {
background-color: #dbd6f5
}
.__ui-components__avatar-letters__21ba4--6 {
background-color: #f3f1f1
}
.__ui-components__avatar-letters__21ba4--7 {
background-color: #fff4a8
}
.__ui-components__avatar-letters__21ba4--8 {
background-color: #d1e4ff
}
.__ui-components__basic-accordion__a76bb .accordion-item {
border-radius: 2px;
background-color: #fff;
border: 1px solid #dadfe3;
margin-bottom: 5px
}
.__ui-components__basic-accordion__a76bb .accordion-item .basic-heading {
cursor: pointer
}
.__ui-components__date-dropdown__0d99c {
display: inline-block
}
.__ui-components__date-dropdown__0d99c .calendar-placeholder {
position: absolute;
cursor: pointer;
top: -2px;
right: -23px
}
.__ui-components__date-dropdown__0d99c .set-date-option {
padding-top: 8px;
margin-top: 7px
}
.__ui-components__date-dropdown__0d99c .time-details {
color: #6f7c87;
padding-top: 3px
}
.__ui-components__date-dropdown__0d99c .open-state .down-arrow {
transform: rotate(180deg)
}
.__ui-components__date-dropdown__0d99c .date-selected {
color: #02b875
}
.__ui-components__date-dropdown__0d99c .date-selected::after {
content: "\f10a";
font-family: glyphs;
position: absolute;
bottom: 24px;
right: 20px
}
.__ui-components__date-dropdown__0d99c .date-dropdown-trigger {
padding-bottom: 4px
}
.__ui-components__date-dropdown__0d99c .date-dropdown-content {
min-width: 220px;
border-radius: 4px;
padding: 10px 10px 8px;
top: 25px
}
.__ui-components__drag-and-drop-file__6fb9f.dragover {
border: 1px dashed #dadfe3
}
.__ui-components__drag-and-drop-file__6fb9f .drag-n-drop {
width: 100%;
background-color: #f3f5f7;
min-height: inherit;
padding: 0
}
.__ui-components__drag-and-drop-file__6fb9f .drag-n-drop .attachment__item-text {
max-width: 180px
}
.__ui-components__drag-and-drop-file__6fb9f .drag-n-drop .attachment__item {
margin-right: 0
}
.__ui-components__drag-and-drop-file__6fb9f .drag-n-drop .upload-icon {
fill: #6f7c87
}
.__ui-components__drag-and-drop-file__6fb9f .error-msg-block {
color: #ff5959;
position: relative;
width: 100%;
height: 20px;
text-align: center;
margin: 0;
padding: 36px 0 24px
}
.__ui-components__drag-and-drop-file__6fb9f .browse-file {
position: relative;
text-align: center
}
.__ui-components__drag-and-drop-file__6fb9f .browse-file__drop-txt {
line-height: 25px;
font-size: 13px;
color: #acb6be;
padding-top: 8px
}
.__ui-components__drag-and-drop-file__6fb9f .browse-file__drop-img {
margin-top: 5px;
color: #448ee1;
display: inline-block;
cursor: pointer;
text-decoration: none
}
.__ui-components__drag-and-drop-file__6fb9f .browse-file__drop-img-txt {
padding-top: 5px
}
.__ui-components__drag-and-drop-file__6fb9f .drag-n-drop__upload-progression {
top: 71px;
position: relative;
max-width: 300px;
margin: auto
}
.__ui-components__drop-down__06e1d {
display: inline-block
}
.__ui-components__drop-down__06e1d .dropdown__option {
cursor: pointer;
position: relative;
margin-bottom: 5px;
padding: 3px 0 3px 5px
}
.__ui-components__drop-down__06e1d .dropdown__option:hover {
background-color: #ebeef0
}
.__ui-components__drop-down__06e1d .dropdown__option.selected {
color: #02b875
}
.__ui-components__drop-down__06e1d .dropdown__option.selected::before {
content: "\f10a";
font-family: glyphs;
position: absolute;
right: 10px
}
.__ui-components__drop-down__06e1d .pointer::after,.__ui-components__drop-down__06e1d .pointer::before {
bottom: 100%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.__ui-components__drop-down__06e1d .pointer::before {
border-color: rgba(229,229,229,0);
border-bottom-color: #fff;
border-width: 6px;
left: 10px;
top: -20px
}
.__ui-components__drop-down__06e1d .pointer::after {
top: -22px
}
.__ui-components__drop-down__06e1d .pointer.right::before {
left: inherit;
right: 10px
}
.__ui-components__drop-down__06e1d .description {
text-indent: 16px;
color: #989e9d
}
.__ui-components__drop-down__06e1d .dropdown__icon {
fill: #3d3d3d
}
.__ui-components__drop-down__06e1d .title {
margin: 4px 0 6px 5px;
font-size: 12px;
color: #989e9d
}
.__ui-components__drop-down__06e1d .ember-basic-dropdown .ember-basic-dropdown-content {
min-width: 220px;
border-radius: 3px;
padding: 10px 7px 4px
}
.__ui-components__dynamic-loader__no-data__d3435 .no-data {
margin-top: 30px;
display: block;
text-align: center;
color: #989e9d
}
.__ui-components__filter-view__filter-item__4e8a4 .shared-ownership-selector {
border-radius: 3px;
float: right;
height: 24px;
margin: 3px 0 0;
width: 32px;
padding-left: 0
}
.__ui-form__controls__calendar-picker__04be5 .calender-full-date,.__ui-form__controls__calendar-picker__04be5 .calender-time,.__ui-form__controls__calendar-range-picker__effc6 .calendar-left {
float: left
}
.__ui-components__filter-view__filter-item__4e8a4 .shared-ownership-selector.selected,.__ui-components__filter-view__filter-item__4e8a4 .shared-ownership-selector:hover {
background-color: #f3f5f7;
transition: all .3s ease
}
.__ui-components__filter-view__filter-item__4e8a4 .shared-ownership-selector.selected .shared-ownership-selector__icon,.__ui-components__filter-view__filter-item__4e8a4 .shared-ownership-selector:hover .shared-ownership-selector__icon {
fill: #6f7c87
}
.__ui-components__filter-view__filter-item__4e8a4 .shared-ownership-selector--extramargin {
margin-top: 4px
}
.__ui-components__filter-view__filter-item__4e8a4 .shared-ownership-selector__icon {
fill: #6f7c87;
width: 14px;
margin: 5px 2px 5px 5px
}
.__ui-components__filter-view__filter-item__4e8a4 .shared-ownership-selector__dropdown .ember-basic-dropdown-content .pointer {
left: 176px
}
.__ui-components__filter-view__filter-item__4e8a4 .shared-ownership-selector__icon--arrow {
vertical-align: super;
fill: #6f7c87;
margin-left: -5px;
padding-bottom: 0;
width: 12px;
height: 10px;
padding-right: 0
}
.__ui-components__filter-view__set-date__07f84 {
margin-bottom: 0
}
.__ui-components__filter-view__set-date__07f84 .input {
margin-top: 0
}
.__ui-components__filter-view__set-date__07f84 .input input[type=text] {
margin-top: 5px
}
.__ui-components__flash-message__c21c5 {
opacity: 0;
max-height: 0;
overflow: hidden;
border-radius: 3px;
box-shadow: 0 0 3px -1px rgba(0,0,0,.1),0 2px 25px -1px rgba(0,0,0,.2);
background-color: #fff
}
.__ui-components__flash-message__c21c5 .notice-wrapper {
display: table;
min-height: 50px;
width: 355px
}
.__ui-components__flash-message__c21c5 .notice-content,.__ui-components__flash-message__c21c5 .notice-highlight {
display: table-cell;
vertical-align: middle;
height: 100%
}
.__ui-components__flash-message__c21c5 .notice-content {
padding: 15px 35px 15px 20px;
position: relative
}
.__ui-components__flash-message__c21c5 .notice-highlight {
border-radius: 3px 0 0 3px;
width: 75px;
background-color: #efefef;
text-align: center;
padding-top: 5px;
box-shadow: 0 2px 0 0 rgba(152,158,157,.19)
}
.__ui-components__flash-message__c21c5 .notice-icon {
fill: #fff;
width: 24px
}
.__ui-components__flash-message__c21c5 .notice-title {
font-size: 13px
}
.__ui-components__flash-message__c21c5 .notice-info {
color: #6f7c87;
margin-top: 5px
}
.__ui-components__flash-message__c21c5 .notice-close {
position: absolute;
right: 10px;
top: 7px
}
.__ui-components__flash-message__c21c5 .close-icon {
width: 12px;
fill: #6f7c87;
stroke: #6f7c87;
stroke-width: 2px
}
.notice--success .notice-highlight {
background-color: #a1d570;
border-right: 1px solid #87c949
}
.notice--warning .notice-highlight {
background-color: #ffad1e;
border-right: 1px solid #ea9500
}
.notice--info .notice-highlight {
background-color: #4da1ff;
border-right: 1px solid #1a86ff
}
.notice--danger .notice-highlight {
background-color: #ff5959;
border-right: 1px solid #ff2626
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper {
display: inline-block;
width: 100%;
padding-bottom: 10px
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination__gap {
color: #acb6be;
padding: 3px 6px;
font-size: 17px;
border: 1px solid #dadfe3;
vertical-align: middle;
border-radius: 2px;
margin: 0 2px;
line-height: normal
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination__link {
vertical-align: middle;
margin: 0 2px;
color: #6f7c87;
background-color: #fff;
border: 1px solid #dadfe3;
padding-left: 7px;
padding-right: 7px
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination__link:hover {
background-color: #ebedf0;
transition: .1s ease-in;
color: #183247;
text-decoration: none
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination__link:hover .app-icon {
fill: #58626b
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination__link--active,.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination__link--active:hover {
background-color: #02b875;
border-color: #02b875;
color: #fff
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination__link--disabled {
pointer-events: none
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination__link--disabled .app-icon {
fill: #cdcdcd
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination-count .ember-basic-dropdown {
display: inline-block
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination-count .ember-basic-dropdown .ember-basic-dropdown-content--in-place {
box-shadow: none;
min-width: 100px
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination-count .ember-basic-dropdown .ember-basic-dropdown-content--in-place .dropdown-pagination {
min-width: unset
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination-count .ember-basic-dropdown-trigger--above .app-icon-btn {
background-color: #02b875;
border-color: #02b875;
color: #fff;
box-shadow: inset 0 0 2px 0 rgba(24,50,71,.2)
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination-count .ember-basic-dropdown-trigger--above .app-icon-btn .app-icon {
fill: #fff
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination-count .app-icon-btn {
margin: 0 5px;
padding-top: 2px;
color: #183247
}
.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination-count .app-icon {
width: 9px;
height: 9px
}
.__ui-components__gravity-loader__29d8b {
display: inline-block;
width: 25px;
height: 20px;
position: relative
}
.__ui-components__gravity-loader__29d8b .circular {
animation: checkbox-rotate 2s linear infinite;
height: 100%;
transform-origin: center center;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.__ui-components__gravity-loader__29d8b .path {
stroke-dasharray: 150,200;
stroke-dashoffset: -20;
stroke-width: 4px;
stroke: #02b875;
animation: gravity-dash 1s ease-in-out infinite;
stroke-linecap: round
}
.__ui-components__gravity-loader__29d8b .gravity-loader {
position: absolute;
margin: 0 auto;
width: 16px;
top: 3px;
left: 0
}
.__ui-components__gravity-loader__29d8b .gravity-loader::before {
content: '';
display: block;
padding-top: 100%
}
.__ui-components__gravity-loader__29d8b .gravity-animation-enter.gravity-animation-enter-active {
animation: fade-in .3s ease-out;
opacity: 1
}
.__ui-components__gravity-loader__29d8b .gravity-animation-leave.gravity-animation-leave-active {
animation: fade-out .5s ease-out;
opacity: 0
}
.__ui-components__gravity-loader__29d8b .animation-content-enter.animation-content-enter-active {
animation: fade-in .4s ease-out;
opacity: 1
}
.__ui-components__gravity-loader__29d8b .animation-content-leave.animation-content-leave-active {
animation: fade-out .5s ease-out;
opacity: 0
}
@keyframes fade-out {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fade-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes checkbox-rotate {
100% {
transform: rotate(360deg)
}
}
@keyframes gravity-dash {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35px
}
100% {
stroke-dasharray: 89,200;
stroke-dashoffset: -124px
}
}
.__ui-components__image-annotation__dc4ac .annotation-overlay {
background-color: #fff;
opacity: 1;
width: 100%;
height: 100%;
z-index: 9999;
position: fixed;
top: 0;
left: 0;
animation: fadeInPartial .3s ease
}
.__ui-components__image-annotation__dc4ac .content-visible {
visibility: visible
}
.__ui-components__image-annotation__dc4ac .annotation__content {
height: 100vh
}
.__ui-components__image-annotation__dc4ac .iframe__framebench {
width: 100%;
height: 100%
}
.__ui-components__image-annotation__dc4ac .btn-block {
position: fixed;
bottom: 18px;
right: 25px
}
.__ui-components__list-with-show-more__610db .list-items,.__ui-components__list-with-show-more__610db .list-items-left {
display: inline-block
}
.__ui-components__list-with-show-more__610db .list-items-left-count,.__ui-components__list-with-show-more__610db .list-items.boxed .list-item {
color: #6f7c87;
border: 1px solid #dadfe3;
background-color: #fff;
font-weight: 600;
font-size: 11px;
-webkit-font-smoothing: antialiased;
padding: 0 5px;
display: inline-block;
border-radius: 2px
}
.__ui-components__list-with-show-more__610db .list-items-left .list-items {
padding: 10px 15px;
margin-top: 5px;
max-height: 200px;
overflow: auto;
min-height: 50px
}
.__ui-components__list-with-show-more__610db .list-items-left .list-items .list-item {
padding: 2px 5px
}
.__ui-components__list-with-show-more__610db .ember-basic-dropdown-content .list-item {
margin-bottom: 5px
}
.__ui-components__load-more-with-count__70690 .loader-inline-count {
display: inline-block
}
.__ui-components__nav-tabs__ab0f0 .nav-secondary {
margin-top: 25px
}
.__ui-components__nav-tabs__ab0f0 .nav-secondary__item {
color: #6f7c87;
margin: 0 16px;
padding: 0 5px;
text-transform: capitalize;
transition: all .15s ease-in-out;
display: inline-block;
height: 30px
}
.__ui-components__nav-tabs__ab0f0 .nav-secondary__item:first-of-type,.modal-footer .btn+.btn {
margin-left: 0
}
.__ui-components__nav-tabs__ab0f0 .nav-secondary__item:hover {
height: 25px;
color: #183247;
text-decoration: none;
border-bottom: 3px rgba(2,184,117,.3) solid
}
.__ui-components__nav-tabs__ab0f0 .nav-secondary__item:focus {
text-decoration: none
}
.__ui-components__nav-tabs__ab0f0 .nav-secondary__item.active {
height: 25px;
cursor: default;
border-bottom: 3px #02b875 solid;
color: #02b875
}
.__ui-components__refresh-notification__9962b {
position: fixed;
margin-top: -5px;
right: 50%;
width: auto;
height: 32px;
z-index: 999;
text-align: center
}
.__ui-components__refresh-notification__9962b .refresh-notification {
background-color: #fff;
padding: 7px 0;
margin: 0 auto;
display: inline-block;
border-radius: 50px;
animation: drop-animate-below .3s linear;
color: #6f7c87
}
.__ui-components__refresh-notification__9962b .refresh-notification:active {
background-color: #ebedf0
}
.__ui-components__refresh-notification__9962b .refresh-notification__refresh_btn {
float: left;
padding: 0 5px;
height: 16px;
position: relative;
top: 2px
}
.__ui-components__refresh-notification__9962b .refresh-notification__container {
padding: 1px 5px;
border-left: 1px solid #dadfe3;
display: inline-block
}
.__ui-components__refresh-notification__9962b .refresh-notification__container__count {
margin-right: 2px
}
.__ui-components__refresh-notification__9962b .refresh-notification__container__label {
margin-right: 10px
}
.__ui-components__refresh-notification__9962b .refresh-notification:hover {
color: #58626b
}
.__ui-components__reload-necessary__5f4c0 {
width: 340px;
line-height: 1.4em
}
.__ui-components__reload-necessary__5f4c0 .link-bar {
display: block;
padding: 10px 0 0
}
.__ui-components__resource-pagination__df20b .resource-list,.__ui-components__toggle-switch__21817 {
position: relative;
display: inline-block
}
.__ui-components__resource-pagination__df20b {
font-size: 0;
margin-top: 1px
}
.__ui-components__resource-pagination__df20b .pgn {
width: 28px;
height: 28px;
text-align: center;
cursor: pointer;
border: 1px solid #dadfe3;
background-color: #fff
}
.__ui-components__resource-pagination__df20b .pgn-previous {
border-radius: 2px 0 0 2px
}
.__ui-components__resource-pagination__df20b .pgn--flat {
border-right: 0
}
.__ui-components__resource-pagination__df20b .pgn-next {
border-radius: 0 2px 2px 0
}
.__ui-components__resource-pagination__df20b .pgn-list {
border-radius: 0;
position: relative;
top: 1px;
border-left-width: 0;
border-right-width: 0;
width: 35px;
height: 28px
}
.__ui-components__resource-pagination__df20b .pgn:hover {
background-color: #ebedf0;
transition: .1s ease-in
}
.__ui-components__resource-pagination__df20b .pgn:hover .app-icon {
fill: #58626b
}
.__ui-components__resource-pagination__df20b .pgn--disabled .app-icon,.__ui-components__resource-pagination__df20b .pgn--disabled:hover .app-icon {
fill: #d3dbda
}
.__ui-components__resource-pagination__df20b .pgn--disabled {
cursor: not-allowed
}
.__ui-components__resource-pagination__df20b .pgn--disabled:hover {
border-color: #d3dbda
}
.__ui-components__resource-pagination__df20b .resource-list.open .pgn,.__ui-components__resource-pagination__df20b .resource-list.open .pgn:hover {
background-color: #02b875
}
.__ui-components__resource-pagination__df20b .resource-list.open .pgn-list .app-icon {
fill: #fff
}
.__ui-components__resource-pagination__df20b .list-content {
padding: 0;
width: 430px;
height: 480px;
overflow-y: auto;
border-color: #e5e8e8;
box-shadow: 0 2px 14px 0 #dee1e1;
right: -20px;
top: 9px
}
.__ui-components__suggested-option__ab9f1 .add-icon {
position: relative;
top: 3px
}
.__ui-components__toggle-switch__21817 {
width: 28px;
height: 18px
}
.__ui-components__toggle-switch__21817 .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 34px;
background: #b7e5d6;
-webkit-transition: .2s;
transition: .2s
}
.__ui-components__toggle-switch__21817 .slider::before {
position: absolute;
content: "";
width: 45%;
height: 65%;
left: 4px;
bottom: 3px;
border-radius: 50%;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.23);
background-color: #fff;
-webkit-transition: .2s;
transition: .2s
}
.__ui-components__toggle-switch__21817 input {
display: none
}
.__ui-components__toggle-switch__21817 input:checked+.slider {
background-color: #02b875
}
.__ui-components__toggle-switch__21817 input:checked+.slider::before {
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px)
}
.__ui-form__controls__calendar-picker__04be5 .ember-power-calendar-nav-control:focus,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-nav-control:focus {
transform: scale(1)
}
.__ui-form__controls__-calendar-nav-label__0c290 {
padding-bottom: 7px;
padding-top: 7px;
display: block
}
.__ui-form__controls__-calendar-nav-label__0c290 .ember-power-select-inline-dropdown {
padding-right: 0;
padding-left: 3px
}
.__ui-form__controls__-calendar-nav-label__0c290 .ember-power-select-status-icon {
display: none
}
.__ui-form__controls__-calendar-nav-label__0c290 .ember-power-select-trigger {
margin: 0;
line-height: 1;
min-height: auto;
overflow-x: visible
}
.__ui-form__controls__-calendar-nav-label__0c290 .ember-power-select-trigger,.__ui-form__controls__-calendar-nav-label__0c290 .ember-power-select-trigger--active {
padding: 0 2px 3px 0
}
.__ui-form__controls__-calendar-nav-label__0c290 .ember-power-select-trigger,.__ui-form__controls__-calendar-nav-label__0c290 .ember-power-select-trigger:hover {
border-color: transparent
}
.__ui-form__controls__calendar-picker__04be5 .__ui-form__controls__calendar-range-picker__effc6 .calendar-layout::after,.__ui-form__controls__calendar-picker__04be5 .calendar-time-panel::after,.__ui-form__controls__calendar-picker__04be5 .ember-power-calendar-day-grid::after,.__ui-form__controls__calendar-picker__04be5 .ember-power-calendar-weekdays::after,.__ui-form__controls__calendar-range-picker__effc6 .__ui-form__controls__calendar-picker__04be5 .calendar-layout::after {
content: "";
display: table;
clear: both
}
.__ui-form__controls__calendar-picker__04be5 {
position: relative;
min-width: 230px;
max-width: 320px;
background-color: #fff;
border-radius: 3px;
margin: 10px
}
.__ui-form__controls__calendar-picker__04be5 .ember-power-calendar-nav-control {
color: #000;
border-radius: 100%;
height: 30px;
width: 30px;
line-height: 0;
text-align: center;
padding: 0;
transition: background-color .5s ease
}
.__ui-form__controls__calendar-picker__04be5 .ember-power-calendar-nav-control:hover {
background-color: #eee
}
.__ui-form__controls__calendar-picker__04be5 .ember-power-calendar-nav-control .app-icon--small {
fill: #000;
width: 16px
}
.__ui-form__controls__calendar-picker__04be5 .calendar-nav-label,.__ui-form__controls__calendar-picker__04be5 .calendar-time-panel {
padding-bottom: 5px;
padding-top: 3px
}
.__ui-form__controls__calendar-picker__04be5 .calendar-nav-label .ember-power-select-trigger,.__ui-form__controls__calendar-picker__04be5 .calendar-time-panel .ember-power-select-trigger {
margin: 0;
padding: 0;
line-height: 1;
border: 0;
min-height: auto
}
.__ui-form__controls__calendar-picker__04be5 .calendar-time-panel {
margin: 20px 10px 0
}
.__ui-form__controls__calendar-picker__04be5 .calendar-time-panel .ember-power-select-trigger {
padding-right: 15px
}
.__ui-form__controls__calendar-picker__04be5 .calendar-time-panel .ember-power-select-selected-item {
color: #448ee1
}
.__ui-form__controls__calendar-picker__04be5 .calendar-nav-label .ember-power-select-status-icon {
display: none
}
.__ui-form__controls__calendar-picker__04be5 .ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day {
height: 30px;
padding: 2px
}
.__ui-form__controls__calendar-picker__04be5 .calender-full-date {
width: 40%;
font-size: 13px
}
.__ui-form__controls__calendar-picker__04be5 .calendar-full-date--input[type=text] {
margin: 0
}
.__ui-form__controls__calendar-picker__04be5 .calender-time {
width: 60%;
margin-top: -3px;
text-align: right
}
.__ui-form__controls__calendar-picker__04be5 .calendar-actions {
background-color: #f6f8f8;
text-align: right;
border-radius: 0 0 4px 4px
}
.__ui-form__controls__calendar-picker__04be5 .day-number {
width: 100%
}
.__ui-form__controls__calendar-picker__04be5 .ember-power-calendar-day--interactive[disabled] {
opacity: 1
}
.__ui-form__controls__calendar-picker__04be5 .ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day--selected.ember-power-calendar-day--today .day-number {
color: #2d0600
}
.__ui-form__controls__calendar-picker__time__a820c .time-seperator {
font-weight: 700;
font-size: 15px;
opacity: .5
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-layout::after,.__ui-form__controls__calendar-range-picker__effc6 .calendar-time-panel::after,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day-grid::after,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-weekdays::after {
content: "";
display: table;
clear: both
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-left .ember-power-select-trigger,.__ui-form__controls__calendar-range-picker__effc6 .calendar-right .ember-power-select-trigger,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day--selected .day-number,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--current-month,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--today .day-number,.ember-power-calendar-day--today .__ui-form__controls__calendar-range-picker__effc6 .day-number {
font-weight: 600;
-moz-osx-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased
}
.__ui-form__editor__social-editor__0a3ff .socialeditor__count,.contact_merge-search .ember-power-select-trigger-multiple-input,.day-number,.merge-fields .input .error-hint,.merge-fields .input .info-hint,.text--antialias,.text__infotext {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day--selected .day-number,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--current-month,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--today .day-number,.ember-power-calendar-day--today .__ui-form__controls__calendar-range-picker__effc6 .day-number {
color: #183247
}
.__ui-form__controls__calendar-range-picker__effc6 {
position: relative;
width: 640px;
background-color: #fff;
padding: 10px;
margin: 10px
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-left,.__ui-form__controls__calendar-range-picker__effc6 .calendar-right {
width: 48%
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-left .calendar-nav-label {
text-align: left;
padding-left: 35px
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-right .calendar-nav-label {
text-align: right;
padding-right: 40px
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-right {
float: right
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-control-left {
left: 10px;
top: 10px
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-control-right {
right: 15px;
top: 10px
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-nav-control {
color: #000;
border-radius: 100%;
height: 28px;
width: 30px;
line-height: 0;
text-align: center;
padding: 0;
transition: background-color .5s ease;
position: absolute;
background-color: #fff;
z-index: 1
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-nav-control:hover {
background-color: #eee
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-nav-control .nav-icon {
fill: red;
width: 25px
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-time-panel {
padding-bottom: 5px;
padding-top: 3px;
margin: 20px 10px 0
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-time-panel .ember-power-select-selected-item {
color: #448ee1
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-time-panel .ember-power-select-trigger {
margin: 0;
padding: 0 15px 0 0;
line-height: 1;
border: 0;
min-height: auto
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day {
height: 30px;
padding: 0
}
.__ui-form__controls__calendar-range-picker__effc6 .calender-full-date,.__ui-form__controls__calendar-range-picker__effc6 .calender-time {
float: left
}
.__ui-form__controls__calendar-range-picker__effc6 .calender-full-date {
width: 40%;
font-size: 13px
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-full-date--input[type=text] {
margin: 0
}
.__ui-form__controls__calendar-range-picker__effc6 .calender-time {
width: 60%;
margin-top: -3px;
text-align: right
}
.__ui-form__controls__calendar-range-picker__effc6 .calendar-actions {
background-color: #f6f8f8;
text-align: right;
border-radius: 0 0 4px 4px
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--selected.ember-power-calendar-day--range-end,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--selected.ember-power-calendar-day--range-start,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover {
background-color: transparent
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-row .ember-power-calendar-day--selected .day-number {
width: 100%;
border-radius: 0
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day--selected .day-number {
background-color: #dbeeed
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day--selected.ember-power-calendar-day--range-end .day-number,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day--selected.ember-power-calendar-day--range-start .day-number {
background-color: rgba(2,184,117,.5)
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--interactive[disabled] {
color: #6f7c87
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-row .ember-power-calendar-day--selected.ember-power-calendar-day--other-month .day-number {
background-color: #d7eceb;
color: #8eb3b2
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--selected.ember-power-calendar-day--range-start .day-number,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--selected:first-child .day-number {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--selected.ember-power-calendar-day--range-end .day-number,.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-day--selected:last-child .day-number {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-row .ember-power-calendar-day--interactive[disabled].ember-power-calendar-day--selected .day-number {
border-radius: 2px
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-row .ember-power-calendar-day--selected.ember-power-calendar-day--today .day-number {
color: #2d0600
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-row .ember-power-calendar-day--interactive[disabled] {
opacity: 1
}
.__ui-form__controls__calendar-range-picker__effc6 .ember-power-calendar-row .ember-power-calendar-day--interactive[disabled] .day-number {
background-color: #dbeeed
}
.__ui-form__custom-checkbox__4923f input[type=checkbox] {
position: absolute;
opacity: 0
}
.__ui-form__custom-checkbox__4923f input[type=checkbox]+label {
user-select: none;
cursor: pointer;
padding-left: 20px;
margin-bottom: 0
}
.__ui-form__custom-checkbox__4923f input[type=checkbox]+label::before {
position: absolute;
left: 0;
top: 3px;
display: block;
content: "";
border: 1px solid #dadfe3;
height: 13px;
width: 13px;
background-color: #fff;
transition: all .5s ease;
box-sizing: border-box;
border-radius: 2px
}
.__ui-form__custom-checkbox__4923f input[type=checkbox]+label::after {
position: absolute;
display: block;
content: "";
left: 4px;
top: 5px;
width: 5px;
height: 7px;
transform: rotate(45deg);
opacity: 0;
transition: opacity .2s ease-in-out;
box-sizing: border-box
}
.__ui-form__custom-checkbox__4923f input[type=checkbox]:focus+label::before,.__ui-form__custom-checkbox__4923f input[type=checkbox]:hover+label::before {
border-color: #6f7c87
}
.__ui-form__custom-checkbox__4923f input[type=checkbox]:checked+label::before {
background: #02b875;
border-color: #02b875;
box-shadow: none
}
.__ui-form__custom-checkbox__4923f input[type=checkbox]:checked+label::after {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
opacity: 1;
top: 5px
}
.__ui-form__custom-checkbox__4923f input[type=checkbox][disabled]+label::before {
border-color: #dadfe3;
background-color: #dadfe3
}
.__ui-form__custom-checkbox__4923f input[type=checkbox][disabled]:checked+label::before {
background: #dadfe3
}
@keyframes checkbox-rotate-reverse {
0% {
transform: rotate(0)
}
100% {
transform: rotate(90deg)
}
}
@keyframes checkicon-rotate {
0% {
transform: rotate(45deg)
}
100% {
transform: rotate(180deg)
}
}
@keyframes checkicon-rotate-reverse {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes checkbox-fade-in {
0% {
opacity: 0;
border-radius: 50%;
border-color: #02b875
}
80% {
border-color: #02b875
}
100% {
opacity: 1;
border-radius: 2px;
border-color: #dadfe3
}
}
@keyframes checkbox-fade-out {
0% {
opacity: 1;
border-radius: 2px;
border-color: #02b875
}
100% {
opacity: 0;
border-radius: 50%;
border-color: #02b875
}
}
.__ui-form__custom-radio-button__0c4d3 {
cursor: pointer
}
.__ui-form__custom-radio-button__0c4d3 input[type=radio] {
position: absolute;
opacity: 0
}
.__ui-form__custom-radio-button__0c4d3 input[type=radio]+.custom-radio-button {
user-select: none;
cursor: pointer;
position: relative;
display: inline-block;
width: 14px;
height: 14px;
top: 2px;
font-weight: initial;
max-width: auto;
margin-bottom: 0;
margin-right: 3px
}
.__ui-form__custom-radio-button__0c4d3 input[type=radio]+.custom-radio-button::after,.__ui-form__custom-radio-button__0c4d3 input[type=radio]+.custom-radio-button::before {
content: "";
display: block;
position: absolute;
top: 0;
box-sizing: border-box
}
.__ui-form__custom-radio-button__0c4d3 input[type=radio]+.custom-radio-button::before {
left: 0;
border: 1px solid #dadfe3;
border-radius: 50px;
width: 14px;
height: 14px;
background: #fff;
transition: all .3s ease
}
.__ui-form__custom-radio-button__0c4d3 input[type=radio]+.custom-radio-button::after {
left: 3px;
border-radius: 100%;
width: 8px;
height: 8px;
opacity: 0;
transition: opacity .2s ease-in-out;
box-sizing: border-box
}
.__ui-form__custom-radio-button__0c4d3 input[type=radio]:focus+.custom-radio-button::before,.__ui-form__custom-radio-button__0c4d3 input[type=radio]:hover+.custom-radio-button::before {
border-color: #58626b
}
.__ui-form__custom-radio-button__0c4d3 input[type=radio]:checked+.custom-radio-button::before {
background: #fff;
border-color: #02b875;
box-shadow: none
}
.__ui-form__custom-radio-button__0c4d3 input[type=radio]:checked+.custom-radio-button::after {
border-radius: 50%;
background-color: #02b875;
opacity: 1;
top: 3px
}
.__ui-form__custom-radio-button__0c4d3 input[type=radio]:checked:focus+.custom-radio-button::before {
border-color: #02d185;
box-shadow: 0 0 4px 1px rgba(2,184,117,.6)
}
.__ui-form__custom-radio-button__0c4d3 input[type=radio]:checked:focus+.custom-radio-button::after {
background-color: #02d185
}
.__ui-form__custom-radio-group__4beaf input[type=radio] {
position: absolute;
opacity: 0
}
.__ui-form__custom-radio-group__4beaf input[type=radio]+label {
user-select: none;
cursor: pointer;
padding-left: 20px;
position: relative
}
.__ui-form__custom-radio-group__4beaf input[type=radio]+label::before {
position: absolute;
left: 0;
top: 3px;
display: block;
content: "";
border: 1px solid #dadfe3;
border-radius: 50px;
height: 13px;
width: 13px;
background: #fff;
transition: all .3s ease;
box-sizing: border-box
}
.__ui-form__custom-radio-group__4beaf input[type=radio]+label::after {
position: absolute;
display: block;
content: "";
left: 3px;
top: 6px;
border-radius: 100%;
width: 7px;
height: 7px;
opacity: 0;
transition: opacity .2s ease-in-out;
box-sizing: border-box
}
.__ui-form__date-range-field__aa137 [data-hidden],.__ui-form__editor__drag-and-drop__78cc6 {
display: none
}
.__ui-form__custom-radio-group__4beaf input[type=radio]:focus+label::before,.__ui-form__custom-radio-group__4beaf input[type=radio]:hover+label::before {
border-color: #6f7c87
}
.__ui-form__custom-radio-group__4beaf input[type=radio]:checked+label {
color: #183247;
font-weight: 500;
-webkit-font-smoothing: antialiased
}
.__ui-form__custom-radio-group__4beaf input[type=radio]:checked+label::before {
background: #fff;
border-color: #02b875;
box-shadow: none
}
.__ui-form__custom-radio-group__4beaf input[type=radio]:checked+label::after {
border-radius: 50%;
background: #02b875;
opacity: 1;
top: 6px
}
.__ui-form__date-field__591b7 .datepicker-dropdown {
border: 1px solid #ccc;
border-radius: 4px;
padding: 0;
width: 280px
}
.__ui-form__date-field__591b7 .datepicker-dropdown::before {
content: " ";
position: absolute;
width: 0;
border: 8px solid transparent;
right: 39px;
top: -16px;
border-bottom-color: #ccc
}
.__ui-form__date-field__591b7 .datepicker-dropdown::after {
content: " ";
position: absolute;
width: 0;
border: 7px solid transparent;
right: 40px;
top: -14px;
border-bottom-color: #fff
}
.__ui-form__date-field__591b7 .btn--input-clear {
position: absolute;
right: -6px;
bottom: 1px;
z-index: 1
}
.__ui-form__date-range-field__aa137 .datepicker-dropdown {
border: 1px solid #ccc;
border-radius: 4px;
padding: 0;
width: 280px
}
.__ui-form__date-range-field__aa137 .datepicker-dropdown::before {
content: " ";
position: absolute;
width: 0;
border: 8px solid transparent;
right: 39px;
top: -16px;
border-bottom-color: #ccc
}
.__ui-form__date-range-field__aa137 .datepicker-dropdown::after {
content: " ";
position: absolute;
width: 0;
border: 7px solid transparent;
right: 40px;
top: -14px;
border-bottom-color: #fff
}
.__ui-form__date-range-field__aa137 .btn--input-clear {
color: #555;
font-size: 18px;
font-weight: 700;
position: absolute;
right: 0;
bottom: -4px;
z-index: 1
}
.__ui-form__editor__drag-and-drop__78cc6.drop-zone {
width: auto;
height: 100px;
padding-top: 40px;
text-align: center;
border: 1px dashed #979797;
margin: 10px
}
.__ui-form__editor__drag-and-drop__78cc6.drop-active {
display: block
}
.__ui-form__editor__drag-and-drop__78cc6.drop-target {
background: #f6fff8
}
.__ui-form__editor__editor-tools__05868 {
display: inline-block;
position: relative
}
.__ui-form__editor__editor-tools__05868 .ticket-editor__toolbar {
display: none;
position: absolute;
min-width: 270px;
top: -50px
}
.__ui-form__editor__editor-tools__05868 .ticket-editor__toolbar button.fr-btn {
color: #5a6670;
width: 24px
}
.__ui-form__editor__editor-tools__05868 .ticket-editor__toolbar button.fr-btn:hover {
background: 0 0
}
.__ui-form__editor__editor-tools__05868 .ticket-editor__toolbar button.fr-btn.fr-active {
color: #02b875
}
.__ui-form__editor__editor-tools__05868 .ticket-editor__toolbar button.fr-btn .fa {
margin: 0 auto;
font-size: 12px;
width: 100%;
height: 25px;
line-height: 2;
border-radius: 2px
}
.__ui-form__editor__editor-tools__05868 .ticket-editor__toolbar button.fr-btn .fa:hover {
background: #ebedf0
}
.__ui-form__editor__editor-tools__05868 .ticket-editor__toolbar .fr-separator.fr-vs {
height: 22px;
width: 1px;
margin: 7px 2px 2px
}
.__ui-form__editor__editor-tools__05868 .ticket-editor__toolbar .pointer {
position: absolute
}
.__ui-form__editor__editor-tools__05868 .ticket-editor__toolbar .pointer::after,.__ui-form__editor__editor-tools__05868 .ticket-editor__toolbar .pointer::before {
bottom: 100%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.__ui-form__editor__editor-tools__05868 .ticket-editor__toolbar .pointer::before {
border-top-color: #fff;
border-width: 5px;
left: 11px;
z-index: 6;
top: -1px
}
.__ui-form__editor__editor-tools__05868 .ticket-editor__toolbar .pointer::after {
border-top-color: #dadfe3;
border-width: 6px;
left: 10px;
top: -1px;
z-index: 5
}
.__ui-form__editor__editor-tools__05868.show-toolbar .ticket-editor__toolbar {
display: block
}
.__ui-form__editor__text-editor__596c1 .fr-view img.fr-dii[rel=cursor],.__ui-form__editor__ticket-editor__81672 .attachment-wrapper .app-icon-fileupload input[type=file] {
display: none
}
.__ui-form__editor__editor-tools__05868.show-toolbar .ticket-editor__action {
background: #ebedf0;
border-radius: 2px
}
.__ui-form__editor__editor-tools__05868.show-toolbar .ticket-editor__action .app-icon {
fill: #1e464c
}
.__ui-form__editor__editor-tools__05868 .fr-toolbar {
border: 1px solid #dadfe3;
border-radius: 2px;
box-shadow: none
}
.__ui-form__editor__social-editor__0a3ff {
background-color: #fff;
width: 100%
}
.__ui-form__editor__social-editor__0a3ff .socialeditor__bodytext {
resize: none;
width: 100%;
height: 150px;
padding: 15px 15px 0;
border: 0
}
.__ui-form__editor__social-editor__0a3ff .socialeditor__bodytext:focus {
outline: 0
}
.__ui-form__editor__social-editor__0a3ff .socialeditor__footer {
height: 60px;
padding: 15px 10px;
background: #f5f8fa;
border-top: 1px #dadfe3 solid;
border-radius: 0 0 2px 2px
}
.__ui-form__editor__social-editor__0a3ff .socialeditor__actions {
padding-top: 4px;
width: 50%;
float: left
}
.__ui-form__editor__social-editor__0a3ff .socialeditor__actions svg {
height: 16px;
width: 16px
}
.__ui-form__editor__social-editor__0a3ff .socialeditor__btn {
text-align: right;
width: 50%;
float: right
}
#moduleloading,.btn,.loader,.partloading {
text-align: center
}
.__ui-form__editor__social-editor__0a3ff .socialeditor__count {
position: relative;
top: -3px;
padding-left: 5px
}
.__ui-form__editor__social-editor__0a3ff .socialeditor__count--error {
color: #ff5959!important
}
.__ui-form__editor__text-editor__596c1 .fr-quoted-controls {
width: 50px;
overflow: hidden;
position: relative;
z-index: 1;
left: 14px;
height: 18px;
bottom: 5px
}
.__ui-form__editor__text-editor__596c1 .fr-quoted-marker-remove {
position: relative;
top: -8px;
height: 10px;
color: #6f7c87;
opacity: 0;
transition: opacity .3s ease
}
.__ui-form__editor__text-editor__596c1 .fr-quoted-marker-remove:hover {
color: #58626b
}
.__ui-form__editor__text-editor__596c1 .fr-quoted-controls:hover .fr-quoted-marker-remove {
opacity: 1
}
.__ui-form__editor__text-editor__596c1 .fr-quoted-marker,.__ui-form__editor__text-editor__596c1 .fr-quoted-marker-remove {
margin: 0
}
.__ui-form__editor__text-editor__596c1 .fr-box.fr-basic .fr-element {
padding: 16px
}
.__ui-form__editor__text-editor__596c1 .fr-box.fr-basic .fr-element[contenteditable=false] {
opacity: .4
}
.__ui-form__editor__ticket-editor__81672 {
background-color: #fff;
width: 100%;
border-radius: 0 0 4px 4px
}
.__ui-form__editor__ticket-editor__81672 .editor-tools__survey--enabled svg {
fill: #02b875
}
.__ui-form__editor__ticket-editor__81672 .attachment-wrapper {
width: 28px;
height: 28px;
text-align: center
}
.__ui-form__editor__ticket-editor__81672 .attachment-wrapper .app-icon-fileupload {
position: absolute;
z-index: 5;
overflow: hidden;
opacity: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
cursor: pointer
}
.__ui-form__editor__ticket-editor__81672 .surveys,.__ui-form__editor__ticket-editor__81672 .ticket-editor__footer .editor-tools {
display: inline-block
}
.__ui-form__editor__ticket-editor__81672 .attachment {
padding: 0
}
.__ui-form__editor__ticket-editor__81672 .attachment__item {
margin-bottom: 10px;
margin-left: 4px;
float: left;
overflow: unset
}
.__ui-form__editor__ticket-editor__81672 .attachment__item:hover .action-btns {
opacity: 1
}
.__ui-form__editor__ticket-editor__81672 .ticket-editor__action {
padding-top: 6px
}
.__ui-form__editor__ticket-editor__81672 .ticket-editor__footer {
border-radius: 0 0 2px 2px
}
.__ui-form__editor__ticket-editor__81672 .ticket-editor__footer .editor-tools .dropdown-menu {
min-width: 350px
}
.__ui-form__editor__ticket-editor__81672 .ticket-editor__footer .ticket-editor__actions {
width: 50%
}
.__ui-form__editor__ticket-editor__81672 .ticket-editor__footer .ticket-editor__action {
padding-top: 6px;
margin-bottom: 6px;
border-radius: 2px
}
.__ui-form__editor__ticket-editor__81672 .ticket-editor__footer .ticket-editor__action svg {
height: 16px;
width: 16px;
fill: #5a6670
}
.__ui-form__editor__ticket-editor__81672 .ticket-editor__footer .ticket-editor__action--active svg,.__ui-form__editor__ticket-editor__81672 .ticket-editor__footer .ticket-editor__action:hover svg {
fill: #1e464c
}
.__ui-form__editor__ticket-editor__81672 .ticket-editor__footer .ticket-editor__action:hover {
background: #ebedf0
}
.__ui-form__editor__ticket-editor__81672 .ticket-editor__footer .ticket-editor__action--active {
background: #ebedf0;
border-radius: 2px
}
.__ui-form__editor__ticket-editor__81672 .ticket-editor__footer .ticket-editor__btn {
width: 50%
}
.__ui-form__editor__ticket-editor__81672.has-footer .ticket-editor__footer {
height: 56px;
padding: 12px;
background: #f9f9f9;
border-top: 1px #ebeef0 solid
}
.__ui-form__editor__ticket-editor__81672 .loader {
padding: 6px 4px;
display: inline-block
}
.__ui-form__editor__ticket-editor__81672 .surveys .ember-basic-dropdown-content--above {
left: 10px
}
.__ui-form__editor__ticket-editor__81672 .surveys .dropdown-menu {
margin-top: 6px
}
.__ui-form__editor__ticket-editor__81672 .surveys .surveys-list.active-survey {
background-color: #ebedf0
}
.__ui-form__editor__ticket-editor__81672 .surveys .surveys-list .app-dropdown__item {
cursor: pointer
}
.__ui-form__editor__ticket-editor__81672 .surveys .surveys-list .survey-icon {
position: absolute;
top: 12px
}
.__ui-form__editor__ticket-editor__81672 .survey-confirmation {
display: flex;
border: 1px solid #dadfe3;
min-height: 50px;
margin: 15px 14px;
background-color: #ebeef0;
color: #183247;
border-left-width: 3px;
align-items: center;
border-left-color: #6f7c87
}
#modal-wormhole,.__ui-form__select-field__bce06 .ember-power-select-trigger[aria-disabled=true] .ember-power-select-status-icon {
display: none
}
.__ui-form__editor__ticket-editor__81672 .survey-confirmation .survey-confirmation-icon {
color: #02b875;
min-height: inherit;
margin-left: 25px
}
.__ui-form__editor__ticket-editor__81672 .survey-confirmation .survey-confirmation-text {
margin-left: 4px;
padding: 6px
}
.__ui-form__select-field__bce06 .ember-power-select-trigger {
border-bottom-style: dotted
}
.__ui-form__select-field__bce06 .ember-power-select-trigger[aria-disabled=true] {
cursor: default
}
.__ui-form__select-field__bce06 .ember-power-select-trigger[aria-disabled=true] .ember-power-select-selected-item {
color: #6f7c87;
font-weight: 400
}
.btn.btn--danger,.btn.btn--primary,.btn.btn--secondary,.btn.btn--tertiary {
letter-spacing: .3px;
font-weight: 700;
text-transform: uppercase
}
.__ui-form__select-field__trigger__power-select-multiple__8a46b.select-all .power-select-validate-option .ember-power-select-multiple-option {
border-color: #aeaeae!important
}
.__ui-form__select-field__trigger__power-select-multiple__8a46b.select-all .power-select-validate-option .ember-power-select-multiple-option.ember-power-select-multiple-option-error {
border: 1px solid red!important
}
.__ui-form__select-field__trigger__power-select-multiple__8a46b .power-select-validate-option .ember-power-select-multiple-option-error {
background-color: #fff4f4!important;
color: red;
border: 1px solid #ffc1c1!important
}
.__ui-form__select-field__trigger__power-select-multiple__8a46b .power-select-validate-option .ember-power-select-multiple-option-error .ember-power-select-multiple-remove-btn {
color: red!important
}
.t_inputholder {
margin-bottom: 10px
}
.t_row input {
width: 100%
}
.page-loading .loader {
position: absolute
}
#moduleloading {
margin: 140px 40px 40px
}
.partloading {
padding: 40px;
position: relative
}
.ticket-loading {
position: relative;
right: -20px
}
.tickets-list-loading {
margin-left: 10px
}
.tickets-list-loading .gravity-loader {
width: 16px
}
.module-loading .gravity-loader,.page-loading .gravity-loader,.part-loading .gravity-loader {
width: 20px
}
.module-loading .gravity-loader .path,.page-loading .gravity-loader .path,.part-loading .gravity-loader .path {
stroke-width: 6px
}
.very-small-loading .gravity-loader {
width: 10px
}
.very-small-loading .gravity-loader .path {
stroke-width: 7px
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
#nprogress .bar {
background: #02b875
}
.loader {
top: 45%;
width: 100%;
margin: 0 auto
}
.loader__pillar {
animation: equalize 1.1s ease-in-out infinite;
display: inline-flex;
margin-right: 0;
width: 4px;
height: 8px
}
.loader__pillar:nth-child(1) {
background-color: #bce9da
}
.loader__pillar:nth-child(2) {
animation-delay: .16s;
background-color: #54cc9f;
height: 10px;
position: relative;
top: 1px
}
.loader__pillar:nth-child(3) {
animation-delay: .32s;
background-color: #02b875;
height: 12px;
position: relative;
top: 2px
}
.loader--small,.loader--verysmall {
width: auto;
display: inline
}
.loader--verysmall .loader__pillar {
animation: equalize 1.1s ease-in-out infinite;
display: inline-flex;
margin-right: 0;
width: 2px;
height: 2px
}
.loader--verysmall .loader__pillar:nth-child(2) {
height: 4px;
animation-delay: .16s
}
.loader--verysmall .loader__pillar:nth-child(3) {
height: 6px;
animation-delay: .32s
}
@keyframes equalize {
0%,50% {
transform: scaleY(1)
}
25% {
transform: scaleY(1.6)
}
}
button {
border: 0;
background: 0 0
}
button:focus {
outline: 0
}
.btn {
font-size: 12px;
padding: 7px 15px 6px;
border: none;
border-radius: 2px;
outline: 0;
color: #fff;
min-width: 80px;
-webkit-font-smoothing: antialiased
}
.btn:focus {
transform: scale(.98)
}
.btn.scale-none {
transform: scale(1)
}
.app-icon-btn:focus,.btn--primary:focus,.btn--secondary:focus {
transform: scale(.98)
}
.btn-block .btn--primary,.btn-block .btn--secondary {
margin-left: 8px
}
.btn.btn--danger {
background: #ff5959;
border: 1px solid #e14e4e;
border-radius: 2px
}
.btn.btn--danger:hover {
background: #e14e4e
}
.btn--primary {
background-color: #02b875;
border: 1px solid #03a86b
}
.btn--primary:hover:not([disabled]) {
background-color: #02a468
}
.btn--primary.disabled,.btn--primary:active,.btn--primary[disabled] {
box-shadow: none;
transition: .1s linear
}
.btn--primary:focus {
background-color: #02d185;
border: 1px solid #03c17b;
transition: .1s linear
}
.btn--primary.disabled,.btn--primary[disabled] {
cursor: not-allowed;
transition: .1s linear;
background-color: #b7e5d6;
color: #f3f5f7;
border: 1px solid #b7e5d6
}
.btn--primary input {
background: 0 0;
padding: 0;
border: none
}
.btn--secondary,.btn--tertiary {
color: #183247;
border: 1px solid #dadfe3
}
.btn--secondary {
background-color: #fff
}
.btn--secondary:focus,.btn--secondary:hover {
background-color: #f3f5f7
}
.btn--secondary.disabled,.btn--secondary:active,.btn--secondary[disabled] {
box-shadow: none;
transition: .1s linear
}
.btn--secondary.disabled,.btn--secondary[disabled] {
opacity: .5;
pointer-events: none;
cursor: default
}
.btn--tertiary {
background-color: #fff;
padding: 5px 10px
}
.btn--tertiary:focus,.btn--tertiary:hover {
background-color: #e6e6e6
}
.btn--danger {
color: #fff;
background-color: #ff5959;
border-color: #e14e4e
}
.btn--danger:focus,.btn--danger:hover {
background-color: #ff4040
}
.btn--capsule {
background-color: #fff;
border: 1px solid #dadfe3;
padding: 2px 8px;
display: inline-block;
color: #183247
}
.btn--transparent {
background-color: transparent;
border: none;
color: #183247;
padding: 8px 5px;
box-shadow: none
}
.btn--block {
width: 100%;
display: block
}
.app-icon-btn,.app-icon-btn--text .app-icon,.app-icon-btn--text a,.btn--tag,.btn--text-transparent .app-icon,.tag-inline,.tag-more-btn {
display: inline-block
}
.btn__small {
border-radius: 3px;
padding: 2px 10px
}
.btn__oval {
border-radius: 14px;
padding: 2px 10px
}
.btn--tag {
border: 1px solid #dadfe3;
cursor: pointer;
padding: 2px;
margin-left: 5px;
border-radius: 2px;
height: 13px;
line-height: .8;
font-size: 10px
}
.tag,.tag--normal {
font-size: 11px
}
.btn--tag .app-icon {
width: 8px
}
.tag {
border-radius: 2px;
padding: 2px 4px;
color: #848b99;
background-color: #fff;
font-weight: 500
}
.tag--new {
background-color: #e7faec;
color: #00ae2d;
border: 1px solid #a9deb7
}
.tag--customer-responded {
background-color: #f4f8ff;
color: #1971e3;
border: 1px solid #c3dcff
}
.tag--overdue {
background-color: #fff4f4;
color: #ff2525;
border: 1px solid #ffd0d0
}
.tag--archived {
background-color: #ef8464;
color: #fff;
border: 1px solid #ef8464
}
.tag--closed {
background-color: #f3f5f7;
border: 1px solid #d4dce3
}
.tag--elapsed {
background-color: #fff4f4;
color: #ff2525;
border: 1px solid #ffd0d0
}
.tag--associated {
background-color: #fff;
border: 1px solid #ccc
}
.tag-bullet {
position: relative;
left: 1px;
margin-right: 1px;
color: #6f7c87;
border: 1px solid #dadfe3
}
.app-icon-btn,.fr-quoted-marker {
border-radius: 2px;
text-align: center
}
.tag--grey {
background-color: #f3f5f7
}
.app-icon-btn {
height: 28px;
min-width: 28px;
border: 1px solid #dadfe3;
color: #7b797a;
background-color: #fff;
cursor: pointer;
padding-top: 6px;
margin-right: 2px;
font-size: 12px;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
transition: .1s ease-in
}
.app-icon-btn .app-icon {
width: 14px;
height: 14px;
fill: #183247
}
.app-icon-btn--small {
width: 24px;
height: 24px
}
.app-icon-btn--small .app-icon {
width: 12px;
height: 12px
}
.app-icon-btn--large {
width: 28px;
height: 28px;
padding-top: 3px
}
.app-icon-btn--large .app-icon {
width: 21px;
height: 21px
}
.app-icon-btn--secondary {
border: none
}
.app-icon-btn--secondary:hover .app-icon {
fill: #6f7c87
}
.app-icon-btn--transparent {
background-color: transparent;
box-shadow: none;
border: none
}
.app-icon-btn--oval-left,.app-icon-btn--oval-left.app-icon-btn--active {
border-radius: 2px 0 0 2px
}
.app-icon-btn:hover:not([disabled]) {
outline: 0;
background-color: #ebedf0
}
.app-icon-btn:hover:not([disabled]) .app-icon {
fill: #183247
}
.app-icon-btn--active .app-icon,.app-icon-btn--active:focus .app-icon,.app-icon-btn--active:hover:not([disabled]) .app-icon,.app-icon-btn--toggle-state.app-icon-btn--active .app-icon {
fill: #fff
}
.app-icon-btn--active {
background-color: #02b875;
border-color: #03a86b;
fill: #fff
}
.app-icon-btn--active:focus,.app-icon-btn--active:hover:not([disabled]) {
background-color: #02b875;
border-color: #03a86b
}
.app-icon-btn--last {
margin-right: 0
}
.app-icon-btn--toggle-state.app-icon-btn--active {
background-color: #02b875;
color: #fff
}
.app-icon-btn--text {
color: #183247;
padding: 2px 10px 3px 8px
}
.app-icon-btn--text a {
color: #183247
}
.app-icon-btn--text a:hover {
text-decoration: none
}
.app-icon-btn--text .app-icon {
width: 12px;
vertical-align: middle;
position: relative;
top: -1px;
fill: #183247
}
.app-icon-btn--oval-left.app-icon-btn--active .app-icon,.app-icon-btn--oval-right.app-icon-btn--active .app-icon,.app-icon-btn--split .app-icon,.app-icon-btn--split:hover:not([disabled]) .app-icon {
fill: #fff
}
.app-icon-btn--oval-left,.app-icon-btn--oval-right {
position: relative;
margin-right: 0
}
.app-icon-btn--oval-left .app-icon,.app-icon-btn--oval-right .app-icon {
width: 14px;
height: 14px;
position: absolute;
top: 6px
}
.app-icon-btn--oval-left.app-icon-btn--active,.app-icon-btn--oval-right.app-icon-btn--active {
background-color: #02b875;
color: #fff
}
.app-icon-btn--oval-left {
right: -4.08px;
z-index: 2
}
.app-icon-btn--oval-left .app-icon {
left: 6px
}
.app-icon-btn--oval-right .app-icon {
left: 7px
}
.app-icon-btn--oval-right.app-icon-btn--active {
border-radius: 0 2px 2px 0;
z-index: 2
}
.app-icon-btn--split,.app-icon-btn--split:hover:not([disabled]) {
background-color: #284255
}
.app-icon-btn--disabled .app-icon,.app-icon-btn--disabled:hover:not([disabled]) .app-icon,.app-icon-btn[disabled] .app-icon,.app-icon-btn[disabled]:hover:not([disabled]) .app-icon {
fill: #cdcdcd
}
.app-icon-btn-flat {
width: 23px;
height: 30px;
border-radius: 0;
border-right: none;
float: left;
border-left: 1px #dadfe3 solid
}
.app-icon-btn--disabled,.app-icon-btn[disabled] {
cursor: not-allowed;
color: #dadfe3
}
.app-icon-btn--disabled:hover:not([disabled]),.app-icon-btn[disabled]:hover:not([disabled]) {
border-color: #cdcdcd
}
.app-icon-btn--primary {
background-color: #02b875;
border: 1px solid #03a86b;
color: #fff
}
.app-icon-btn--primary:hover:not([disabled]) {
background-color: #02a468
}
.btn--text-transparent {
color: #448ee1;
padding: 0;
border: none;
background-color: transparent
}
.btn--text-transparent:focus,.btn--text-transparent:hover {
background-color: transparent;
text-decoration: none
}
.btn--text-transparent:focus .app-icon,.btn--text-transparent:hover .app-icon {
fill: #448ee1
}
.btn--text-transparent .app-icon {
width: 12px;
vertical-align: middle;
position: relative;
top: -1px;
fill: #448ee1
}
.app-pagination-left {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.app-pagination-right {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.color--yellow {
color: #fcd70a
}
.color--blue {
color: #4a90e2
}
.small-seperators {
padding: 0 5px
}
.small-seperators__icon {
color: #6f7c87;
font-size: 16px;
border-left: 1px #ebeef0 solid;
padding: 0 8px;
cursor: pointer
}
.small-seperators__icon:first-child {
border-left: none
}
.jar-medium {
width: 20px;
height: 20px;
position: relative;
top: -3px
}
input[type=range] {
margin: auto;
outline: 0;
padding: 0;
width: 108px;
box-sizing: border-box;
height: 2px;
position: relative;
top: 6px;
background-color: #dadfe3;
background-image: linear-gradient(to right,#4baba7,#4aa8a4);
background-size: 0;
background-repeat: no-repeat;
border-radius: 10px;
cursor: pointer;
-webkit-appearance: none
}
input[type=range]::-webkit-slider-runnable-track {
box-shadow: none;
border: none;
background: 0 0;
-webkit-appearance: none
}
input[type=range]::-moz-range-track {
box-shadow: none;
border: none;
background: 0 0
}
input[type=range]::-moz-focus-outer {
border: 0
}
input[type=range]::-webkit-slider-thumb {
width: 10px;
height: 10px;
border: 0;
background: #02b875;
border-radius: 50%;
-webkit-appearance: none
}
input[type=range]::-moz-range-thumb {
width: 10px;
height: 10px;
border: 0;
background: #02b875;
border-radius: 50%;
-webkit-appearance: none
}
.fr-quoted-marker,.fr-quoted-marker--expanded,.tag-more-btn {
background-color: #fff
}
.fr-quoted-marker {
border: 1px solid #dadfe3;
height: 12px;
margin: 15px 0 0;
outline: 0;
line-height: 4px;
padding: 0 2px 5px;
bottom: 0
}
.fr-quoted-marker::after {
content: '...';
position: relative;
font-size: 21px;
top: -2px;
letter-spacing: -.03em;
color: #c9d1d0;
height: 10px;
margin: 0
}
.sidebar--btn,.ticket-sidebar--btn {
margin-left: 8px
}
.fr-quoted-marker:focus,.fr-quoted-marker:hover {
border-color: #6f7c87
}
.fr-quoted-marker:focus::after,.fr-quoted-marker:hover::after {
color: #58626b
}
.tag-more-btn {
position: relative;
cursor: pointer;
border-radius: 2px;
font-size: 11px;
color: #6f7c87;
padding: 0 3px
}
.tag-more-btn:hover {
color: #58626b
}
.tag-more-btn__item {
padding: 4px 8px
}
.tag-more-btn .app-icon {
position: relative;
top: 1px
}
.tag-more-btn .app-dropdown {
top: 22px;
right: -18px
}
.btn-group .app-icon-btn {
margin-right: 0
}
.btn--mini {
font-size: 11px;
padding: 5px 10px;
min-width: 60px
}
.sidebar--btn {
margin-top: 1px
}
.dropdown-addwatcher {
border: 1px solid #e5e5e5;
min-width: 265px;
top: 5px;
left: -3px;
padding: 15px 14px
}
.dropdown-addwatcher .removewatcher {
display: inline-block;
vertical-align: middle;
margin-top: 4px;
margin-right: 7px;
margin-left: 5px
}
.dropdown-addwatcher .removewatcher-hidden {
opacity: .1
}
.dropdown-addwatcher .ember-power-select-trigger {
width: 100%;
border-radius: 0;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent
}
.dropdown-addwatcher .ember-power-select-selected-item,.dropdown-addwatcher .ember-power-select-trigger .ember-power-select-status-icon {
display: none
}
.dropdown-addwatcher .ember-power-select-dropdown {
transform: translateY(-6px);
width: 100px;
margin: 0 auto;
right: 0;
position: absolute;
min-width: 100%;
line-height: 1.5
}
.dropdown-addwatcher .ember-power-select-dropdown .template_list_icon {
position: relative;
top: 2px
}
.dropdown-addwatcher .input,.dropdown-addwatcher .input input {
margin: 0
}
.dropdown-addwatcher .m-spinner-holder {
background: rgba(255,255,255,.9);
left: 0
}
.dropdown-addwatcher_info {
font-size: 12px;
margin: 3px 0;
line-height: 1.3;
color: #6f7c87
}
.app-dropdown-group.open .app-icon-btn--text,.app-dropdown-group.open .count {
color: #fff
}
.dropdown-addwatcher__watcherlist {
background-color: #fff;
margin: 10px 0
}
.dropdown-addwatcher__watcherlist .watchername {
padding-left: 5px
}
.dropdown-addwatcher__watcherlist:first-child {
border-radius: 6px 0;
background-color: transparent;
border-bottom: none;
line-height: 1.42857;
margin-top: 0
}
.dropdown-addwatcher__watcherlist:last-child {
border-radius: 0 6px;
border-bottom: none;
margin-bottom: 0
}
.dropdown-addwatcher__watcherlist--link {
cursor: pointer
}
.dropdown-addwatcher .existing-watchers {
margin-top: 10px;
max-height: 236px;
overflow-y: auto
}
.watcher-selectlist {
padding: 5px 2px
}
.watcher-selectlist .watcherlist {
padding-left: 0;
margin-left: -1px;
margin-top: 2px;
display: inline-block
}
.watcher-selectlist .watcher-name {
padding-left: 6px
}
.watcher-selectlist .ember-basic-dropdown-content {
top: 1px;
min-height: 118px
}
.app-dropdown-group {
vertical-align: inherit;
display: inline-block
}
.app-dropdown-group.open {
border-color: #02b875
}
.app-dropdown-group.open .app-icon-btn .app-icon {
fill: #fff
}
.app-dropdown-group.open .app-icon-btn {
border-color: #02b875;
background-color: #02b875
}
.classic-active .app-icon-btn {
padding-bottom: 5px;
margin-left: 5px
}
.classic-active.open .app-icon-btn {
border: none;
background-color: #f3f5f7;
box-shadow: none
}
.app-dropdown {
padding: 10px;
max-width: 480px;
border-radius: 2px;
z-index: 1000;
min-width: 160px;
list-style: none;
font-size: 13px;
text-align: left
}
.app-dropdown__item {
border-radius: 2px;
color: #183247;
position: relative
}
.app-dropdown__item .selectedtick {
right: 5px;
top: 5px;
fill: #02b875;
position: absolute
}
.app-dropdown__item a {
display: block;
clear: both;
padding: 3px 10px;
line-height: 1.42857;
color: #183247;
white-space: nowrap
}
.app-dropdown__item a:hover {
text-decoration: none;
background-color: #ebedf0
}
.app-dropdown-plain {
padding: 20px;
min-width: 200px
}
.drop-small {
position: relative
}
.drop-small .ember-power-select-trigger {
font-size: 13px;
font-weight: 400;
border: none;
padding: 0 8px
}
.drop-small .ember-power-select-trigger:hover {
border-radius: 3px
}
.drop-small .ember-power-select-trigger:hover .ember-power-select-status-icon {
opacity: 1
}
.drop-small__icon {
position: absolute;
top: 4px;
left: -10px
}
.drop-small__select {
color: #6f7c87;
max-width: 100%
}
.app-custom-dropdown__option.selected,.dropdown-list .dropdown-list__item--selected {
color: #02b875
}
.drop-small--error,.drop-small--success {
transition: .2s ease;
border-radius: 3px;
display: block
}
.drop-small--success {
background-color: #23fdad
}
.drop-small--error {
background-color: #fdb2b3
}
.dropdown-pointer-left,.dropdown-pointer-right {
position: absolute;
background: #fff;
border: 1px solid #dadfe3;
top: 35px
}
.dropdown-pointer-left::after,.dropdown-pointer-left::before,.dropdown-pointer-right::after,.dropdown-pointer-right::before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.dropdown-pointer-left::after,.dropdown-pointer-right::after {
border-color: rgba(255,255,255,0);
border-bottom-color: #fff;
border-width: 6px;
margin-left: -6px;
right: 7px
}
.dropdown-pointer-left::before,.dropdown-pointer-right::before {
border-color: rgba(229,229,229,0);
border-bottom-color: #dadfe3;
right: 6px;
border-width: 7px;
margin-left: -7px
}
.dropdown-pointer-left::after,.dropdown-pointer-left::before {
left: 13px
}
.dropdown-pointer-left-down::after {
border-color: rgba(255,255,255,0);
border-top-color: #fff
}
.dropdown-pointer-left-down::before {
border-color: rgba(255,255,255,0);
border-top-color: #dadfe3
}
.dropdown-pointer-top-left {
position: absolute;
background: #fff;
border: 1px solid #dadfe3
}
.dropdown-pointer-top-left::after,.dropdown-pointer-top-left::before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.dropdown-pointer-top-left::after {
border-color: rgba(255,255,255,0);
border-right-color: #fff;
border-width: 6px;
margin-left: -6px;
right: 7px
}
.dropdown-pointer-top-left::before {
border-color: rgba(229,229,229,0);
border-right-color: #dadfe3;
border-width: 7px;
margin-left: -7px;
left: -7px;
top: 9px
}
.dropdown-large {
width: 300px
}
.create-options {
top: 31px;
right: -5px
}
[class*=hint--][aria-label]::after {
font-weight: 400
}
.text--bold,.text__title {
font-weight: 700
}
[class*=hint--]::after {
box-shadow: none;
text-shadow: none;
background: #183247
}
.hint--left::before {
margin-bottom: -7px;
border-left-color: #183247
}
.hint--right::before {
border-right-color: #183247
}
.hint--top::before {
border-top-color: #183247
}
.hint--bottom-left::before,.hint--bottom-right::before,.hint--bottom::before {
border-bottom-color: #183247
}
.dropdown-menu>li>a {
padding: 3px 10px
}
.app-custom-dropdown__option {
cursor: pointer;
position: relative;
margin-bottom: 5px;
padding: 4px 0 4px 8px;
border-radius: 4px
}
.app-custom-dropdown__option.selected::after,.dropdown-list .dropdown-list__item--selected::before {
content: "\f10a";
font-family: glyphs;
position: absolute;
right: 10px
}
.app-custom-dropdown__option:hover {
background-color: #ebedf0
}
.dropdown-list {
padding: 0;
margin: 0
}
.dropdown-list .dropdown-list__item {
list-style-type: none;
cursor: pointer;
margin: 5px;
padding: 5px
}
.dropdown-list .dropdown-list__item:hover {
background-color: #f3f5f7;
border-radius: 2px
}
.ember-basic-dropdown-content.bs-dropdown-bg-none {
background-color: transparent
}
.ember-basic-dropdown-content .pointer {
position: relative
}
.ember-basic-dropdown-content .pointer::after,.ember-basic-dropdown-content .pointer::before {
bottom: 100%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.ember-basic-dropdown-content .pointer::before {
border-bottom-color: #fff;
border-width: 5px;
left: 11px;
z-index: 1
}
.ember-basic-dropdown-content .pointer::after {
border-bottom-color: #dadfe3;
border-width: 6px;
left: 10px
}
.ember-basic-dropdown-content.dropdown-content__filter-edit {
position: fixed;
width: 300px;
left: 108px;
box-shadow: 0 2px 14px 0 #dee1e1;
border: 1px solid #dadfe3;
border-width: 0 1px 1px;
background-color: #fff
}
.ember-basic-dropdown-content.dropdown-content__filter-edit .app-form {
margin-top: 0
}
.ember-basic-dropdown-content.dropdown-content__filter-edit .title-input {
margin-bottom: 0
}
.ember-basic-dropdown-content.dropdown-content__filter-edit .title-input .ember-text-field {
font-size: 16px;
padding: 15px
}
.ember-basic-dropdown-content.dropdown-content__filter-edit .title-input .label-field {
display: none
}
.ember-basic-dropdown-content.dropdown-content__filter-edit .title-input .help-block {
margin-left: 15px;
margin-top: -15px
}
.ember-basic-dropdown-content.dropdown-content__filter-edit,.ember-basic-dropdown-content.dropdown-content__filter-edit .form--btn-actions {
border-radius: 0 0 3px 3px
}
.dropdown-content__filter-edit.ember-basic-dropdown--transitioning-in {
animation: drop-fade-below .15s
}
.dropdown-content__filter-edit.ember-basic-dropdown--transitioning-out {
animation: fadeOut .2s
}
.form--filter-edit-content {
padding: 15px
}
.dropdown-recent-ticket__item,.text__content {
color: #183247;
margin: 0;
padding: 0
}
.__ui-form__editor__social-editor__0a3ff .socialeditor__count,.text__infotext {
font-size: 13px;
color: #6f7c87
}
.text__title {
margin-bottom: 6px;
font-size: 22px
}
.text__empty-state {
margin-top: 30px;
display: block;
text-align: center;
color: #6f7c87
}
.text__empty-state--large {
font-size: 16px;
color: #183247
}
.text__link {
color: #448ee1;
margin: 0;
padding: 0;
cursor: pointer
}
.text__link-heading {
line-height: 1.14;
font-size: 14px;
color: #183247
}
.text__link-heading:hover {
color: #448ee1;
text-decoration: none
}
.text--uppercase {
text-transform: uppercase;
letter-spacing: .2px
}
.text--capatalize {
text-transform: capitalize
}
.text--lowercase {
text-transform: lowercase
}
.text-sub-title {
text-transform: uppercase;
letter-spacing: .2px;
color: #6f7c87;
font-size: 12px
}
.breadcrumb-title--modified,.breadcrumb-title--modified-link,.mini-list-title--modified,.text--modified {
transform: skewX(-7deg)
}
.breadcrumb-title--modified-link::before,.breadcrumb-title--modified::before,.mini-list-title--modified::before,.text--modified::before {
content: "*";
font-size: 20px;
position: relative;
top: 2px
}
.text--nowrap {
white-space: nowrap;
display: inline-block
}
.text--xxlarge {
font-size: 30px
}
.text--xlarge {
font-size: 22px
}
.text--large {
font-size: 20px
}
.text--medium {
font-size: 16px
}
.text--default {
font-size: 14px
}
.text--small {
font-size: 13px
}
.text--xsmall {
font-size: 12px
}
.text--verysmall {
font-size: 11px
}
.text--micro {
font-size: 10px
}
.text--verymicro {
font-size: 4px
}
.text--italic {
font-style: italic
}
.__app-components__assign-to__options__31e43 .item-selected,.__app-components__assign-to__title__c20c1 .tab-title,.__app-components__assign-to__title__c20c1 .tab-value-assigned,.__app-components__widget-sidebar__widget__ca461 .sidebar__title,.__module-dashboard__unresolved-tickets__532db .unresolved__table .lt-cell:first-child,.__module-dashboard__unresolved-tickets__532db .unresolved__table thead.lt-head,.__module-tickets__ticket-details__agent-collision__agents-replying__9b7b1 .agent-collision-reply-count,.__module-tickets__ticket-details__ticket-actions__shared__collapsed-email__9c07f .display__email,.__page-layout__page-sidebar__11338 .sidebar__title,.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination__gap,.__ui-components__fresh-pagination__07dbe .pagination-wrapper .pagination__link,.__ui-components__refresh-notification__9962b .refresh-notification__container__count,.add-timer .time-count,.app-form .ember-power-select-selected-item,.app-icon-btn,.breadcrumb__item,.btn,.ember-power-select-multiple-option,.fresh-table .list thead .lt-column,.fresh-table .list thead th,.input.has-content input[type=text],.input.has-content input[type=email],.input.has-content input[type=password],.input.has-content input[type=date],.input.has-content input[type=number],.input.has-content textarea,.lightbox-label,.lt-head .lt-column,.mini-list-subject,.mini-list-title,.modal-title,.search-clear,.text--semibold,.ticket-action .ember-power-select-trigger .ember-power-select-selected-item,.ticket-action__clear,.ticket-action__copyemail span,.ticket-action__fbpagename,.ticket-action__replyhandle,.ticket-action__requester,.ticket-details .ticket-sidebar-sticky,.ticket-details__item--more .more-count,.valid .editor-create-ticket .caption,.valid .editor-edit-note .caption,.valid .input .ember-power-select-placeholder,.valid .input input[type=text],.valid .input input[type=email],.valid .input input[type=password],.valid .input input[type=date],.valid .input input[type=number],.valid .input label,.valid .input textarea,.valid input {
font-weight: 500
}
.dropdown .calendar-controls .ember-power-select-selected-item,.text--normal {
font-weight: 400
}
.text--light {
font-weight: 200
}
.text--dark {
color: #183247
}
.text--green {
color: #15be00
}
.text--primary-color {
color: #02b875
}
.text--orange,.ticket-filter .input input.edit-category[type=text] {
color: #ffa405
}
.text--blue {
color: #4ca2ff
}
.attachment__item,.text--darkgray {
color: #707070
}
.text--gray {
color: #6f7c87
}
.text--lightgray {
color: #dadfe3
}
.text--red {
color: rgba(224,32,0,.77)
}
.text--facebook {
color: #39579a
}
.text--twitter {
color: #74c0f7
}
.text--meta {
color: #6f7c87
}
.text--chateau {
color: #acb6be
}
.text--dark-link,.text--dark-link:hover {
color: #183247
}
.text-list {
margin: 5px 0
}
.text-list__item {
padding-bottom: 5px
}
.avatar-icon,.profilepic {
color: #fff;
display: inline-block;
position: relative;
text-align: center;
border-radius: 10%
}
.avatar-icon__img,.profilepic__img {
border-radius: 4px;
max-width: 100%;
height: 100%
}
.avatar-icon .company-default,.profilepic .company-default {
vertical-align: middle;
margin-bottom: 2px
}
.avatar-icon--inline,.profilepic--inline {
vertical-align: middle
}
.avatar-icon .verify,.profilepic .verify {
text-align: center;
background-color: #fff;
color: #ffb50f;
position: absolute;
border-radius: 50%;
top: 0;
display: inline-block
}
.avatar-icon--small,.profilepic--small {
width: 24px;
height: 24px
}
.avatar-icon--small .verify,.profilepic--small .verify {
width: 12px;
height: 12px;
right: -2px;
top: -2px;
line-height: 1.2
}
.avatar-icon--small .verify .app-icon,.profilepic--small .verify .app-icon {
width: 12px
}
.avatar-icon--medium,.profilepic--medium {
width: 44px;
height: 44px
}
.avatar-icon--medium .verify,.profilepic--medium .verify {
width: 16px;
height: 16px;
top: -4px;
right: -3px;
font-size: 10px
}
.avatar-icon--medium .verify .app-icon,.profilepic--medium .verify .app-icon {
width: 12px;
margin-top: 0;
position: absolute;
left: 2px;
top: 2px
}
.avatar-icon--large,.profilepic--large {
width: 44px;
height: 44px
}
.avatar-icon--large .verify,.profilepic--large .verify {
width: 20px;
height: 20px;
line-height: 1.2;
font-size: 19px;
right: -3px;
top: -3px
}
.avatar-icon--large .verify .app-icon,.profilepic--large .verify .app-icon {
width: 16px
}
.avatar-icon--huge,.profilepic--huge {
width: 100px;
height: 100px
}
.avatar-icon--huge .verify,.profilepic--huge .verify {
width: 30px;
height: 30px;
line-height: 1.4;
font-size: 13px;
top: -14px;
right: -14px
}
.avatar-icon--huge .verify .app-icon,.profilepic--huge .verify .app-icon {
width: 26px;
position: relative;
top: 2px
}
.modal-unresolved-ticket-filter.shared-ownership-selector {
border-radius: 3px;
float: right;
height: 24px;
margin: 3px 0 0;
width: 32px
}
.modal-unresolved-ticket-filter.shared-ownership-selector.selected,.modal-unresolved-ticket-filter.shared-ownership-selector:hover {
background-color: #f3f5f7;
transition: all .3s ease
}
.modal-unresolved-ticket-filter.shared-ownership-selector.selected .shared-ownership-selector__icon,.modal-unresolved-ticket-filter.shared-ownership-selector:hover .shared-ownership-selector__icon {
fill: #6f7c87
}
.modal-unresolved-ticket-filter .shared-ownership-selector__icon {
fill: #6f7c87;
width: 14px;
margin: 5px 2px 5px 5px
}
.modal-unresolved-ticket-filter .shared-ownership-selector__dropdown .ember-basic-dropdown-content .pointer {
left: 176px
}
.modal-unresolved-ticket-filter .shared-ownership-selector__icon--arrow {
vertical-align: super;
fill: #6f7c87;
margin-left: -5px;
padding-bottom: 0;
width: 12px;
height: 10px;
padding-right: 0
}
.modal-shared-ownership-field {
margin-right: 32px
}
.modal-header .close,.modal-overlay .modal-wrapper-close {
width: 24px;
height: 24px;
position: absolute;
top: -2px;
left: -24px;
line-height: .4;
background-color: #183247;
border-radius: 0 0 0 3px;
opacity: 1
}
.modal-header {
padding: 20px 40px 10px;
position: fixed;
top: 0;
right: 0;
background: #fff;
z-index: 5;
height: 65px;
border-bottom: none;
width: 600px
}
.modal-header .close {
top: 0
}
.modal-header-email {
padding-bottom: 20px
}
.modal-title {
-webkit-font-smoothing: antialiased
}
.modal-filter-dropdown {
max-width: 100px;
float: left
}
.modal-filter-search {
width: 100%;
border: none;
border-bottom: 1px #ebeef0 solid;
padding-bottom: 3px;
line-height: 1.7;
padding-left: 20px
}
.modal-filter-search:hover {
border-bottom: 1px #6f7c87 solid;
transition: .2s linear
}
.modal-filter-search:focus {
border-bottom: 1px #02b875 solid;
box-shadow: none;
outline: 0
}
.modal-filter-search::-webkit-input-placeholder {
opacity: .5
}
.modal-filter-search::-moz-placeholder {
opacity: .5
}
.modal-filter-search:-moz-placeholder {
opacity: .5
}
.modal-filter-search:-ms-input-placeholder {
opacity: .5
}
.modal__empty-state {
text-align: center;
margin-top: 100px
}
.modal-search {
padding: 5px 0
}
.modal-search-icon {
position: absolute;
top: 5px
}
.modal-attachment,.modal-close,.modal-icons {
position: relative
}
.modal-filter-wrapper {
width: 100%;
position: relative;
padding-bottom: 0;
min-width: 78px
}
.modal-filter-wrapper .ember-power-select-trigger {
border-bottom: none;
top: -2px
}
.modal-filter-wrapper .ember-power-select-trigger:focus,.modal-filter-wrapper .ember-power-select-trigger:hover {
border-bottom: none
}
.modal-icons {
width: 28px;
height: 28px;
top: 7px
}
.modal-attachment {
width: 50px;
height: 50px
}
.modal-close:hover {
color: #183247
}
.modal-body {
padding: 26px 0 0
}
.modal-dialog {
position: absolute;
background-color: #fff;
top: 0;
right: 0;
bottom: 0;
margin: 0;
transform: translateX(100%);
transition: transform .25s ease;
border-top: 2px #183247 solid
}
.modal-dialog--xsmall {
width: 310px
}
.modal-dialog--xsmall button.close {
width: 24px;
height: 24px;
left: -24px
}
.modal-dialog--xsmall .modal-content,.modal-dialog--xsmall .modal-footer,.modal-dialog--xsmall .modal-header {
width: 310px
}
.modal-dialog--xsmall .modal-footer {
padding: 15px
}
.modal-dialog--small,.modal-dialog--small .modal-content,.modal-dialog--small .modal-footer,.modal-dialog--small .modal-header {
width: 350px
}
.modal-dialog--xxlarge {
width: 100%;
border-top: 0;
transform: none;
animation: fadeInPartial .4s ease
}
.modal-dialog--xxlarge .modal-content {
height: auto
}
.modal-dialog--large {
width: 760px
}
.modal-dialog--large .modal-content,.modal-dialog--large .modal-footer,.modal-dialog--large .modal-header {
width: 500px
}
.modal-dialog--large button.close {
position: fixed;
right: 25px;
z-index: 10
}
.modal-dialog--large .modal-sidebar {
width: 260px;
background-color: #f7f9f9;
position: fixed;
right: 0;
bottom: 0;
z-index: 2;
padding: 30px 26px 14px;
height: 100%;
overflow-y: auto;
border-left: 1px #ebeef0 solid;
transform: translate3d(0,0,0)
}
.modal-overlay.in .modal-dialog {
transform: translateX(0);
box-shadow: -25px 1px 25px 0 rgba(0,0,0,.02),2px 0 11px 0 rgba(0,0,0,.25)
}
.modal-overlay.in .prompt-dialog {
transform: translateY(0)
}
.modal-overlay.in.prompt-dialog-wrapper {
z-index: 1500
}
.modal-overlay.out .modal-dialog {
transform: translateX(0);
transition: transform .25s ease
}
.modal-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
padding: 76px 40px 58px;
height: 100%;
display: none;
overflow-y: auto;
border: none;
border-radius: 0;
box-shadow: none
}
.modal-footer,.modal-overlay {
position: fixed;
right: 0;
bottom: 0
}
.modal-content.no-footer {
padding-bottom: 15px
}
.modal-content.quick-reply {
background-color: #f8f9fa
}
.modal-content .rich-editor {
border-bottom: 1px #dadfe3 solid;
border-radius: 0
}
.modal-content .rich-editor:hover {
border-bottom: 1px #707070 solid
}
.modal-title-subtext .modal-header {
height: 80px
}
.modal-title-subtext.modal-content {
padding-top: 80px
}
.modal-footer {
padding: 13px 40px;
width: 600px;
background-color: #fff;
transform: translate3d(0,0,0);
z-index: 6;
border-top: 1px solid #dadfe3
}
.modal-footer .btn--secondary,.modal-footer .create-child {
margin-right: 5px
}
.modal-overlay {
overflow: hidden;
top: 0;
left: 0;
background-color: rgba(40,66,85,.3);
z-index: 999;
transition: .2s ease-in;
animation: fadeInDelay .2s ease-in
}
.modal-spinner {
position: absolute;
text-align: center;
top: calc(50% - 9px);
bottom: 0;
right: 0;
left: 0;
margin: auto
}
.m-spintext,.m-spintext2 {
display: block;
margin-top: 10px;
font-size: 16px;
color: #6f7c87;
-webkit-font-smoothing: antialiased
}
.m-spintext2 {
display: inline-block;
padding-left: 2px
}
.spinner-holder {
position: absolute;
width: 100%;
height: 100%;
background: #fff;
z-index: 999
}
.prompt-dialog {
max-width: 550px;
min-height: 155px;
background: #fff;
transform: translateY(-100%);
transition: transform .25s ease;
margin: auto;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px
}
.prompt-dialog .close {
position: relative;
top: -6px;
opacity: 1
}
.prompt-dialog .modal-close:hover {
fill: #183247
}
.modal-popup-wrapper {
z-index: 999;
position: absolute
}
.merge-search-ticket .modal-filter-search {
height: 26px
}
.confirm-dialog {
padding: 30px
}
.confirm-dialog__item {
padding-top: 15px;
line-height: 1.4
}
.confirm-dialog__item .iframe-wrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 80vh
}
.confirm-dialog__item .iframe-wrapper iframe {
height: 100%;
width: 100%;
border: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0
}
.confirm-dialog__footer {
background: #f9f9f9;
border-top: 1px solid #ebeef0;
padding: 12px 24px 12px 0;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px
}
.form-dialog {
padding: 30px 0 0
}
.form-dialog .confirm-dialog-title,.form-dialog .dialog-form-content {
padding: 0 30px
}
.form-dialog .dialog-form-content .title-input label {
font-size: 13px;
font-weight: 600
}
.modal-carousel_container {
overflow: hidden;
width: 100%
}
.modal-carousel_wrapper {
width: 1100px;
box-sizing: border-box;
transition: margin .3s ease;
font-size: 0
}
.modal-carousel__item {
width: 520px;
display: inline-block;
vertical-align: top;
font-size: 13px;
position: relative
}
.carousel-slider .carousel-default-view .modal-footer,.carousel-slider .carousel-default-view .modal-header .modal-header__content,.custom-cannedResponse .close,.hide-canned-response,.page-search__actions__sort .pointer {
display: none
}
.modal-carousel__item .iframe-wrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 80vh
}
.modal-carousel__item .iframe-wrapper iframe {
height: 100%;
width: 100%;
border: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0
}
.list td,.list th {
border-bottom: 1px solid #ebeef0
}
.carousel-slider {
margin-left: -520px
}
.carousel-slider .carousel-default-view {
max-height: 200px
}
.custom-cannedResponse {
min-height: 200px
}
.custom-cannedResponse .modal-content {
padding: 0 10px
}
.email-failures {
padding: 20px 35px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100%;
overflow-y: auto
}
.ticket-filter .modal-content {
padding: 55px 25px 0
}
.ticket-filter .modal-header {
padding: 20px 25px
}
.search-category {
margin-bottom: 20px
}
.modal-bg-dark {
background: rgba(0,0,0,.6)
}
.lightbox-video-preview .modal-dialog {
background-color: rgba(255,255,255,.9)
}
.lightbox-video-preview .modal-content {
background-color: transparent
}
.list {
width: 100%;
border-collapse: separate;
border-radius: 4px
}
.list thead {
background-color: #fff;
padding: 10px 0
}
.list th {
font-weight: 400;
font-size: 13px;
color: #041a15;
padding: 15px 0
}
.list tbody {
background: #fff;
transition: .3s opacity ease-in-out
}
.list td {
padding: 7px 0
}
.app-search {
position: relative;
top: 1px
}
.app-search-form {
cursor: pointer
}
.app-search__icon {
position: relative;
right: -25px
}
.app-search__input {
border: none;
cursor: pointer;
padding: 0 0 0 33px;
transition: width 40ms ease;
width: 0
}
.app-search__input:focus,.app-search__input:hover {
border-bottom: 1px #dadfe3 solid;
cursor: text;
outline: 0;
width: 270px
}
.search-clear {
cursor: pointer;
font-size: 12px;
color: #448ee1
}
.search-clear,.search-loading {
position: absolute;
right: 5px;
top: 4px
}
.input.search-property-wrapper {
margin: 0;
padding-top: 6px
}
.input.select-ticket-input-wrap {
margin: 6px 0 0;
display: none
}
.recent-search-content.ember-basic-dropdown-content {
border-top-color: #dadfe3
}
.recent-search {
width: 100%;
padding: 0 8px 5px;
margin: 0;
border-radius: 0;
border-top: none
}
.recent-search__title {
padding: 12px 14px 5px
}
.recent-search__text {
cursor: pointer;
padding: 5px 6px;
border-radius: 3px
}
.recent-search__text--active,.recent-search__text:hover {
background-color: #f3f5f7
}
.recent-search__text a {
color: #183247;
white-space: normal;
text-decoration: none
}
.recent-search__link {
padding-left: 20px
}
.recent-search .app-icon {
vertical-align: middle;
padding-right: 2px;
float: left
}
.recent-search__clear {
margin-left: 5px
}
.page-search__controls {
margin: 0 auto;
width: calc(80% + 30px);
height: 120px;
overflow: hidden;
background-color: #f9f9f9
}
.page-search__controls .modal-search-icon {
top: 24px;
opacity: .5;
left: 11px
}
.page-search__controls .search-loading {
top: 24px;
right: 20px
}
.page-search__controls .default-search-input {
height: 50px;
margin-top: 10px;
border-radius: 2px;
font-size: 18px;
padding: 0 40px;
border: 1px solid #fff;
box-shadow: 0 1px 2px 0 #dadfe3,0 2px 5px 0 rgba(0,0,0,.08)
}
.page-search__controls .default-search-input:active,.page-search__controls .default-search-input:focus {
border-color: #dadfe3
}
.page-search__actions {
padding: 10px 0;
margin: 0 auto;
width: 80%
}
.page-search__actions .text-spacing {
margin-right: 3px
}
.page-search__actions__filters {
float: right;
margin-left: 5px
}
.page-search__actions__sort {
margin-top: 8px
}
.page-search__actions__sort .dropdown__option {
padding: 5px 10px
}
.page-search__actions .app-icon-btn--oval-left {
right: -5.08px
}
.page-search__actions .ember-basic-dropdown .ember-basic-dropdown-content {
min-width: 160px;
border-radius: 4px
}
.quick-search-content.ember-basic-dropdown-content {
top: -16px;
background-color: #ebeef0
}
.ember-basic-dropdown--transitioning-in {
animation: drop-fade-above .15s
}
.calendar-layout .ember-power-calendar-day-grid {
overflow: hidden
}
.calendar-layout .ember-power-calendar-week {
margin-bottom: 5px
}
.calendar-layout .ember-power-calendar-week:first-child[data-missing-days="1"] {
margin-left: 14.2%
}
.calendar-layout .ember-power-calendar-week:first-child[data-missing-days="2"] {
margin-left: 28.4%
}
.calendar-layout .ember-power-calendar-week:first-child[data-missing-days="3"] {
margin-left: 42.6%
}
.calendar-layout .ember-power-calendar-week:first-child[data-missing-days="4"] {
margin-left: 56.8%
}
.calendar-layout .ember-power-calendar-week:first-child[data-missing-days="5"] {
margin-left: 71%
}
.calendar-layout .ember-power-calendar-week:first-child[data-missing-days="6"] {
margin-left: 85.2%
}
.calendar-layout .ember-power-calendar-week:last-child[data-missing-days="1"] {
margin-right: 14.2%
}
.calendar-layout .ember-power-calendar-week:last-child[data-missing-days="2"] {
margin-right: 28.4%
}
.calendar-layout .ember-power-calendar-week:last-child[data-missing-days="3"] {
margin-right: 42.6%
}
.calendar-layout .ember-power-calendar-week:last-child[data-missing-days="4"] {
margin-right: 56.8%
}
.calendar-layout .ember-power-calendar-week:last-child[data-missing-days="5"] {
margin-right: 71%
}
.calendar-layout .ember-power-calendar-week:last-child[data-missing-days="6"] {
margin-right: 85.2%
}
.dropdown-datepicker {
left: -50px;
width: 176px;
top: 25px;
padding: 0;
display: table
}
.dropdown-datepicker__inner {
display: table;
width: 167px
}
.dropdown-datepicker::after,.dropdown-datepicker::before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.dropdown-datepicker::after {
border-color: rgba(211,219,218,0);
border-bottom-color: #284255;
border-width: 8px;
margin-left: -8px;
left: 61px
}
.dropdown-datepicker::before {
border-color: rgba(229,229,229,0);
border-bottom-color: #e5e8e8;
border-width: 9px;
margin-left: -9px;
left: 61px
}
.ember-basic-dropdown-content.dropdown-datepicker {
z-index: 3
}
.ember-basic-dropdown-content.todo-datepicker {
position: fixed;
z-index: 1;
border-radius: 4px
}
.calendar {
padding: 0
}
.calendar__left,.calendar__right {
display: table-cell;
height: 100%;
float: none;
position: relative
}
.calendar__left {
background-color: #284255;
border-radius: 4px;
padding: 15px 10px 25px 15px;
color: #fff;
width: 167px;
z-index: 2;
vertical-align: top
}
.calendar__left--active {
background-color: #182732;
color: #02b875
}
.calendar__left--link {
color: #fff;
line-height: 1.6;
display: block;
padding: 5px;
border-radius: 3px;
margin-bottom: 4px;
cursor: pointer;
width: 100%;
text-align: left
}
.cal-control,.cal-control-holder,.day-number,.menu-calendar,.select-label {
display: inline-block
}
.calendar__left--link:hover {
background-color: #203544;
color: #f2f2f2
}
.calendar__left li {
list-style: none
}
.calendar__right {
padding: 20px;
width: 300px;
background: #fff;
border-radius: 4px;
-webkit-animation: slidefromleft .2s ease-in-out;
animation: slidefromleft .2s ease-in-out;
z-index: 1;
box-shadow: 0 6px 12px rgba(0,0,0,.05),0 1px 4px rgba(0,0,0,.15)
}
.calendar-widget {
width: 100%
}
.calendar-controls {
color: #448ee1;
font-size: 20px;
padding-left: 10px
}
.calendar-controls .ember-power-select-dropdown .ember-power-select-options {
max-height: 155px;
overflow-y: scroll
}
.calendar-controls .ember-power-select-option {
color: #183247
}
.calendar-controls .ember-basic-dropdown-trigger {
border: none;
font-size: 16px
}
.calendar-controls .ember-basic-dropdown-trigger:focus,.calendar-controls .ember-basic-dropdown-trigger:hover {
border: none
}
.calendar-controls .ember-power-select-status-icon {
right: 6px
}
.calendar-controls .ember-basic-dropdown-content--above,.calendar-controls .ember-basic-dropdown-content--below,.calendar-controls .ember-basic-dropdown-content--in-place {
min-width: 103px;
padding: 0;
border-top: 1px #dadfe3 solid
}
.menu-calendar .date-edit {
padding-top: 2px
}
.dropdown-datepicker.ember-basic-dropdown-content--above,.dropdown-datepicker.ember-basic-dropdown-content--below {
border-radius: 0;
border: none;
padding: 0;
min-width: 167px
}
.dropdown-datepicker.ember-basic-dropdown-content {
width: 167px;
border-radius: 4px
}
.show-calendar.ember-basic-dropdown-content {
width: 527px
}
.show-calendar .calendar__left {
border-radius: 4px 0 0 4px;
width: 167px
}
.show-calendar .calendar__right {
width: 360px
}
.show-calendar .dropdown-datepicker__inner {
width: 527px
}
.dropdown .calendar-controls .ember-power-select-selected-item {
font-size: 20px;
padding: 0
}
.select-label {
position: relative;
margin: 5px 0 0
}
.select-label::after {
content: "\25bc";
position: absolute;
width: 20px;
color: #333;
font-weight: 700;
font-size: 12px;
right: 2px;
bottom: 10px;
border-radius: 3px;
pointer-events: none;
z-index: 2
}
.select-label select {
position: relative;
width: 65px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
color: #acb6be;
border: none;
outline: 0;
font-size: 14px;
padding: 4px 5px;
margin: 0;
border-radius: 3px;
cursor: pointer;
height: 38px
}
.select-label select:focus,.select-label select:hover {
border: none;
outline: 0
}
.calendar__time {
width: 58px
}
.ember-power-calendar-row.ember-power-calendar-weekdays {
text-transform: uppercase;
padding: 12px 0;
font-size: 12px;
color: #6f7c87
}
.day-number {
line-height: 25px;
border-radius: 50%;
font-size: 13px;
font-weight: 500
}
.ember-power-calendar .ember-power-calendar-row {
display: block;
flex: none;
width: 100%
}
.ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day--focused {
box-shadow: none
}
.ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day {
padding: 2px;
text-align: center;
height: 34px;
flex: none
}
.ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day--current-month {
background-color: #fff;
color: #183247;
font-weight: 600
}
.ember-power-calendar .ember-power-calendar-day--other-month,.ember-power-calendar .ember-power-calendar-day--other-month:hover,.ember-power-calendar .ember-power-calendar-day--other-month:not([disabled]):hover,.ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day:not([disabled]):hover {
background-color: transparent
}
.ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day--selected,.ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day--selected:not([disabled]):hover {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
-webkit-font-smoothing: antialiased
}
.ember-power-calendar .ember-power-calendar-day,.ember-power-calendar .ember-power-calendar-weekday {
display: inherit;
float: left;
text-align: center;
width: 14.2%;
font-size: 12px;
font-weight: 50;
letter-spacing: .2px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.atwho-view .atwho-header,.atwho-view .slash-name {
-moz-osx-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased
}
.ember-power-calendar .ember-basic-dropdown-trigger:focus {
outline: 0
}
.ember-power-calendar-day-grid {
width: 100%;
padding-top: 4px
}
.time-details {
font-size: 11px;
color: #7c8993
}
.show_datepicker {
width: 580px
}
.ember-power-calendar-day--today .day-number {
border-radius: 2px;
background-color: #fff;
border: 1px solid #183247;
padding: 0;
min-width: 26px;
min-height: 26px
}
.ember-power-calendar-day--today,.ember-power-calendar-day:not([disabled]):hover {
color: #000
}
.ember-power-calendar .ember-power-calendar-row .ember-power-calendar-day--selected .day-number {
background-color: #02b875;
min-width: 26px;
min-height: 26px
}
.ember-power-calendar-day--interactive[disabled].ember-power-calendar-day--selected .day-number,.ember-power-calendar-day--selected .day-number {
border-radius: 2px;
color: #fff
}
.calendar-time {
padding: 12px 0
}
.attachment {
margin: 5px 10px 0;
padding: 10px 0
}
.attachment__excluded {
margin-top: 30px
}
.attachment__excluded .text {
font-size: 12px;
display: block;
clear: both;
padding-top: 10px;
padding-bottom: 10px;
color: #ff5959
}
.attachment__excluded .text .error-text {
vertical-align: text-bottom
}
.attachment__item-container,.attachment__item-excluded {
vertical-align: middle;
display: inline-block
}
.attachment__excluded .text .warning-custom {
fill: transparent;
stroke: #ff5959;
stroke-width: 5px
}
.attachment__item {
padding: 5px 10px;
border-radius: 2px;
border: 1px solid #dadfe3;
position: relative;
overflow: hidden;
margin-bottom: 10px;
margin-right: 5px;
font-size: 12px
}
.attachment__item-text {
color: #183247;
max-width: 230px
}
.attachment__item-excluded {
text-decoration: line-through;
position: relative
}
.attachment__item-status {
background-color: #02b875;
width: 65%;
height: 2px;
border-radius: 2px;
position: absolute;
bottom: 0;
left: 0;
transition: width 1s
}
.attachment__item-refresh {
cursor: pointer;
color: #6f7c87;
position: relative;
top: 1px;
padding-right: 0
}
.attachment__item-close {
padding-left: 0;
position: relative;
top: 1px;
color: #1d1d1d;
cursor: pointer
}
.attachment__item-close:hover {
color: #58626b
}
.attachment__item .file-size {
color: #acb6be
}
.attachment__item--error {
border: 1px solid #ff5959
}
.attachment__item--error .attachment__item-text {
color: #ff5959
}
.attachment__item--progress .attachment__item-text,.attachment__item--progress .file-size {
color: #dbdfe3
}
.attachment__link:hover {
text-decoration: none
}
.attachment__link:hover .dropdown-recent-ticket__item,.attachment__link:hover .text__content {
text-decoration: underline;
color: #183247
}
.attachment-thumb {
margin-top: 12px;
position: relative
}
.attachment-thumb__info {
width: 100%;
overflow: hidden;
position: relative
}
.attachment-thumb__info::after {
content: '';
position: absolute;
top: 10px;
width: 100%;
border-bottom: 1px dashed #c9d1d0
}
.attachment-thumb__info .attachment-icon {
margin-top: 3px
}
.attachment-thumb__info-count {
margin-left: -1px;
display: inline-block;
vertical-align: top;
padding-right: 5px
}
.attachment-thumb .itemholder {
position: relative;
margin-top: 6px
}
.attachment-thumb .itemholder .item {
position: relative;
display: inline-block;
box-sizing: border-box;
min-width: 200px;
padding: 10px;
border-radius: 3px;
mix-blend-mode: multiply;
cursor: pointer;
transition: .1s ease-in;
border: 1px solid transparent
}
.attachment-thumb .itemholder .item .model-attachment {
width: 40px
}
.attachment-thumb .itemholder .item .custom-icon {
fill: #6f7c87
}
.attachment-thumb .itemholder .item .selected-icon {
fill: #c2c8cd
}
.attachment-thumb .itemholder .item .backlayer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: .1s ease-in;
background-image: linear-gradient(to left,#fff,#fff 47%,rgba(255,255,255,0))
}
.attachment-thumb .itemholder .item .action {
position: absolute;
top: 13px;
right: 5px;
opacity: 0;
transition: .1s ease-in
}
.attachment-thumb .itemholder .item .action .button {
margin-right: 0
}
.attachment-thumb .itemholder .item:hover {
box-shadow: 0 1px 0 0 #f0f0f0;
border: 1px solid #dbdfe3
}
.attachment-thumb .itemholder .item:hover .action,.attachment-thumb .itemholder .item:hover .backlayer {
opacity: 1
}
.attachment-thumb .itemholder .item .reference {
width: 30px;
height: 30px;
position: absolute;
margin-top: 3px;
left: 0
}
.attachment-thumb .itemholder .item .extension {
position: absolute;
color: #000;
top: 5px;
left: 10px;
font-size: 6px;
font-weight: 500;
min-width: 20px
}
.attachment-thumb .itemholder .item .details {
margin-left: 40px;
margin-top: -2px
}
.attachment-thumb .itemholder .item .details .basic {
margin-left: -8px;
margin-bottom: 1px
}
.attachment-thumb .itemholder .item .details .dropdown-recent-ticket__item,.attachment-thumb .itemholder .item .details .text__content {
color: #183247
}
.__ui-form__editor__social-editor__0a3ff .attachment-thumb .itemholder .item .details .socialeditor__count,.attachment-thumb .itemholder .item .details .__ui-form__editor__social-editor__0a3ff .socialeditor__count,.attachment-thumb .itemholder .item .details .text__infotext {
color: #6f7c87
}
.noinfo {
text-align: center;
padding: 40px 0;
font-size: 18px
}
.empty-results {
text-align: center;
padding: 100px 0 150px
}
.category-menu-icon [role=button] {
box-shadow: none;
outline: 0
}
.category-menu {
top: 0;
bottom: 0;
left: -300px;
transition: .2s linear;
font-weight: 400;
box-shadow: 4px 0 13px 0 rgba(74,74,74,.3),30px 0 40px 0 rgba(0,0,0,.11);
-webkit-animation: slidefromleft .1s ease-in;
animation: slidefromleft .1s ease-in
}
.category-menu__section {
border-radius: 2px;
background-color: #fff;
box-shadow: 0 1px 1px 0 #dbdfe3;
margin: 6px 8px;
padding: 6px
}
.category-menu__section:last-of-type {
margin-bottom: 110px
}
.category-menu__noresults {
padding: 20px 30px;
text-align: center;
color: #6f7c87;
cursor: default
}
.category-menu__content {
margin-top: 55px;
overflow: auto;
height: 100%
}
.category-menu__title {
background-color: #fff;
position: fixed;
top: 0;
width: 280px
}
.category-menu__title .title-text {
padding: 10px
}
.category-menu__title .modal-search {
padding: 0
}
.category-menu__title .modal-filter-wrapper {
box-shadow: -1px 2px 14px -1px rgba(0,0,0,.1)
}
.category-menu__title .modal-filter-search {
height: 55px;
padding: 0 40px 0 20px
}
.category-menu__title .modal-search-icon {
right: 20px;
top: 20px;
cursor: default
}
.category-menu__title .search-clear {
right: 20px;
top: 20px
}
.category-menu__item {
list-style: none;
width: 100%
}
.category-menu__divider {
margin: 6px;
border-bottom: solid 1px #979797;
cursor: default;
opacity: .2;
list-style: none
}
.category-menu__footer {
padding: 10px
}
.category-menu--link {
color: #254d6d;
cursor: pointer;
padding: 4px 5px;
display: inline-block;
width: 100%;
border-radius: 2px
}
.category-menu--link--focused,.category-menu--link:hover {
color: #254d6d;
background-color: #f3f5f7;
text-decoration: none
}
.category-menu--link--active {
color: #02b875;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
font-weight: 600
}
.category-menu--link .selectedtick {
float: right;
fill: #02b875;
margin-top: 2px
}
.category-menu-expanded {
left: 64px;
z-index: 5;
-webkit-animation: slidefromleft .1s ease-in-out;
animation: slidefromleft .1s ease-in-out
}
.category-menu-collapse {
left: 64px;
z-index: 5;
-webkit-animation: slidefromleft .1s ease-in-out reverse;
animation: slidefromleft .1s ease-in-out reverse
}
.lightbox-overlay,.lightbox-wrapper {
position: fixed;
top: 0;
left: 0;
height: 100%
}
.ember-basic-dropdown-content.category-menu {
width: 280px;
background-color: #ebeef0;
position: fixed;
z-index: 5
}
.lightbox-wrapper {
width: 100%;
z-index: 9998
}
.lightbox-overlay {
background-color: rgba(255,255,255,.9);
width: 100%;
z-index: 9999;
-webkit-animation: fadeInPartial .3s ease;
animation: fadeInPartial .3s ease
}
.lightbox,.lightbox-toolbar {
left: 50%;
z-index: 10000;
line-height: 0;
font-weight: 400;
text-align: center
}
.lightbox-overlay--fadeout {
-webkit-animation: fadeOut .1s ease;
animation: fadeOut .1s ease
}
.lightbox {
position: absolute;
top: 45%;
transform: translate(-50%,-50%);
width: 100%
}
.lightbox_image {
max-width: inherit;
max-height: none;
width: 100%;
height: 100%;
box-shadow: 0 16px 40px 0 rgba(0,0,0,.14),0 1px 2px 0 rgba(0,0,0,.12);
border-radius: 3px
}
.lightbox_container {
position: relative;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px
}
.lightbox_container::after {
content: "";
display: table;
clear: both
}
.lightbox_container--fadeout {
-webkit-animation: fadeOut .3s;
animation: fadeOut .3s
}
.lightbox_container--slideright {
-webkit-animation: slideInRight .3s ease;
animation: slideInRight .3s ease
}
.lightbox_container--slideleft {
-webkit-animation: slideInLeft .3s ease;
animation: slideInLeft .3s ease
}
.lightbox-toolbar {
position: absolute;
margin: 10px;
bottom: 20px;
transform: translate(-50%,0);
padding: 0 5px
}
.lightbox-toolbar--fadein,.lightbox_container--fadein {
-webkit-animation: fadeInDelay .4s ease;
animation: fadeInDelay .4s ease
}
.lightbox-action {
position: absolute;
right: 30px;
top: 30px;
z-index: 9999
}
.image-caption {
text-align: center;
background-color: #000;
padding: 12px;
color: #fdfdfd;
border-radius: 100px;
margin-bottom: 6px
}
.image-caption--slideright {
-webkit-animation: slideInRightCaption .3s ease;
animation: slideInRightCaption .3s ease
}
.image-caption--slideleft {
-webkit-animation: slideInLeftCaption .3s ease;
animation: slideInLeftCaption .3s ease
}
.image-caption--slideup {
-webkit-animation: slideUpCard .3s ease;
animation: slideUpCard .3s ease
}
.image-caption--hide,.lightbox_container--hide {
display: none
}
.lightbox-label {
text-align: center;
margin-bottom: 10px;
padding: 10px;
opacity: .3
}
img.inline-image {
cursor: pointer
}
.result-item {
margin-bottom: 6px;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 1px 0 0 #d3dbda;
padding: 16px
}
.result-item__icon {
margin-top: 9px
}
.result-item__description {
color: #6f7c87;
line-height: 1.23;
margin: 3px 0 6px
}
.result-item__details {
margin-left: 35px
}
.result-item .result-link {
color: #183247;
cursor: pointer;
margin: 0 1px
}
.result-item--slideup {
-webkit-animation: slideUpCard .3s ease;
animation: slideUpCard .3s ease
}
.additional-fields-dropdown__trigger {
margin-bottom: 80px
}
.additional-fields-dropdown__content.ember-basic-dropdown-content {
max-height: 200px;
width: 200px;
padding: 10px 0 0;
margin-top: 5px
}
.additional-fields-dropdown__content.ember-basic-dropdown-content--below {
border-top-color: #dadfe3
}
.additional-fields-dropdown__content__results {
overflow-y: scroll;
max-height: 150px;
padding: 0 7px
}
.additional-fields-dropdown__content__search .modal-filter-search {
padding-left: 12px
}
.additional-fields-dropdown__content__search .modal-search-icon {
right: 13px;
top: 5px;
cursor: default
}
.additional-fields-dropdown__content__search .search-clear {
right: 12px;
top: 6px
}
.additional-fields-dropdown__content__noresults {
padding: 15px;
text-align: center
}
.additional-fields-dropdown__content__option {
cursor: pointer;
position: relative;
margin-bottom: 5px;
padding: 3px 0 3px 5px
}
.additional-fields-dropdown__content__option:hover {
background-color: #ebeef0
}
.additional-fields-dropdown__content__option.selected {
color: #02b875
}
.additional-fields-dropdown__content__option.selected::before {
content: "\f10a";
font-family: glyphs;
position: absolute;
right: 10px
}
.app-container,[class*=hint--]::after {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}
.assignto-content.ember-basic-dropdown-content {
height: 310px;
width: 280px;
padding: 0;
border-radius: 2px
}
.assignto-content .item-list {
max-height: 200px;
overflow-y: auto;
padding-top: 6px
}
.assignto-content.ember-basic-dropdown-content--below {
border-radius: 4px
}
.assignto-content--large.ember-basic-dropdown-content {
width: 350px
}
.flash-messages {
position: fixed;
z-index: 1050
}
.flash-messages--top-right {
top: 30px;
right: 15px
}
.flash-messages--top-left {
top: 30px;
left: 75px
}
.flash-messages--bottom-right {
bottom: 25px;
right: 15px
}
.flash-messages--bottom-left {
bottom: 25px;
left: 75px
}
.notice {
animation-fill-mode: both;
animation-timing-function: cubic-bezier(.65,.05,.36,1)
}
.notice.active {
max-height: 1000px
}
.flash-messages--bottom-left .notice,.flash-messages--bottom-right .notice {
margin-top: 10px
}
.flash-messages--top-left .notice,.flash-messages--top-right .notice {
margin-bottom: 10px
}
.flash-messages--bottom-left .notice.active,.flash-messages--top-left .notice.active {
animation-duration: .3s;
animation-name: fadeInLeft
}
.flash-messages--bottom-left .notice.exiting,.flash-messages--top-left .notice.exiting {
animation-duration: .56s;
animation-name: fadeOutLeft
}
.flash-messages--bottom-right .notice.active,.flash-messages--top-right .notice.active {
animation-duration: .3s;
animation-name: fadeInRight
}
.flash-messages--bottom-right .notice.exiting,.flash-messages--top-right .notice.exiting {
animation-duration: .56s;
animation-name: fadeOutRight
}
.new-ui-welcome-message,.warning-bar {
animation: drop-fade-below .2s ease-in-out
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
max-height: 0
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
max-height: 1000px
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
margin-top: 10px;
-webkit-transform: none;
transform: none
}
50% {
max-height: 1000px
}
to {
opacity: 0;
max-height: 0;
margin-top: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
max-height: 0
}
20% {
max-height: 1000px
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
-webkit-transform: none;
transform: none;
margin-bottom: 10px
}
50% {
max-height: 1000px
}
to {
margin-top: 0;
opacity: 0;
max-height: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
}
.create-ticket-sub-component {
background-color: #778899;
margin: 10px 50px;
padding: 2px;
border: 1px solid #dcdcdc
}
.create-ticket-component {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
padding: 100px 20px 0 30px;
overflow-y: auto;
border: none;
border-radius: 0;
box-shadow: none
}
.chat-convert-ticket__item {
border: 1px solid #ebedf0;
border-radius: 3px;
padding: 20px;
margin-bottom: 6px;
display: table;
width: 100%;
cursor: pointer
}
.chat-convert-ticket__item .cardlist__item {
display: table-cell;
vertical-align: middle;
height: 100%;
float: none
}
.chat-convert-ticket__item:hover .scenarios-btn {
opacity: 1;
transition: .4s ease-in-out
}
.chat-convert-ticket .input .label-field {
color: #183247;
font-size: 12px
}
.fc-tkt-item .fc-tkt-save {
position: absolute;
display: none;
top: 34%;
right: 20px
}
.fc-tkt-item:hover {
box-shadow: inset -50px 0 50px 0 rgba(255,255,255,.5)
}
.fc-tkt-item:hover .fc-tkt-save {
display: inline-block
}
.fc-tkt-item-subject {
font-size: 13px
}
.fc-tkt-item-info {
line-height: 1.3
}
.tabs__items {
list-style: none;
width: 100%;
margin: 0;
height: 40px;
padding: 0
}
.tabs__item {
float: left;
position: relative
}
.tabs__item a {
text-decoration: none;
color: #6f7c87
}
.tabs__item__nav {
margin: 0 12px;
line-height: 40px;
color: #6f7c87;
position: relative;
overflow: hidden;
display: block;
padding: 0 6px
}
.tabs__item__nav:hover::after {
opacity: .3
}
.tabs__item__nav.active {
color: #02b875
}
.tabs__item__nav.active::after {
opacity: 1
}
.tabs__item__nav.disabled {
cursor: not-allowed
}
.tabs__item__nav::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #02b875;
content: '';
transition: height transform .5s;
opacity: 0
}
.tabs__content {
clear: both;
float: none
}
.tabs__content__pane {
display: none
}
.tabs__content__pane.active {
display: block
}
.atwho-view,.atwho-view .shortcut--content {
display: none
}
.tabs__content__pane--fade {
opacity: 0;
transition: opacity .15s linear
}
.nav-primary__item::after,.tabs__content__pane--fade.in {
opacity: 1
}
.agent-toggle-btn {
padding: 0;
position: relative;
bottom: 5px;
margin-left: 8px
}
.agent-toggle-btn .app-icon {
fill: #6f7c87;
width: 16px;
height: 16px
}
.agent-toggle-btn .app-icon--primary-color {
width: 16px;
height: 16px
}
.agent-toggle-btn:hover .agent-status-dot {
border-color: #ebedf0
}
.agent-toggle-btn .agent-status-dot {
width: 11px;
height: 11px;
position: absolute;
border: 2px solid #fff;
border-radius: 50%;
right: 2px;
top: 2px
}
.agent-toggle-btn.chat-agent-online .agent-status-dot {
background-color: #02b875
}
.agent-toggle-btn.chat-agent-offline .agent-status-dot {
background-color: #dadfe3
}
.agent-toggle-btn.rr-agent--online .rr-agent-status {
width: 4px;
height: 4px;
position: absolute;
border-radius: 50%;
background-color: #02b875
}
.agent-toggle-btn.rr-agent--online .rr-agent-status--top {
right: 7px;
top: 7px
}
.agent-toggle-btn.rr-agent--online .rr-agent-status--bottom {
right: 15px;
top: 15px
}
.freshchat_user_widget {
z-index: 995!important
}
.atwho-view {
position: absolute;
top: 0;
left: 0;
margin-top: 30px;
background: #fff;
color: #274559;
border-radius: 3px;
box-shadow: 0 2px 6px 0 rgba(0,0,0,.14);
min-width: 350px;
max-height: 200px;
overflow: auto;
z-index: 11110
}
.atwho-view .atwho-header {
padding: 6px 6px 6px 10px;
border-bottom: 1px solid #dadfe3;
font-size: 11px;
color: #6f7c87;
letter-spacing: .5px
}
.atwho-view .atwho-header .imp {
font-weight: 600;
color: #183247
}
.atwho-view .shortcut--title {
font-weight: 100;
font-size: 15px
}
.atwho-view .cur {
background: #ebeef0;
padding: 10px;
color: #fff;
font-size: 12px;
border-radius: 2px
}
.atwho-view .cur .shortcut--title {
font-weight: 400;
color: #02b875
}
.atwho-view .cur .shortcut--content {
display: block
}
.atwho-view .atwho-view-ul {
list-style: none;
padding: 3px;
margin: auto
}
.atwho-view .atwho-view-ul li {
display: block;
padding: 10px;
border-bottom: none;
cursor: pointer;
margin: 5px;
color: #274559
}
.atwho-view .slash-shorut {
float: left;
font-size: 14px;
color: #183247
}
.atwho-view .slash-shorut::before {
content: '/'
}
.atwho-view .slash-shorut strong {
margin-left: -3px
}
.atwho-view .slash-name {
text-align: right;
font-size: 12px;
color: #6f7c87
}
.atwho-view .slash-name::after {
content: '';
clear: both
}
.atwho-view .slash-name strong {
font-weight: 100
}
.slash-inserted {
color: #448ee1
}
.ticket-action .slash-search .ember-basic-dropdown-content {
margin-top: 0;
max-width: 320px
}
.slash-command-content-holder {
display: block;
min-width: 320px;
max-width: 320px;
overflow: auto;
padding: 7px
}
.contact-search-holder {
padding: 10px;
box-shadow: 0 6px 12px rgba(0,0,0,.05),0 1px 4px rgba(0,0,0,.15);
background: #fff;
border: 0;
border-bottom: 1px solid #02b875
}
.editor-quick-action-list-item {
color: #183247;
padding: 10px;
font-size: 12px;
border-radius: 2px
}
.slash-command-noresult {
font-size: 12px;
color: #333;
font-style: italic;
padding: 10px;
width: 320px
}
.slash-active {
background: #f3f5f7
}
.slash-command-clear {
position: absolute;
right: 0;
top: -2px
}
.slash-command-clear .app-icon {
width: 15px
}
.slash-recent-results {
padding: 10px 10px 0;
background-color: #fff;
color: #6f7c87;
font-weight: 500;
letter-spacing: .5px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
text-transform: uppercase;
font-size: 10px
}
.quick-tip,.quick-tip__content {
font-size: 12px;
line-height: 1.5
}
.slash-search {
position: absolute;
z-index: 5;
min-width: 320px;
max-width: 320px
}
.app-content-area,body {
min-width: 1022px
}
.canned-response img,.solution-detail-content img,.ticket-details__item img {
max-width: 100%
}
.slash-search input {
border: 0;
outline: 0;
width: 100%
}
.slash-search input::-webkit-input-placeholder {
color: #dadfe3
}
.slash-search input::-moz-placeholder {
color: #dadfe3
}
.slash-search input:-ms-input-placeholder {
color: #dadfe3
}
.slash-search input:-moz-placeholder {
color: #dadfe3
}
.quick-tip {
border-radius: 2px;
background-color: #183247;
margin-bottom: 10px
}
.quick-tip__icon {
display: inline-block;
vertical-align: top;
width: 56px;
height: 56px;
padding: 10px 16px;
background-color: #448ee1;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.quick-tip__content {
display: inline-block;
padding: 10px 17px;
color: #fff;
font-weight: 300;
position: relative;
width: calc(100% - 60px)
}
.quick-tip__content .tip-link {
color: #acd3ff
}
.brand,.brand:hover {
color: #fff
}
.quick-tip__content .cr-close {
position: absolute;
top: 50%;
right: 5px;
transform: translate(-50%,-50%);
height: 24px;
width: 24px;
border-radius: 2px;
padding: 0 6px;
line-height: 1
}
.quick-tip__content .cr-close:hover {
background: rgba(255,255,255,.1);
cursor: pointer
}
.quick-tip__content .cr-close:hover .modal-icons {
fill: #fff
}
.application-header {
width: 100%;
position: fixed;
top: 0;
right: 0;
padding-left: 64px;
z-index: 4
}
.header-primary {
background-color: #fff;
height: 50px;
border-bottom: 1px #ebeef0 solid;
padding: 0 10px;
vertical-align: middle
}
.header-primary .profile-photo {
margin-top: -4px;
margin-left: 15px;
margin-right: 5px
}
.header-primary .profile-photo .avatar-icon--small {
width: 28px;
height: 28px
}
.header-primary__page-name {
font-size: 16px
}
.header-primary__user__item {
margin-top: 13px;
float: right
}
.header-primary__user__item--profile {
margin-top: 15px
}
.header-primary__create-icon {
margin-left: 16px
}
.header-primary .global-notification {
display: inline-block;
margin-left: 16px;
margin-right: 8px
}
.header-primary .announcements {
margin-left: 8px
}
.header-primary .announcements:focus,.header-primary .announcements:hover {
text-decoration: none;
outline: 0
}
.header-secondary {
background-color: #f9f9f9;
height: 50px;
border-bottom: 1px #dadfe3 solid;
padding: 0 15px
}
.header-secondary:empty {
display: none
}
.brand,.nav-primary__item {
display: block;
text-align: center
}
.header-secondary--search {
height: auto
}
.header-tertiary {
background-color: #ebeef0
}
.header-filter--actions {
padding-left: 5px;
padding-top: 4px
}
.header-filter--btn {
margin-left: 5px;
padding-bottom: 0
}
.app-icon--save,.app-icon--save-as {
position: relative;
top: -2px;
width: 20px;
height: 20px
}
.app-icon--discard {
position: relative;
top: -5px;
width: 14px;
height: 14px;
stroke: #6f7c87;
stroke-width: 2px
}
.global-nav--aside {
position: fixed;
background-color: #284255;
width: 64px;
z-index: 10;
height: 100%;
top: 0;
bottom: 0
}
.trigger-button-container {
position: absolute;
bottom: 20px!important;
left: 14px!important
}
.brand {
font-size: 28px;
padding: 15px 10px 0;
height: 50px
}
.nav-primary__item {
font-size: 18px;
margin: 14px;
padding-top: 8px;
padding-bottom: 2px
}
.nav-primary__item .nav-icon {
fill: #fff;
opacity: .6;
transition: color .3s linear
}
.nav-primary__item.active .nav-icon,.nav-primary__item:hover .nav-icon {
opacity: 1
}
.nav-primary__item:hover {
transition: color .3s linear
}
.nav-primary__item:focus {
outline: 0
}
.nav-primary__item.active {
opacity: 1;
background-color: #02b875;
border-radius: 3px;
outline: 0
}
.nav-primary .app-dropdown-group {
display: inherit
}
.global-nav-submenu {
margin-left: 62px;
margin-top: -20%
}
.title-small {
font-size: 14px
}
.title-normal {
font-size: 16px
}
.title-large {
font-size: 20px
}
.link {
color: #448ee1
}
.muted {
color: #6f7c87
}
.inactive {
color: #acb6be
}
.icon-size-small {
font-size: 14px;
color: #999
}
.icon-size-normal {
font-size: 16px;
color: #999
}
.icon-size-large {
font-size: 20px;
color: #999
}
.icon-color-dark {
color: #183247
}
.icon-color-primary {
color: #02b875
}
.app-notification {
background-color: #f7f5e9
}
.cursor-pointer {
cursor: pointer
}
.border {
border: 1px solid #dadfe3
}
.border-left {
border-left: 1px #dadfe3 solid
}
.border-right {
border-right: 1px #dadfe3 solid
}
.border-top {
border-top: 1px #dadfe3 solid
}
.border-bottom {
border-bottom: 1px #dadfe3 solid
}
.border-left--none {
border-left: none
}
.border-right--none {
border-right: none
}
.border-top--none {
border-top: none
}
.border-bottom--none {
border-bottom: none
}
.border-all--none {
border: none
}
.center {
margin: 0 auto
}
.white-bg {
background-color: #fff
}
.element-up {
position: relative;
z-index: 1
}
.app-dropdown__item,.attachment__item-text,.contact_merge-child .list-content-wrap,.contact_merge__item .list-content-wrap,.contacts__cardemail,.contacts__cardinfo--company,.contacts__cardphone,.contacts__cardtwitter,.drop-small__select,.ellipsis,.merge__item .list-content-wrap,.text-weight {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.m0 {
margin: 0
}
.p0 {
padding: 0
}
.row-eq-height {
display: table;
height: 100%;
width: 100%;
border-spacing: 10px
}
.row-eq-height__left {
margin-right: 10px;
padding-bottom: 20px
}
.row-eq-height__left,.row-eq-height__right {
display: table-cell;
box-shadow: 0 1px 0 0 #d3dbda;
float: none;
vertical-align: top;
height: 100%
}
.ml-0 {
margin-left: 0
}
.ml-1 {
margin-left: 1px
}
.ml-2 {
margin-left: 2px
}
.ml-3 {
margin-left: 3px
}
.ml-4 {
margin-left: 4px
}
.ml-5 {
margin-left: 5px
}
.ml-6 {
margin-left: 6px
}
.ml-7 {
margin-left: 7px
}
.ml-8 {
margin-left: 8px
}
.ml-9 {
margin-left: 9px
}
.ml-10 {
margin-left: 10px
}
.ml-11 {
margin-left: 11px
}
.ml-12 {
margin-left: 12px
}
.ml-13 {
margin-left: 13px
}
.ml-14 {
margin-left: 14px
}
.ml-15 {
margin-left: 15px
}
.ml-16 {
margin-left: 16px
}
.ml-17 {
margin-left: 17px
}
.ml-18 {
margin-left: 18px
}
.ml-19 {
margin-left: 19px
}
.ml-20 {
margin-left: 20px
}
.mr-0 {
margin-right: 0
}
.mr-1 {
margin-right: 1px
}
.mr-2 {
margin-right: 2px
}
.mr-3 {
margin-right: 3px
}
.mr-4 {
margin-right: 4px
}
.mr-5 {
margin-right: 5px
}
.mr-6 {
margin-right: 6px
}
.mr-7 {
margin-right: 7px
}
.mr-8 {
margin-right: 8px
}
.mr-9 {
margin-right: 9px
}
.mr-10 {
margin-right: 10px
}
.mr-11 {
margin-right: 11px
}
.mr-12 {
margin-right: 12px
}
.mr-13 {
margin-right: 13px
}
.mr-14 {
margin-right: 14px
}
.mr-15 {
margin-right: 15px
}
.mr-16 {
margin-right: 16px
}
.mr-17 {
margin-right: 17px
}
.mr-18 {
margin-right: 18px
}
.mr-19 {
margin-right: 19px
}
.mr-20 {
margin-right: 20px
}
.pl-0 {
padding-left: 0
}
.pl-1 {
padding-left: 1px
}
.pl-2 {
padding-left: 2px
}
.pl-3 {
padding-left: 3px
}
.pl-4 {
padding-left: 4px
}
.pl-5 {
padding-left: 5px
}
.pl-6 {
padding-left: 6px
}
.pl-7 {
padding-left: 7px
}
.pl-8 {
padding-left: 8px
}
.pl-9 {
padding-left: 9px
}
.pl-10 {
padding-left: 10px
}
.pl-11 {
padding-left: 11px
}
.pl-12 {
padding-left: 12px
}
.pl-13 {
padding-left: 13px
}
.pl-14 {
padding-left: 14px
}
.pl-15 {
padding-left: 15px
}
.pl-16 {
padding-left: 16px
}
.pl-17 {
padding-left: 17px
}
.pl-18 {
padding-left: 18px
}
.pl-19 {
padding-left: 19px
}
.pl-20 {
padding-left: 20px
}
.pr-0 {
padding-right: 0
}
.pr-1 {
padding-right: 1px
}
.pr-2 {
padding-right: 2px
}
.pr-3 {
padding-right: 3px
}
.pr-4 {
padding-right: 4px
}
.pr-5 {
padding-right: 5px
}
.pr-6 {
padding-right: 6px
}
.pr-7 {
padding-right: 7px
}
.pr-8 {
padding-right: 8px
}
.pr-9 {
padding-right: 9px
}
.pr-10 {
padding-right: 10px
}
.pr-11 {
padding-right: 11px
}
.pr-12 {
padding-right: 12px
}
.pr-13 {
padding-right: 13px
}
.pr-14 {
padding-right: 14px
}
.pr-15 {
padding-right: 15px
}
.pr-16 {
padding-right: 16px
}
.pr-17 {
padding-right: 17px
}
.pr-18 {
padding-right: 18px
}
.pr-19 {
padding-right: 19px
}
.pr-20 {
padding-right: 20px
}
.pt-0 {
padding-top: 0
}
.pt-1 {
padding-top: 1px
}
.pt-2 {
padding-top: 2px
}
.pt-3 {
padding-top: 3px
}
.pt-4 {
padding-top: 4px
}
.pt-5 {
padding-top: 5px
}
.pt-6 {
padding-top: 6px
}
.pt-7 {
padding-top: 7px
}
.pt-8 {
padding-top: 8px
}
.pt-9 {
padding-top: 9px
}
.pt-10 {
padding-top: 10px
}
.pt-11 {
padding-top: 11px
}
.pt-12 {
padding-top: 12px
}
.pt-13 {
padding-top: 13px
}
.pt-14 {
padding-top: 14px
}
.pt-15 {
padding-top: 15px
}
.pt-16 {
padding-top: 16px
}
.pt-17 {
padding-top: 17px
}
.pt-18 {
padding-top: 18px
}
.pt-19 {
padding-top: 19px
}
.pt-20 {
padding-top: 20px
}
.mt-0 {
margin-top: 0
}
.mt-1 {
margin-top: 1px
}
.mt-2 {
margin-top: 2px
}
.mt-3 {
margin-top: 3px
}
.mt-4 {
margin-top: 4px
}
.mt-5 {
margin-top: 5px
}
.mt-6 {
margin-top: 6px
}
.mt-7 {
margin-top: 7px
}
.mt-8 {
margin-top: 8px
}
.mt-9 {
margin-top: 9px
}
.mt-10 {
margin-top: 10px
}
.mt-11 {
margin-top: 11px
}
.mt-12 {
margin-top: 12px
}
.mt-13 {
margin-top: 13px
}
.mt-14 {
margin-top: 14px
}
.mt-15 {
margin-top: 15px
}
.mt-16 {
margin-top: 16px
}
.mt-17 {
margin-top: 17px
}
.mt-18 {
margin-top: 18px
}
.mt-19 {
margin-top: 19px
}
.mt-20 {
margin-top: 20px
}
.pb-0 {
padding-bottom: 0
}
.pb-1 {
padding-bottom: 1px
}
.pb-2 {
padding-bottom: 2px
}
.pb-3 {
padding-bottom: 3px
}
.pb-4 {
padding-bottom: 4px
}
.pb-5 {
padding-bottom: 5px
}
.pb-6 {
padding-bottom: 6px
}
.pb-7 {
padding-bottom: 7px
}
.pb-8 {
padding-bottom: 8px
}
.pb-9 {
padding-bottom: 9px
}
.pb-10 {
padding-bottom: 10px
}
.pb-11 {
padding-bottom: 11px
}
.pb-12 {
padding-bottom: 12px
}
.pb-13 {
padding-bottom: 13px
}
.pb-14 {
padding-bottom: 14px
}
.pb-15 {
padding-bottom: 15px
}
.pb-16 {
padding-bottom: 16px
}
.pb-17 {
padding-bottom: 17px
}
.pb-18 {
padding-bottom: 18px
}
.pb-19 {
padding-bottom: 19px
}
.pb-20 {
padding-bottom: 20px
}
.mb-0 {
margin-bottom: 0
}
.mb-1 {
margin-bottom: 1px
}
.mb-2 {
margin-bottom: 2px
}
.mb-3 {
margin-bottom: 3px
}
.mb-4 {
margin-bottom: 4px
}
.mb-5 {
margin-bottom: 5px
}
.mb-6 {
margin-bottom: 6px
}
.mb-7 {
margin-bottom: 7px
}
.mb-8 {
margin-bottom: 8px
}
.mb-9 {
margin-bottom: 9px
}
.mb-10 {
margin-bottom: 10px
}
.mb-11 {
margin-bottom: 11px
}
.mb-12 {
margin-bottom: 12px
}
.mb-13 {
margin-bottom: 13px
}
.mb-14 {
margin-bottom: 14px
}
.mb-15 {
margin-bottom: 15px
}
.mb-16 {
margin-bottom: 16px
}
.mb-17 {
margin-bottom: 17px
}
.mb-18 {
margin-bottom: 18px
}
.mb-19 {
margin-bottom: 19px
}
.mb-20 {
margin-bottom: 20px
}
svg {
max-height: 100%
}
.app-icon {
fill: #6f7c87
}
.app-icon--link {
cursor: pointer;
fill: #448ee1
}
.app-icon--hover:hover,.app-icon--link:hover {
fill: #58626b
}
.app-icon--disablehover {
pointer-events: none
}
.app-icon--topalign {
position: relative;
top: 2px
}
.app-icon--micro {
width: 4px;
height: 4px;
fill: #6f7c87;
margin: 1px 2px
}
.app-icon--verysmall {
width: 9px;
height: 9px
}
.app-icon--verysmallsecondary {
width: 12px;
height: 12px
}
.app-icon--small {
width: 13px;
fill: #6f7c87;
height: 13px
}
.app-icon--smallsecondary {
width: 15px;
height: 15px
}
.app-icon--normal {
width: 18px;
height: 18px;
fill: #6f7c87
}
.app-icon--medium {
width: 20px;
height: 20px;
fill: #6f7c87
}
.app-icon--large {
width: 22px;
height: 22px;
fill: #6f7c87
}
.app-icon--xlarge {
width: 28px;
height: 28px
}
.app-icon--dark {
fill: #183247
}
.app-icon--primary-color {
fill: #02b875
}
.app-icon--muted-secondary {
fill: #acb6be
}
.app-icon--orange,.app-icon--warning {
fill: #ffb50f
}
.app-icon--grey {
fill: #b6c0bd
}
.app-icon--muted {
fill: #acb6be
}
.app-icon--green {
fill: #28bd8b
}
.app-icon--error {
fill: #e02000
}
.app-icon--blue {
fill: #4ca2ff
}
.app-icon--white {
fill: #fff
}
.app-icon--yellow {
fill: #ffd012
}
.app-icon--violet {
fill: #8c6ea9
}
.app-icon--applink {
fill: #448ee1
}
.app-icon--collab {
fill: #6f7c87
}
.app-icon--fillbg {
border-radius: 50%;
padding: 4px;
margin-right: 5px
}
.app-icon--fillbg:hover {
background-color: #ebedf0
}
.app-icon--lighthover {
fill: #6f6f6f
}
.app-icon--lighthover:hover {
fill: #183247
}
.app-icon--image-annotate {
display: block;
width: 18px;
height: 18px;
fill: #222;
margin: 0 auto
}
.app-icon-btnsize {
width: 14px;
height: 14px
}
.app-icon-attachment {
position: absolute;
left: 9px;
bottom: 12px;
z-index: 5;
width: 16px;
cursor: pointer
}
.app-icon-attachment:hover {
fill: #58626b
}
.app-icon-fileupload {
position: absolute;
bottom: 9px;
width: 26px;
z-index: 5;
left: 5px;
height: 23px;
overflow: hidden;
opacity: 0
}
.app-icon--private {
background-color: #ff9d00;
border-radius: 2px
}
.app-icon--private .app-icon {
padding-bottom: 1px;
margin-left: 4px
}
.app-icon--summary {
background-color: #448ee1;
border-radius: 2px
}
.app-icon--summary .app-icon {
width: 9px;
height: 10px
}
.survey-icon {
margin-top: -3px
}
.nav-icon {
width: 20px;
height: 20px;
fill: #cacbcc
}
.app-container,.ember-application>.ember-view,.iframe-content,.page-iframe .responsive,body,html {
height: 100%
}
.error-block {
background-color: #ffd2d3;
color: #ff5959;
font-size: 12px;
padding: 5px 10px
}
.error-block--replysection {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
position: relative
}
.error-block--replysection .app-icon {
vertical-align: baseline
}
.__module-admin__bot__history-widget__e87c3 .bot .bot-conversations--bot .message-groups__message,.__module-search__customers-card__4f8d2 .customer-item__data,.__module-search__customers-card__4f8d2 .customer-item__main,.additional-fields-dropdown__content__option,.contacts__ticket,.description-subject,.dropdown-recent-ticket__item,.fresh-table .list tbody td .ticket-subject div,.fresh-table .list tbody td>div,.result-item__description,.result-item__title,.text__content,.text__link-heading,.wordbreak-fix {
word-break: break-word;
-ms-word-wrap: break-word;
word-wrap: break-word
}
.ticket-subject,.wordbreak-all {
word-break: break-all;
-ms-word-wrap: break-word;
word-wrap: break-word
}
.__module-admin__admin-home__a518a.admin-home .admin-search .admin-search-list-container,.__ui-components__drop-down__06e1d .ember-basic-dropdown .ember-basic-dropdown-content,.__ui-components__refresh-notification__9962b .refresh-notification,.app-dropdown,.assignto-content.ember-basic-dropdown-content,.default-box-shadow,.dropdown-menu,.dropdown-normal,.ember-basic-dropdown-content--above,.ember-basic-dropdown-content--below,.ember-basic-dropdown-content--in-place,.ember-power-select-dropdown.ember-basic-dropdown-content--above,.ember-power-select-dropdown.ember-basic-dropdown-content--below,.ember-power-select-dropdown.ember-basic-dropdown-content--in-place,.profile-dropdown,.prompt-dialog {
box-shadow: 0 6px 12px rgba(0,0,0,.05),0 1px 4px rgba(0,0,0,.15);
border: 0
}
.icon-detail-right-wrapper {
border-left: 0;
border-radius: 0 2px 2px 0
}
.dot-separator {
margin: 0 5px
}
.line-separator {
padding: 0 2px
}
.vertical-align {
vertical-align: middle
}
[class*=hint--]::after {
padding: 6px 10px;
border-radius: 2px;
font-weight: 400;
color: #fff
}
input[type=text]::-ms-clear {
display: none
}
input[type=text]::-ms-reveal {
display: none
}
.no-scale:focus {
transform: scale(1)
}
.element-inline {
display: inline-block
}
.text-align--right {
text-align: right
}
.notifications-empty-message {
margin: 40px 0;
text-align: center;
font-size: 12px;
color: #6f7c87
}
.page-iframe {
top: 50px;
overflow: hidden;
padding: 0
}
.iframe-content {
width: calc(100% - 20px);
border: none;
position: absolute;
top: 10px;
bottom: 0;
left: 10px;
right: 10px;
border-top-right-radius: 2px;
border-top-left-radius: 2px
}
.iframe-content .application-header {
display: none
}
body {
position: relative;
line-height: 1.4
}
body.overflow-noscroll {
overflow: hidden
}
a.hint--bottom:hover,a.hint--left:hover,a.hint--right:hover,a.hint--top:hover {
text-decoration: none
}
.app-main-wrapper {
margin-left: 64px;
height: 100%
}
.app-main-wrapper .default-body {
margin-left: 0
}
.sidebar-present .page-content {
right: 310px
}
.app-content-area__fluid {
position: absolute;
left: 65px;
right: 310px;
bottom: 0;
top: 105px;
padding: 10px;
overflow-y: auto
}
.app-content-area__fixed {
width: 310px;
position: absolute;
top: 105px;
bottom: 0;
right: 0;
padding-bottom: 110px
}
.app-content-area__single {
right: 0
}
.app-details {
height: 0;
overflow: hidden;
position: relative;
width: 100%;
padding-bottom: 100%
}
.app-details iframe {
position: absolute;
border: 0;
width: 100%;
height: 100%
}
.new-ui-welcome-message {
height: 40px;
position: fixed;
z-index: 99;
text-align: center;
line-height: 40px;
background-image: linear-gradient(88deg,#02b875,#04ca81),linear-gradient(#fff9e1,#fff9e1);
width: 100%;
color: #fff
}
.new-ui-welcome-message .close-welcome-message {
color: #fff;
position: absolute;
right: 16px;
top: -2px;
cursor: pointer;
text-decoration: none;
opacity: .6
}
.app-notification-bar,.warning-bar {
height: 40px;
z-index: 99;
position: fixed;
text-align: center;
line-height: 40px;
width: 100%
}
.app-notification-bar a:hover,.warning-bar a:hover {
opacity: 1
}
.warning-bar {
background-color: #ffecec;
color: #fff
}
.warning-bar .text {
color: #ff2525
}
.warning-bar a {
color: #448ee1;
text-decoration: none
}
.app-notification-bar {
background-color: #fffade;
border-bottom: 1px #dadfe3 solid;
top: 0;
right: 0
}
.app-notification-bar__extended-view {
border-bottom: none
}
.app-notification-bar a {
color: #448ee1
}
.activation-divider {
margin: 0 10px
}
.welcome-tour {
background: rgba(0,0,0,.5)
}
.notification-present .application-header,.notification-present .category-menu__title,.notification-present .global-nav--aside,.notification-present .sidebar {
top: 40px
}
.notification-present .content-widget,.notification-present .page-content,.notification-present .ticket-properties {
top: 140px
}
.notification-present .canned-form-detail,.notification-present .unresolved-tickets {
top: 88px
}
.notification-present .page-search__results {
top: 260px
}
.notification-present .page-iframe {
top: 90px
}
.notification-present .category-menu__content {
margin-top: 95px
}
.notification-present .category-menu__content.contact-category,.notification-present .category-menu__content.dashboard-category {
margin-top: 40px
}
.notification-present .template_sidebar {
top: 140px
}
.notification-present .admin-responsive {
top: 100px
}
.admin-responsive {
position: relative;
top: 60px;
padding: 0 10px;
margin-bottom: 10px;
display: flex
}
.freshworks-session-image {
visibility: hidden;
position: absolute
}
@keyframes slidefromleft {
from {
transform: translateX(-15px);
opacity: 0
}
to {
transform: translateX(0);
opacity: 1
}
}
@keyframes slidefromtop {
from {
transform: translateY(-5px);
opacity: 0
}
to {
transform: translateY(0);
opacity: 1
}
}
.typingloader {
width: 6px;
height: 6px;
display: inline-block;
border-radius: 100%;
animation: typeloading .8s ease-in-out infinite alternate;
background-color: #bbb;
box-shadow: 10px 0 0 #999,20px 0 0 #666,30px 0 0 #000
}
@keyframes typeloading {
0% {
background-color: #999;
box-shadow: 10px 0 0 #666,20px 0 0 #000,30px 0 0 #bbb
}
50% {
background-color: #666;
box-shadow: 10px 0 0 #000,20px 0 0 #bbb,30px 0 0 #999
}
100% {
background-color: #000;
box-shadow: 10px 0 0 #bbb,20px 0 0 #999,30px 0 0 #666
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeInPartial {
0% {
opacity: 0
}
100% {
opacity: .93
}
}
@keyframes fadeInDelay {
0%,5% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes drop-fade-below {
0% {
opacity: 0;
transform: translateY(-20px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes drop-fade-below-delayed {
0%,85% {
opacity: 0;
transform: translateY(-20px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes drop-fade-above {
0% {
opacity: 0;
transform: translateY(20px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-2%,0,0);
transform: translate3d(-2%,0,0);
visibility: visible;
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(2%,0,0);
transform: translate3d(2%,0,0);
visibility: visible;
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}
}
@keyframes slideInLeftCaption {
from {
-webkit-transform: translate3d(-10%,0,0);
transform: translate3d(-10%,0,0);
visibility: visible;
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}
}
@keyframes slideInRightCaption {
from {
-webkit-transform: translate3d(10%,0,0);
transform: translate3d(10%,0,0);
visibility: visible;
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}
}
@keyframes slideUpCard {
from {
-webkit-transform: translate3d(0,25%,0);
transform: translate3d(0,25%,0);
visibility: visible;
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}
}
.app-icon--rotate {
transform: rotate(45deg)
}
@keyframes rotateFrontCircle {
0%,100%,16%,83% {
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0)
}
33%,67% {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg)
}
}
@keyframes rotateBackCircle {
0%,100%,16%,83% {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg)
}
33%,67% {
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0)
}
}
@keyframes drop-animate-below {
0% {
opacity: 0;
transform: translateY(-30px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes rotateClockwise {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
@keyframes jumping-dots {
0%,100%,60% {
transform: initial
}
30% {
transform: translateY(-3px)
}
}
@keyframes hideDelay {
to {
width: 0;
height: 0;
overflow: hidden
}
}
@keyframes beat {
to {
transform: scale(1.2)
}
}
@keyframes halfFadeIn {
0% {
opacity: .6
}
30% {
opacity: .7
}
60% {
opacity: .9
}
100% {
opacity: 1
}
}
@keyframes moveUpandDown {
0% {
transform: translateY(0)
}
100% {
transform: translateY(-20px)
}
}
.help-chart .sub-lead {
color: #555;
font-weight: 200;
font-size: 16px;
margin-bottom: 10px
}
.list-filter__item,.tickets__list {
margin-bottom: 8px
}
.help-chart .shortcut-key {
color: #fc7e2e;
text-align: right;
font-weight: 700;
font-size: 12px
}
.help-chart .description {
font-weight: 200;
padding-left: 5px
}
.ticket-subject {
line-height: 1.2;
font-size: 15px;
font-weight: 200;
color: #183247
}
.ticket-subject:hover {
color: #448ee1;
text-decoration: none
}
.ticket-subject:focus {
color: #183247;
text-decoration: none
}
.ticket-list-table-view .ticket-subject {
font-size: 13px;
line-height: 1.4
}
.ticket-info {
padding-top: 4px;
color: #6f7c87
}
.ticket-id {
color: #acb6be;
font-size: 13px
}
.ticket-notactive td {
filter: grayscale(100%);
opacity: .5
}
.current__item--active td:first-child {
position: relative
}
.current__item--active td:first-child::before {
content: '';
position: absolute;
width: 2px;
left: 0;
top: 0;
bottom: 0;
background-color: #95a3af;
transition: 10ms linear;
border-radius: 2px 0 0 2px
}
.card-view .current__item--active td:first-child::before {
bottom: 8px
}
.tickets__list {
min-height: 92px;
border-radius: 2px;
background-color: #fff;
box-shadow: 0 1px 0 0 #dadfe3;
display: table;
width: 100%;
box-sizing: border-box
}
.tickets__list .list-content {
padding-top: 16px;
padding-bottom: 16px
}
.tickets__list .list-content--main {
padding-right: 16px
}
.tickets__list .list-content--info {
padding-left: 26px
}
.tickets__list--selected {
background-color: #fffef7
}
.tickets__list--high,.tickets__list--low,.tickets__list--medium,.tickets__list--urgent {
border-radius: 2px;
display: inline-block;
width: 8px;
height: 8px
}
.tickets__list--low {
background-color: #a0d76a
}
.tickets__list--medium {
background-color: #4da1ff
}
.tickets__list--high {
background-color: #ffd012
}
.tickets__list--urgent {
background-color: #ff5959
}
.tickets__list .avatar-overlay {
position: absolute;
background-color: #fff;
width: 44px;
height: 44px;
z-index: 2;
opacity: 0;
transition: .2s ease-in-out
}
.tickets__list:hover .avatar-overlay {
opacity: .2
}
.list-filter__priority {
width: 173px
}
.list-filter__priority .list-filter__item--icon-overlay {
top: 0;
left: 0
}
.list-filter__priority .list-filter__label {
padding-left: 13px
}
.list-filter__priority .list-filter__label [class*=hint--] {
display: block
}
.list-filter__priority__label .tickets__list--dropdown {
display: none
}
.list-check-wrap,.list-content-wrap {
display: table-cell;
vertical-align: middle
}
.list-priority {
float: right;
text-align: right;
color: #6f7c87
}
.list-check-wrap {
width: 70px
}
.list-check-wrap .app-user-photo {
position: relative;
top: 0;
margin-left: 28px
}
.list-check-wrap .custom-checkbox {
top: 3px;
position: absolute;
left: 10px
}
.list-content-wrap {
padding-left: 16px
}
.list-content-wrap .user-link {
float: none;
padding: 0
}
.list-content-wrap .user-link a {
color: #183247;
margin-left: 3px
}
.list-content-wrap .user-link a:hover {
text-decoration: none
}
.list-content-wrap .icon-dot {
vertical-align: middle;
padding: 0 3px
}
.list-content-wrap .ticket-number {
color: #6f7c87;
margin-left: 3px
}
.list-content--inactive-data .ticket-info,.list-content--inactive-data .ticket-info .user-link a {
color: #acb6be
}
.list-content-wrap .associated-label {
padding-right: 5px;
font-size: 10px;
margin-top: 3px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.list-filter {
padding-left: 0;
font-size: 13px
}
.list-filter__item--last,.list-filter__item:last-child {
margin-bottom: 0
}
.list-filter__item:hover .app-icon {
fill: #183247
}
.list-filter__item .ticket-list-dropselect .ember-power-select-trigger {
font-size: 13px;
padding: 0 5px 0 12px;
line-height: normal;
min-height: inherit
}
.list-filter__item .ember-basic-dropdown-trigger {
padding-left: 7px
}
.list-filter__item--icon-overlay {
position: absolute;
background: #fff;
z-index: 2;
height: 13px
}
.list-filter__item--icon-overlay .loader-element {
top: -1px;
left: -1px
}
.list-filter__item--icon-overlay .app-icon {
position: absolute;
top: -1px;
left: -1px
}
.list-filter__item--icon-overlay .tickets__list--dropdown {
top: 4px;
position: absolute;
left: 2px
}
.list-filter__label {
padding-left: 5px
}
.list-filter__icon {
position: relative;
width: 15px;
height: 13px
}
.list-filter__icon .app-icon {
position: absolute;
left: 0;
top: 2px;
fill: #183247
}
.list-filter__icon .error {
fill: #ff5959
}
.list-content--inactive-data .tag-more-btn .app-icon,.list-content--inactive-data .ticket-info .app-icon {
fill: #acb6be
}
.list-filter__icon .loader--verysmall {
position: relative;
top: -4px;
left: -2px
}
.list-filter__icon-assignto,.list-filter__icon-status {
top: 2px
}
.list-filter__status {
width: 213px
}
.ticket-list-sorting {
padding-top: 5px
}
.ticket-list-sorting .ember-power-select-trigger,.ticket-list-sorting .ember-power-select-trigger--active,.ticket-list-sorting .ember-power-select-trigger:focus {
border: none
}
.ticket-tag-wrap {
width: 100%;
padding-bottom: 6px
}
.ticket-tag-wrap .tag {
display: inline;
padding: 0 4px 1px
}
.ticket-tag-wrap .status-tag-wrap {
float: left;
margin-right: 4px
}
.page-actions__left,.page-actions__right {
margin-top: 10px;
padding-right: 0;
padding-left: 0
}
.page-actions__left {
float: left
}
.page-actions__right {
float: right
}
.page-actions__right .fresh-pagination {
display: inline-block
}
.page-actions__holder {
padding-left: 10px
}
.ticket-link {
display: block;
padding-top: 5px
}
.top-navigation-checkbox {
display: inline-block;
float: left;
margin-top: 4px;
margin-left: 10px
}
.top-navigation--checkbox-wrapper {
float: left;
margin-right: 15px
}
.top-navigation--checkbox-wrapper .gravity-loader {
left: 10px;
top: 6px
}
.action-btn-slide {
float: left;
-webkit-animation: slidefromleft .1s ease-in;
animation: slidefromleft .1s ease-in
}
.spam-notification {
padding-bottom: 10px
}
.list-content {
display: table-cell;
float: none;
vertical-align: middle;
padding-right: 5px
}
.list-content--inactive-data .app-user-photo,.list-content--inactive-data .list-filter-wrap,.list-content--inactive-data .tag,.list-content--inactive-data .ticket-listview-hover {
filter: grayscale(100%);
opacity: .5
}
.list-content--inactive-data .tag-more-btn {
color: #acb6be;
fill: #acb6be
}
.flashout {
animation: flashout .8s;
animation-fill-mode: forwards
}
.flashin {
animation: flashin .8s;
animation-fill-mode: forwards;
animation-delay: .4s
}
.ember-power-select-option .flashin {
display: none
}
@keyframes flashin {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes flashout {
from {
opacity: 1
}
to {
opacity: 0
}
}
.assignto {
opacity: 0
}
.refresh-ticket-list {
position: absolute;
right: 10px;
top: 5px;
transform: rotate(90deg)
}
.refresh-ticket-table {
transform: rotate(90deg);
margin-bottom: 6px
}
.assign-to-list {
max-height: 260px;
overflow-y: auto
}
.ticket-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
padding: 66px 20px 0 30px;
height: calc(100% - 58px);
overflow-y: auto
}
.list-filter__item>.icon-unverified {
color: #ff5959
}
.ticket-note-typography {
font-size: 14px
}
.ticket-note-typography p {
margin: 0
}
.ticket-note-typography blockquote {
border-left: 1px dotted #999;
padding: 0 15px;
margin: 10px 0 15px;
font-size: inherit
}
.ticket-note-typography table {
width: 100%!important;
word-break: normal
}
.ticket-note-typography table a,.ticket-note-typography table p,.ticket-note-typography table span {
word-break: normal
}
.ticket-note-typography a,.ticket-note-typography div,.ticket-note-typography p,.ticket-note-typography span {
word-break: break-word;
-ms-word-wrap: break-word;
word-wrap: break-word
}
.ticket-note-typography .ticket-quoted-wrapper {
margin-top: 10px
}
.ticket-details {
transition: .2s linear;
padding-bottom: 50px;
box-shadow: 0 -1px 0 0 #f7f9f9
}
.widgets-collapsed,.widgets-expanded {
transition: transform .1s linear;
display: inline-block
}
.ticket-details .content-widget {
right: 50px;
padding-top: 0;
padding-bottom: 0
}
.ticket-details .app-content-area__fixed {
width: 50px
}
.ticket-details__editnote {
border: 1px solid #02b875
}
.ticket-details__editnote .editor-toolbar {
left: -21px
}
.ticket-details .ticket-sidebar-sticky {
width: 100%;
padding: 16px 20px;
font-size: 12px
}
.ticket-details .ticket-sidebar-sticky__refresh-text {
opacity: .9;
font-size: 10px;
text-align: left;
color: #6f7c87;
display: inline-block
}
.ticket-details .ticket-sidebar-sticky__refresh-updated {
animation: fadeOut 1s linear;
animation-delay: 3s;
animation-fill-mode: forwards
}
.ticket-details .ticket-sidebar-sticky__refresh-link {
padding: 6px
}
.ticket-details .ticket-sidebar-sticky__refresh-icon {
animation: rotateClockwise infinite 2s linear
}
.ticket-details .ticket-sidebar-sticky__refresh-btn {
animation: beat 1s infinite alternate;
transform-origin: center
}
.ticket-details .ticket-sidebar-sticky .todo-input-content {
padding-top: 40px
}
.ticket-properties {
width: 250px;
border-bottom: 1px #dadfe3 solid;
border-left: 1px #dadfe3 solid;
padding: 0 15px 15px;
position: fixed;
bottom: 0;
top: 100px;
z-index: 1;
right: 50px;
background-color: #f8f9fa
}
.ticket-properties .select-priority {
display: block
}
.ticket-properties .select-priority::after,.ticket-properties .select-priority::before {
display: none
}
.app-form .select-priority,.ticket-properties .select-priority {
display: block
}
.app-form .select-priority::after,.app-form .select-priority::before,.ticket-properties .select-priority::after,.ticket-properties .select-priority::before {
display: none
}
.reply-bar-wrapper {
bottom: 10px;
width: 100%;
z-index: 2;
text-align: center;
margin-top: 10px
}
.reply-bar {
border-radius: 3px;
background-color: #fff;
border: 1px solid #dadfe3;
list-style: none;
text-align: left;
padding: 10px;
display: block;
width: 100%;
-webkit-transform: translate3d(0,0,0)
}
.reply-bar a:hover {
text-decoration: none
}
.reply-bar__item {
display: inline-block;
padding: 0 15px;
border-right: 1px #ebeef0 solid
}
.reply-bar__item .app-icon {
position: relative;
top: 2px
}
.reply-bar__item .collab-icon {
top: 3px;
width: 16px;
height: 16px
}
.reply-bar__avatar,.reply-bar__item:last-child {
border-right: none;
padding-left: 10px;
padding-right: 0
}
.reply-bar-top {
margin-right: 2px
}
.ticket-details__item {
border-radius: 2px;
margin-bottom: 8px;
background-color: #fff;
position: relative;
border: 1px solid #dadfe3
}
.ticket-details__item__header {
min-height: 65px;
padding: 14px 15px 15px 57px;
background-color: #f8f9fa
}
.ticket-details__item__header .app-icon-convo-wrap {
margin: 3px 0 2px
}
.ticket-details__item__content {
margin: 20px 56px 25px
}
.ticket-details__item__private {
padding-left: 5px;
vertical-align: bottom;
display: inline-block;
padding-bottom: 1px
}
.ticket-details__item .mail-details {
text-align: left;
padding: 0;
margin: 0
}
.ticket-details__item .user {
font-weight: 500
}
.ticket-details__item .ticket-details-action-wrapper {
float: right;
height: 16px;
padding: 0;
margin: 0
}
.ticket-details__item .ticket-details-action {
position: relative;
float: right;
top: -5px;
margin-right: -5px
}
.ticket-details__item .ticket-details-action .ember-basic-dropdown-content {
right: 0;
z-index: 3
}
.ticket-details__item .ticket-details-action .app-icon-btn {
margin-right: 0;
margin-left: 5px;
padding: 6px 0 5px
}
.ticket-details__item table {
width: 100%
}
.ticket-details__item--more {
width: 100%;
padding: 8px 22px 13px
}
.ticket-details__item--more .more-block {
position: relative;
display: block
}
.ticket-details__item--more .more-thread-icon {
width: 2px;
border-radius: 2px;
height: 42px;
background-color: #acb6be;
display: inline-block;
position: absolute;
top: -5px
}
.ticket-details__item--more .more-thread-icon::after,.ticket-details__item--more .more-thread-icon::before {
width: 2px;
height: 2px;
display: inline-block;
background-color: #acb6be;
position: relative;
content: "";
border-radius: 50%;
box-shadow: 0 3px 0 0 #acb6be
}
.ticket-details__item--more .more-thread-icon::after {
top: 14px;
box-shadow: 0 3px 0 0 #acb6be
}
.form-control,.form-control:focus,.mini-list .app-dropdown,.ticket-filter .input input[type=text].search-ticket-input:focus {
box-shadow: none
}
.ticket-details__item--more .more-thread-icon::before {
top: -19px;
border-radius: 50%
}
.ticket-details__item--more .more-count {
height: 28px;
min-width: 28px;
border: 1px solid #dadfe3;
background-color: #fff;
border-radius: 50%;
color: #6f7c87;
text-align: center;
line-height: 2.1;
display: inline-block;
margin-left: -14px;
position: relative;
z-index: 1
}
.ticket-details__item .forum-ticket {
border: 1px solid #ebeef0;
margin: 0 27px 27px 57px;
padding: 15px;
border-radius: 4px;
background-color: #f9f9f9
}
.ticket-details__item .forum-ticket_content {
position: relative
}
.ticket-details__item .forum-ticket__icon {
margin-right: 10px;
margin-top: 5px
}
.ticket-details__item .conversation-info {
line-height: 1;
display: inline-block;
width: 100%;
padding-top: 3px
}
.ticket-details__item .sender-info {
padding-bottom: 10px
}
.ticket-details__item .desc-info {
padding: 0
}
.ticket-details-social {
position: relative
}
.ticket-details-social__privateicon {
position: absolute;
bottom: 23px;
left: 15px
}
.ticket-details__requestor {
border-color: #b9dde8
}
.ticket-details__requestor .ticket-details__item__header {
background-color: #f4fcfc
}
.ticket-details__privatenote {
border-color: #ffebc8
}
.ticket-details__privatenote .ticket-details__item__header {
background-color: #fffaf3
}
.broadcast-message,.broadcast-message .ticket-details__item__header,.ticket-details__item__activity,.ticket-details__item__activity .ticket-details__item__header,.widget-apps-actions {
background-color: #f9f9f9
}
.activity--requestor .tkt-details-avatar,.ticket-details__item__activity .tkt-details-avatar {
left: 8px
}
.activity--system .tkt-details-avatar {
left: 15px
}
.broadcast-message .ticket-details__item__content,.ticket-details__item__activity .ticket-details__item__content {
margin-top: 0
}
.tkt-details-avatar {
position: absolute;
left: 15px;
top: 17px
}
.widget-apps-actions {
float: right;
border-left: 1px #ebeef0 solid;
width: 50px;
position: absolute;
right: 0;
bottom: 0;
top: 0;
text-align: center;
z-index: 3
}
.widget-apps-actions__sideicon {
margin: 10px 0;
padding-top: 5px;
border: none;
box-shadow: none;
background-color: transparent
}
.widget-apps-actions__sideicon .app-icon {
width: 18px;
height: 18px
}
.widget-item .content-true {
padding-bottom: 16px
}
.requestor-info {
width: 100%;
padding-top: 20px
}
.filter-expand {
cursor: pointer;
position: relative;
z-index: 3;
top: 3px;
display: block;
padding: 7px 0 8px;
border-bottom: 1px #ebeef0 solid;
margin-bottom: 8px
}
.widgets-collapsed {
transform: rotateY(180deg)
}
.scroll-none {
overflow: hidden
}
.ticket-details-submit {
position: absolute;
bottom: 14px;
width: 220px;
transition: 50ms ease-in;
padding: 8px 15px 6px;
z-index: 1;
left: 16px
}
.add-timer-bottom,.add-timer-content,.add-timer-top {
padding-top: 10px
}
.add-timer-top {
padding-bottom: 0
}
.add-timer-options {
padding-top: 3px
}
.add-timer-options__item {
float: left;
cursor: pointer;
margin-right: 10px;
font-size: 12px
}
.add-timer .time-units {
font-size: 16px;
position: relative;
left: -3px;
font-weight: 400
}
.add-timer .time-count {
font-size: 22px;
color: #183247;
margin-bottom: 0
}
.add-timer .time-count--zero,.add-timer .time-count--zero .time-units {
color: #acb6be
}
.add-timer__card {
min-height: 130px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px #dadfe3 solid
}
.add-timer__card:last-of-type {
border-bottom: none
}
.add-timer .time-format {
list-style: none;
padding-top: 4px
}
.add-timer .time-format__item {
float: left;
margin-right: 15px;
font-size: 30px
}
.add-timer .time-format__item:last-child {
margin-right: 0
}
.requester-widget-expand {
cursor: pointer;
color: #448ee1;
margin-bottom: 25px
}
.requester-widget-header {
-webkit-font-smoothing: antialiased;
position: relative;
text-transform: uppercase;
margin-bottom: 15px;
color: #6f7c87
}
.requester-widget-disabled-field {
border-bottom: 1px dotted #d3dbda
}
.requester-widget-disabled-field .label-name {
color: #6f7c87;
font-size: 12px;
font-weight: 400;
margin-bottom: 4px
}
.ticket-status-notification {
padding: 10px 15px 8px
}
.ticket-status-notification__icon {
position: relative;
top: 2px
}
.ticket-status-notification .ticket-tag-wrap {
margin-top: 4px
}
.ticket-status-notification .ticket-property-update {
position: relative;
padding-right: 10px;
width: 80%;
margin-left: 43px
}
.ticket-status-notification .ticket-property-update .ticket-status__dueby {
margin: 2px 6px 0 0
}
.ticket-status-notification .association-tag figure {
padding: 4px 15px
}
.ticket-status-notification .association-tag figure .tracker {
width: 32px;
height: 32px
}
.ticket-status-notification .association-tag figure .related {
width: 25px;
height: 32px
}
.ticket-status-notification .association-tag figure .child {
width: 30px;
height: 30px
}
.ticket-status-notification .association-tag figure caption {
padding: 0;
text-transform: capitalize
}
.ticket-source {
width: 42px;
float: left;
margin-top: 4px;
display: inline-block
}
.phone-audio,.second-box {
margin-top: 16px
}
.ticket-source-icon-wrap {
width: 30px;
height: 30px;
border-radius: 10%;
text-align: center
}
.ticket-source-icon-wrap .app-icon,.ticket-source-icon-wrap .system-icon {
width: 14px;
fill: #fff;
position: relative
}
.ticket-source-icon-wrap .app-icon {
top: 7px
}
.ticket-source-activity {
background-color: #183247
}
.fadeIn {
animation-name: fadeInUp;
animation-duration: .2s
}
.fadeOut {
animation-name: fadeInDown;
animation-duration: .4s
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0,10px,0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes fadeInDown {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0,10px,0)
}
}
.ticket-details-breadcrumb {
padding-top: 12px;
margin-left: 10px
}
.ticket-details-breadcrumb .ticket-source {
width: 30px;
float: left
}
.ticket-details-breadcrumb .ticket-source-icon-wrap {
width: 24px;
height: 24px;
border-radius: 10%;
text-align: center
}
.ticket-details-breadcrumb .ticket-source-icon-wrap .app-icon {
fill: #fff;
position: relative;
top: 5px;
width: 14px
}
.ticket-description {
margin-bottom: 0
}
.ticket-description .tkt-details-avatar {
top: 18px
}
.ticket-description .meta-details-trigger {
border: 1px solid #dadfe3;
border-radius: 2px;
padding: 0 3px 1px
}
.dropdown-recent-ticket {
width: 430px;
padding: 0;
max-height: 480px;
overflow-y: auto
}
.dropdown-recent-ticket .list-check-wrap {
width: 44px;
height: auto
}
.dropdown-recent-ticket .list-check-wrap .app-user-photo,.dropdown-recent-ticket .list-content-wrap .app-user-photo {
margin-left: 0
}
.dropdown-recent-ticket--link {
cursor: pointer
}
.dropdown-recent-ticket__item {
display: block;
border-radius: 2px;
min-height: inherit;
cursor: pointer;
padding: 9px 12px 10px;
margin-bottom: 10px
}
.dropdown-recent-ticket__item--selected {
background-color: #fffef7
}
.dropdown-recent-ticket__item--inactive-data .app-user-photo,.dropdown-recent-ticket__item--inactive-data .list-content-wrap,.dropdown-recent-ticket__item--inactive-data .list-filter-wrap {
filter: grayscale(100%);
opacity: .5
}
.dropdown-recent-ticket__item:last-child {
border-bottom: none
}
.convo-with-icon {
position: relative
}
.convo-with-icon .app-icon-convo-wrap {
padding-bottom: 5px;
position: absolute;
left: -6px;
top: 0
}
.addwatcher,.app-icon-convo-circle,.app-icon-convo-circle .app-icon-convo {
position: relative;
display: inline-block
}
.convo-with-icon .app-icon-convo-wrap .app-icon-convo {
display: block;
margin-bottom: 5px
}
.app-icon-convo-circle {
width: 15px;
height: 15px;
background-color: #fff;
border-radius: 50%;
top: -13px;
right: -10px
}
.app-icon-convo-circle .app-icon-convo {
top: 3px;
left: 3px;
fill: #6f7c87
}
.lock-icon {
margin-left: -35px
}
.convo-content {
padding-left: 30px
}
.phone-audio {
width: 225px;
border-radius: 3px;
padding: 10px 0;
box-sizing: border-box
}
.phone-audio .phone-remaining-time {
padding-left: 10px
}
.phone-audio-info {
padding-bottom: 5px;
margin-top: 10px
}
.phone-audio .player-btn {
width: 34px;
height: 34px;
border-radius: 100%;
border: 1px solid #dadfe3;
line-height: 34px;
display: inline-block
}
.phone-audio .player-btn:hover {
border: 1px solid #02b875
}
.phone-audio .player-btn:hover .icon-pause,.phone-audio .player-btn:hover .icon-play {
color: #02b875;
transform: scale(2);
transition: .3s linear
}
.phone-audio__left {
width: 35px;
float: left
}
.phone-audio__right {
float: left;
width: 168px;
padding-top: 8px
}
.addwatcher {
width: auto
}
.addwatcher .count.agent-removed,.addwatcher.open .count,.insert-solution-detail {
display: none
}
.addwatcher .agent-added {
border-color: #ffd012
}
.addwatcher__addme {
padding-left: 3px
}
.addwatcher.open .watcher-icon.agent-added,.addwatcher.open .watcher-icon.agent-removed {
background-color: #02b875;
border-color: #02b875;
color: #fff
}
.watcher-icon .app-icon {
width: 13px;
height: 13px
}
.watcher-icon .watcher-stroke {
fill: #183247
}
.watcher-icon .watcher-fill {
fill: #fff
}
.watcher-icon.agent-added .watcher-fill {
fill: #ffe2af
}
.watcher-icon.agent-added .watcher-stroke {
fill: #ffad1e
}
.watcher-icon.agent-added .app-icon,.watcher-icon.agent-added:hover .app-icon {
fill: #ffd012
}
.solution-detail-header {
position: relative;
background-color: #f3f5f7;
border-bottom: 1px #dadfe3 solid;
margin: -20px -40px 0 -27px;
padding: 25px 20px
}
.solution-detail-header .modal-icons {
cursor: pointer
}
.solution-detail-header .modal-title {
display: inline-block;
vertical-align: middle;
margin: 2px 0 0 5px
}
.solution-detail-header .action-holder {
float: right
}
.solution-detail-content .shortcut {
position: fixed;
bottom: 25px;
right: 25px
}
.solution-detail-content .shortcut .app-icon {
fill: #fff;
margin-left: 10px;
margin-top: 10px;
width: 22px
}
.solution-detail-content .shortcut .action-btn {
width: 42px;
height: 42px;
border-radius: 30px;
background-color: #02b875;
cursor: pointer
}
.description-subject {
font-size: 18px;
font-weight: 700;
line-height: 1.2
}
.ticket-deleted-icon {
width: 130px;
fill: #e4f6f2;
position: absolute;
right: -10px;
transform: rotate(19deg);
top: 0
}
.ticket-spam-icon {
width: 110px;
fill: #f0dfde;
position: absolute;
right: 10px;
top: 0
}
.emails-info {
display: block;
width: 100%
}
.emails-info .info-left,.emails-info .info-right {
float: left;
box-sizing: border-box
}
.emails-info .display_emails {
margin-left: 5px
}
.emails-info .display-email {
font-size: 13px;
padding-bottom: 5px
}
.emails-info .display-email:not(:last-child)::after {
content: ','
}
.emails-info .display-email--primary {
color: #183247
}
.emails-info .display__more {
color: #448ee1
}
.emails-info__card {
padding: 16px;
width: 300px;
max-height: 180px;
word-break: break-word;
-ms-word-wrap: break-word;
word-wrap: break-word;
display: block;
overflow-y: scroll
}
.emails-info__card .email-item .left,.emails-info__card .email-item .right {
float: left
}
.emails-info__card .email-item .left {
position: absolute;
left: 8px
}
.emails-info__card .email-item .right {
margin-left: 20px
}
.survey-holder {
margin-bottom: 20px
}
.survey-holder_title {
margin-bottom: 5px
}
.survey-holder_feelIcon {
display: inline-block;
margin-right: 5px;
margin-bottom: 2px;
width: 12px;
height: 12px;
border-radius: 10px;
vertical-align: middle
}
.survey-comments {
margin-bottom: 20px
}
.survey-comments_desc {
margin-bottom: 5px
}
.rating-extremelysatisfied {
background-color: #189e00
}
.rating-mostlysatisfied {
background-color: #6bb437
}
.rating-slightlysatisfied {
background-color: #9cd807
}
.rating-neithersatisfied {
background-color: #ffd012
}
.rating-slightlydissatisfied {
background-color: #ffaa59
}
.rating-mostlydissatisfied {
background-color: #fa7543
}
.rating-extremelydissatisfied {
background-color: #ff5959
}
.activity-highlight {
background-color: #fff;
color: #183247;
border: 1px solid #ebeef0;
padding: 2px 10px;
border-radius: 2px;
display: inline-block;
float: right
}
.activity-details {
padding-left: 15px
}
.app-icon-convo-wrap>.private-conv {
padding-right: 5px;
margin-right: 5px;
border-right: 1px #c9d1d0 solid
}
.ticketlist-survey-icon {
width: 20px;
height: 15px;
display: inline-block;
vertical-align: middle;
left: -11px;
top: -1px
}
.ticket-surveyresult-icon {
width: 18px;
height: 18px;
z-index: 1;
position: absolute;
top: 17px;
left: 18px;
background-color: #f4fcfc;
border-radius: 22px
}
.ticket-surveyresult-icon .app-icon {
position: absolute;
width: 16px;
height: 16px;
top: 1px;
left: 1px
}
.priority--low {
background-color: #a0d76a
}
.priority--medium {
background-color: #4da1ff
}
.priority--high {
background-color: #ffd012
}
.priority--urgent {
background-color: #ff5959
}
.ticket-details__created-date span {
min-width: 100px
}
.secondary-info {
display: inline-block;
width: 100%
}
.secondary-info .user {
color: #183247
}
.mini-list {
top: 5px;
right: -35px;
padding: 0;
min-height: 264px
}
.mini-list::before {
right: 46px
}
.mini-list::after {
right: 47px
}
.mini-list .list-content-wrap {
width: 344px;
padding-left: 0
}
.mini-list-title {
font-size: 14px;
padding: 12px 15px;
border-bottom: 1px #ebeef0 solid
}
.mini-list-subject {
display: inline-block;
color: #183247
}
.mini-list-subject:hover {
text-decoration: none
}
.mini-list .app-dropdown {
padding: 10px 10px 0;
background-color: #ebeef0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
.mini-list-priority {
width: 6px;
height: 6px
}
.mini-list-loader {
min-height: 210px
}
.mini-list-loader .loader--small {
position: absolute;
margin: auto;
right: 0;
left: 0
}
.mini-list .tickets__list:hover .mini-list-subject {
color: #448ee1
}
.mini-list .mini-list-subject {
font-weight: 200
}
.mini-list .new-ticket .mini-list-subject {
font-weight: 500
}
.detail-pagination {
margin-left: 6px;
float: right;
margin-top: -2px
}
.meta-info-dropdown {
padding: 16px;
width: 200px
}
.bcc-wrapper,.cc-wrapper {
padding: 5px
}
.create-another-child-label {
margin-right: 10px
}
.huddle-logo-holder {
position: relative
}
.huddle-logo-holder .huddle-logo {
width: 16px;
height: 16px
}
.huddle-unread-dot::after {
display: inline-block;
content: " ";
width: 13px;
height: 13px;
background: #ff5959;
position: absolute;
right: -4px;
top: -4px;
border-radius: 50%;
border: 2px solid #f9f9f9
}
.collab-sidebar .collab-title {
line-height: 42px
}
.collab-sidebar .collab-close,.collab-sidebar .collab-reply-close {
font-size: 28px;
font-weight: 100;
line-height: 25px
}
.collab-sidebar .collab-reply-close {
font-size: 30px;
line-height: 14px
}
.collab-sidebar .collab-cancel-att {
line-height: 14px;
font-weight: 100;
font-size: 20px;
width: 20px;
height: 20px;
text-align: center
}
.collab-sidebar .collab-def-pic .collab-att-msg-img {
width: 52px
}
.collab-sidebar .announce-toast .announce-text {
max-height: 71px
}
.collab-sidebar .collab-readby-container {
max-height: 221px
}
.collab-sidebar .collab-readby-list {
max-height: 212px
}
.ner-hover {
position: relative;
cursor: pointer;
border-bottom: 1px solid #6f7c87
}
.ticket-action__btn.disabled .send-and-set,.ticket-action__btn.disabled button {
cursor: not-allowed
}
.ner-hover:hover {
border-bottom: 1px solid #183247
}
.ner-api-active .collab-selectable-content-wrapper {
overflow-x: visible
}
.conversation_wrap {
padding: 10px 0;
display: inline-block;
width: 100%
}
.conversation_wrap img {
border-radius: 50%!important
}
.conversation_wrap table tr {
border-top: 1px #ebeef0 solid!important
}
.conversation_wrap table tr td b,.conversation_wrap table tr td div {
font-size: 13px!important;
color: #183247!important
}
.ticket-action__showpage {
border: 1px solid #dadfe3;
margin-bottom: 20px;
transition: border .2s;
border-radius: 3px;
position: relative
}
.ticket-action__showpage:hover {
border: 1px solid #acb6be
}
.ticket-action {
border-top: 1px #dadfe3 solid
}
.ticket-action.disabled {
opacity: .7
}
.ticket-action__fields {
min-height: 38px;
background-color: #f7f9fa;
padding: 7px 16px;
border-bottom: 1px #ebeef0 solid
}
.ticket-action__fields.can-edit {
background: #fff;
height: auto;
overflow: auto;
max-height: 80px
}
.ticket-action__fields.can-edit.ticket-action__email--collapsed {
padding-bottom: 8px;
background: #f7f9fa
}
.ticket-action__fields.can-edit.ticket-action__email--collapsed .ticket-action__email {
width: 75%
}
.ticket-action__fields .ticket-action__email {
width: 80%;
float: left
}
.ticket-action__fields .ticket-action__fromemail {
padding-top: 4px
}
.ticket-action__fields .ticket-action__label {
float: left;
color: #777c80;
margin-top: 4px
}
.ticket-action__header {
min-height: 40px;
padding: 8px 16px;
border-radius: 2px 2px 0 0
}
.ticket-action__header .ticket-action__label {
margin-right: 5px
}
.ticket-action__field {
float: left;
margin-right: 10px
}
.ticket-action__btn {
float: right
}
.ticket-action__btn.disabled button.btn--primary {
transition: .1s linear;
background-color: #b7e5d6;
border: none;
color: #f3f5f7
}
.ticket-action__profilepic {
height: 24px;
width: 24px;
line-height: 24px
}
.ticket-action__switch {
border-right: 1px solid #ebeef0;
padding-right: 10px;
height: 15px;
margin-top: 4px
}
.ticket-action__notetype {
height: 15px;
margin-top: 4px
}
.ticket-action__from {
width: 80%
}
.ticket-action__copyemail {
margin-top: 4px;
text-align: right
}
.ticket-action__copyemail span {
font-size: 12px;
cursor: pointer;
color: #448ee1;
padding-left: 5px
}
.ticket-action__clear {
font-size: 12px;
float: right;
width: 60px;
color: #448ee1;
cursor: pointer;
text-align: right;
margin-right: 0;
margin-top: 8px
}
.ticket-action__fbpagename,.ticket-action__replyhandle,.ticket-action__requester,.ticket-action__tweettype {
margin-top: 4px
}
.ticket-action__notetypewrapper svg {
width: 12px;
top: 1px;
position: relative
}
.ticket-action__private {
width: 14px;
height: 15px;
display: inline-block;
background: #ff9d00;
text-align: center;
border-radius: 2px
}
.ticket-action__private svg {
fill: #fff;
padding-bottom: 4px;
padding-top: 2px;
width: 10px
}
.ticket-action .fb-icon {
fill: #3b5998
}
.ticket-action .twitter-icon {
fill: #3b94d9
}
.ticket-action .reply-btn {
display: inline-block
}
.ticket-action-errors .error-lists {
margin: 0;
padding: 0
}
.ticket-action-errors .error-lists .error-list {
list-style-type: none;
padding: 5px 0 5px 5px;
background-color: #ffebeb;
color: #ff5959;
border: 1px solid rgba(255,89,89,.11)
}
.ticket-action-errors .error-lists .error-list svg {
fill: #ff5959
}
.ticket-action .ticket-action__from .ember-basic-dropdown {
display: inline-block
}
.ticket-action .ticket-action__from .ember-basic-dropdown .ember-power-select-status-icon {
top: -4px
}
.ticket-action .ticket-action__from .ticket-action__email {
width: auto;
min-width: 50%
}
.ticket-action .ticket-action__from .ticket-action__email .ember-power-select-status-icon {
border-color: #6f7c87
}
.ticket-action .ember-power-select-trigger {
border: 0;
min-height: 1em
}
.ticket-action .ember-power-select-trigger:focus,.ticket-action .ember-power-select-trigger:hover {
border: 0
}
.ticket-action .ember-power-select-trigger .ember-power-select-selected-item {
color: #183247
}
.ticket-action .ember-basic-dropdown-content {
margin-top: 5px
}
.ticket-action .agent-collision-reply .ember-basic-dropdown-content {
margin-top: -10px
}
.ticket-action .ticket-action__email .ember-power-select-status-icon {
border-color: transparent
}
.ticket-action .ticket-action__email .ember-power-select-multiple-remove-btn {
color: #acb6be
}
.ticket-action .ticket-action__email .ember-power-select-multiple-option {
border-radius: 2px;
background-color: #ebeef0;
border: 1px solid #dbdfe3;
padding: 0 8px;
height: 20px;
margin: 0 2px 2px
}
.ticket-action .ticket-action__email .ember-power-select-trigger-multiple-input {
height: 20px!important
}
.broadcast__action .ticketaction__delete {
margin-top: 0
}
.broadcast__changeaction,.broadcast__notetype {
display: inline-block;
vertical-align: middle
}
.ticket-action__email .ember-power-select-selected-item {
display: inline-block;
line-height: 1.4
}
.ticket-action__email .ember-power-select-selected-item,.ticket-action__email .ticket-action__fromemail {
padding-top: 3px
}
.from-email,.from-muted {
color: #777c80;
font-weight: 400
}
.from-email-name {
font-weight: 500
}
.ember-basic-dropdown-content.from-email--dropdown {
width: 430px
}
.ticket-action .ticket-action__from .ticket-action__from-email {
width: 90%
}
.disable-editor {
position: absolute;
height: 100%;
width: 100%;
background: #fff;
z-index: 2;
opacity: .7;
cursor: not-allowed;
transition: all .2s
}
.ticket-filter {
padding: 5px 10px 0 0
}
.ticket-filter .input input[type=text].search-ticket-input {
padding: 0 18px 5px
}
.ticket-filter .input input[type=text].search-ticket-input:focus+label {
display: none
}
.form-group {
position: relative
}
.form-group .ticket-filter__label {
position: absolute;
bottom: 0
}
.ticket-filter__label--focused {
top: -20px
}
.form-control {
border: none;
background: 0 0;
border-bottom: 1px #dadfe3 solid;
border-radius: 0;
position: relative;
z-index: 1
}
.form-control:active .ticket-filter__label {
bottom: 20px
}
.visibleto {
padding-top: 20px
}
.visibleto .radio {
min-height: 15px
}
.visibleto .radio label {
color: inherit
}
.visibleto .group {
padding-top: 10px
}
.search-property {
position: absolute;
bottom: 7px
}
.clear-search {
position: absolute;
bottom: 0;
right: -6px
}
.search-ticket-label {
padding-left: 20px
}
.nested-filter {
padding-left: 10px;
margin-top: 20px
}
.editor {
position: relative
}
.canned-response-trigger,.suggested-solution-trigger,.survey-trigger {
cursor: pointer;
position: absolute;
z-index: 6;
bottom: 0;
padding: 0 10px;
height: 38px
}
.solution-list,.tickets-solutions-search {
position: relative
}
.canned-response-trigger .app-icon,.suggested-solution-trigger .app-icon,.survey-trigger .app-icon {
position: relative;
top: 9px
}
.canned-response-trigger {
right: 42px
}
.suggested-solution-trigger {
right: 2px
}
.survey-trigger {
right: 84px
}
.sendsurvey-enabled .app-icon {
fill: #02b875
}
.editor-submission button:first-child {
margin-right: 5px
}
.note-input .dropdown .ember-basic-dropdown-trigger {
border: none;
border-bottom: 1px #ebeef0 solid;
border-radius: 0
}
.note-input .dropdown .ember-basic-dropdown-trigger:hover {
border-radius: 0
}
.tickets-solutions {
margin-top: 45px;
padding: 40px 30px;
overflow: auto
}
.tickets-solutions-search input {
border: 0;
border-bottom: 1px solid #ebeef0;
width: 100%
}
.tickets-solutions-search input:focus {
outline: 0
}
.tickets-solutions .solutions-recent-label {
font-size: 13px;
font-weight: 500;
color: #707070;
padding: 10px 0
}
.modal-body .merge__item-primary .ticket-subject,.modal-content .merge__edititem .ticket-subject,.modal-content .merge__item-primary .ticket-subject,.solution-list:hover .link-holder {
color: #448ee1
}
.tickets-solutions .solutions-recent-label i {
padding-right: 5px
}
.tickets-solutions .solutions-caption {
margin-top: 10px
}
.solution-list {
border: 1px solid #ebedf0;
border-radius: 3px;
display: table;
width: 100%;
margin: 10px 0 6px;
padding: 0
}
.solution-list .action-holder {
opacity: 0;
position: absolute;
top: 8px;
right: 10px;
background-color: #fff;
transition: .4s ease-in-out
}
.solution-list .link-holder {
padding: 13px 15px
}
.solution-list:hover {
border-color: #dadfe3
}
.solution-list:hover .action-holder {
opacity: 1
}
.solution-title {
padding-left: 7px
}
.solution-draft {
border: 1px solid #d9d9d9;
border-radius: 10px;
padding: 2px 10px
}
.ticket-solutions-list {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
overflow-y: auto
}
.merge__wrap,.modal-content .merge__edititem .private-dropdown__trigger svg,.option-icon {
position: relative
}
.show .language {
width: 19%
}
.show .language .ember-power-select-selected-item,.show .language .ember-power-select-trigger {
line-height: 2.5
}
.show .search-with-language.search-term {
width: 79%
}
.show .ember-power-select-placeholder {
padding-bottom: 5px
}
.show .ember-power-select-option[aria-selected=true]::before {
top: 15px
}
.show .ember-basic-dropdown-content--below {
min-width: 230px
}
.show .ember-power-select-option {
padding: 5px 30px 15px 10px
}
.show .modal-header {
padding-left: 27px
}
.option-icon {
top: 7px
}
.modal-body .merge__item-primary,.modal-content .merge__item-primary {
border: 1px solid #dadfe3
}
.modal-body .modal-search,.modal-content .modal-search {
padding-bottom: 26px
}
.modal-body .search-options,.modal-content .search-options {
border-bottom: 1px #dadfe3 solid;
margin-top: -3px;
min-width: 80px
}
.modal-body .search-options:hover,.modal-content .search-options:hover {
border-bottom: 1px #707070 solid;
transition: .2s easein
}
.modal-body .search-options .ember-power-select-status-icon,.modal-content .search-options .ember-power-select-status-icon {
bottom: 1px
}
.modal-body .search-options .ember-power-select-trigger,.modal-content .search-options .ember-power-select-trigger {
top: 0
}
.modal-body .second-footer,.modal-content .second-footer {
padding-right: 38px
}
.modal-content .merge__edititem {
padding: 0;
background-color: #fff
}
.modal-content .merge__edititem .option--privatenote,.modal-content .merge__edititem .private-dropdown__privatenote {
background-color: #ff9d00
}
.modal-content .merge__edititem:hover {
border: 1px solid #183247;
transition: .2s easein
}
.modal-content .merge__edititem .private-options-label {
font-weight: 500;
color: #6f7c87;
font-size: 12px;
vertical-align: text-bottom
}
.modal-content .merge__edititem .private-options-label-popup {
font-weight: 400;
font-size: 11px
}
.modal-content .merge__edititem .private-dropdown {
margin-top: 7px
}
.modal-content .merge__edititem .private-dropdown .pointer {
float: left
}
.modal-content .merge__edititem .private-dropdown__trigger {
width: 14px;
height: 14px;
display: inline-block;
text-align: center;
border-radius: 2px;
vertical-align: text-bottom
}
.modal-content .merge__edititem .private-dropdown__privatenote svg {
width: 10px;
fill: #fff;
padding-top: 2px
}
.modal-content .merge__edititem .dropdown__option {
text-align: left;
padding: 2px 0
}
.modal-content .merge__edititem .option {
display: inline-block
}
.modal-content .merge__edititem .option-icon {
display: inline-block;
vertical-align: top;
margin: 0 5px
}
.modal-content .merge__edititem .option-icon-normal {
fill: #6f7c87
}
.modal-content .merge__edititem .option--privatenote .app-icon {
fill: #fff;
padding-top: 4px
}
.modal-content .merge__edititem .popup-title {
text-align: left;
color: #6f7c87;
font-weight: 400;
padding: 5px 10px 10px
}
.modal-content .merge__item-primary {
border-radius: 4px
}
.modal-content .secondary-header {
position: relative;
top: 47px;
padding-top: 25px;
padding-bottom: 10px;
font-size: 12px
}
.modal-content .secondary-header span {
font-weight: 700
}
.addrecipients,.visible-to-form .visible-to-radio label {
font-weight: 400
}
.modal-content .secondary-header .edit-note {
display: inline-block;
padding-left: 10px;
padding-right: 10px
}
.merge__wrap {
top: 47px
}
.merge .search-container {
position: absolute;
right: 0;
left: 90px;
top: -7px
}
.merge .primary-custom {
fill: #02b875
}
.merge .secondary-custom {
fill: #dadfe3
}
.merge .secondary-custom:hover {
fill: #58626b;
transition: .2s easein
}
.merge-ticket-search {
padding-left: 0;
border-bottom: 1px #dadfe3 solid
}
.merge-ticket-search:hover {
border-bottom: 1px #707070 solid;
transition: .2s easein
}
.merge-ticket-search .ember-power-select-trigger {
padding-left: 20px
}
.merge-ticket-search .clear {
position: absolute;
top: 2px;
right: 10px;
color: #448ee1;
cursor: pointer
}
.merge-ticket-search .ember-power-select-trigger-multiple-input {
width: 95%
}
.merge-ticket-search .ember-power-select-placeholder {
position: absolute;
top: 2px
}
.merge__item {
min-height: 78px;
z-index: 1;
background-color: #fff;
position: relative
}
.merge__item .list-content-wrap {
width: 350px;
display: block;
padding-left: 0
}
.merge__item .ticket-subject {
color: #183247;
font-size: 14px
}
.merge__item .ticket-subject:hover {
color: #448ee1
}
.merge__item-edit .app-icon-btn {
margin-right: 4px
}
.merge__item .removewatcher--disabled {
opacity: .3
}
.merge__item .primary-label {
position: absolute;
display: block;
right: 2px;
font-size: 10px;
color: #6f7c87;
letter-spacing: .3px
}
.merge__item .dot {
vertical-align: text-bottom
}
.merge__item:hover:not(.merge__item-primary):not(.merge__edititem) {
border: 1px solid #dadfe3;
transition: .2s easein
}
.merge__section {
padding: 15px
}
.merge__section .merge-editlabel {
color: #02b875
}
.merge__section .rich-editor:hover {
border-bottom: none
}
.merge__section #editor-toolbar .fr-toolbar {
padding-left: 0
}
.merge__section #editor-toolbar .fr-popup .fr-command.fr-btn,.merge__section #editor-toolbar .fr-toolbar .fr-command.fr-btn {
color: #6f7c87;
text-align: center;
width: 30px
}
.merge__section #editor-toolbar .fr-popup .fr-command.fr-btn i,.merge__section #editor-toolbar .fr-toolbar .fr-command.fr-btn i {
font-size: 12px;
width: auto;
margin: 12px 0
}
.merge__section #editor-toolbar .fr-popup .fr-command.fr-btn i:hover,.merge__section #editor-toolbar .fr-toolbar .fr-command.fr-btn i:hover {
color: #58626b
}
.merge__editheader {
background-color: #fff;
border-radius: 4px;
border-bottom: 1px #ebeef0 solid
}
.merge__editbody {
padding-top: 0;
padding-bottom: 0
}
.merge__editbody .rich-editor {
border: none
}
.merge__note-footer {
padding: 0 20px 20px
}
.merge__note-footer .btn--secondary {
margin-right: 5px
}
.merge-editlabel {
font-size: 11px;
font-weight: 400;
color: #02b875
}
.merge-search-type {
margin-left: 10px
}
.merge-search-dropdown .ember-power-select-option {
padding: 0
}
.merge-search-dropdown .ember-power-select-option .merge__item {
line-height: normal
}
.merge-search-dropdown .ember-power-select-option[aria-current=true] {
background-color: transparent
}
.merge-search-dropdown .ember-power-select-option[aria-current=true] .requester {
background-color: #ebeef0
}
.merge-search-dropdown .ember-power-select-option .primary-mark {
padding-right: 10px;
padding-top: 18px
}
.merge-search-dropdown .ember-power-select-options[role=listbox] {
max-height: 22em
}
.merge-search-dropdown .requester {
padding: 2px 8px
}
.merge-search-dropdown .ember-basic-dropdown-trigger {
overflow-y: hidden
}
.merge .primary-mark {
width: 30px;
position: relative;
cursor: pointer;
top: 18px;
right: 6px
}
.merge .merge-delete {
padding-top: 22px;
cursor: pointer;
width: 40px
}
.merge-checkbox {
display: inline-block
}
.merge-child {
padding-left: 16px;
padding-top: 10px;
border-left: 1px #dadfe3 solid;
position: relative;
left: 20px;
top: -57px;
margin-right: 20px;
z-index: 0
}
.merge-child .merge__item {
position: relative;
top: 47px
}
.merge-child .merge__item::before {
width: 10px;
height: 10px;
content: "";
position: absolute;
display: inline-block;
background-color: #acb6be;
border: 2px solid #fff;
left: -22px;
border-radius: 50%;
top: 40%
}
.merge-child .merge__editsecondary {
background-color: #fff;
top: 0;
margin-bottom: 0
}
.merge-child .merge-editnote-info {
background-color: #f8f9fa;
padding: 20px;
border-radius: 4px 4px 0 0
}
.merge-collapsed {
border-left: none;
padding-left: 0;
margin-right: 0;
left: 0
}
.merge-collapsed .merge__item::before {
display: none
}
.merge-back {
padding: 0
}
.merge-back .modal-icons {
top: 2px
}
.merge-edit {
position: relative;
top: 15px
}
.notify-label {
top: -11px;
position: relative
}
.addrecipients {
top: 8px;
position: relative
}
.addrecipients-checkbox {
vertical-align: middle;
margin-top: 6px
}
.addrecipients .merge-checkbox {
position: static;
margin-bottom: 0
}
.canned-form-list,.canned-response__search {
position: relative
}
.card-item {
border-radius: 0 0 4px 4px;
background-color: #fcfcfc;
box-shadow: 0 -1px 3px 0 rgba(0,0,0,.08);
border: 1px solid #dadfe3;
border-top: 0;
height: 6px;
margin-top: -10px
}
.card-item-0 {
margin: 0;
opacity: .33333
}
.card-item-1 {
margin: 0;
opacity: .66667
}
.card-item-2 {
margin: 0;
opacity: 1
}
.card-item-3 {
margin: 0;
opacity: 1.33333
}
.canned-response .description-text {
background-color: #f9f9f9;
border-top: 1px solid #ebedf0;
padding: 6px 12px
}
.canned-response .description-text .modal-spinner {
top: 100%
}
.canned-response__item:hover {
border-color: #dadfe3
}
.canned-response__item:hover .item-insert-btn {
opacity: 1;
transition: .4s ease-in-out
}
.canned-response__item .item-container {
width: 100%;
padding: 6px 12px;
display: inline-block
}
.canned-response__item .item-container .item-description,.canned-response__item .item-container .item-insert-btn {
padding: 0
}
.canned-response__folder {
margin: 20px 0 10px
}
.canned-response__foldericon {
margin: 6px 3px 0 0
}
.canned-response .item-description .description-title {
position: relative;
top: 5px;
padding-bottom: 5px;
cursor: pointer
}
.canned-response .item-description .description-title:hover {
color: #448ee1
}
.canned-response .item-insert-btn {
opacity: 0
}
.canned-response__search input {
border: 0;
border-bottom: 1px solid #ebeef0;
width: 100%
}
.canned-response__search input:focus {
outline: 0
}
.canned-response__recent,.canned-response__result {
padding: 10px 0
}
.canned-response__recent .app-icon,.canned-response__recent .text-sub-title {
vertical-align: middle;
display: inline-block
}
.canned-response .ember-power-select-trigger:focus,.canned-response .ember-power-select-trigger:hover {
border-bottom: 0
}
.canned-response__empty {
text-align: center;
margin-top: 25px
}
.canned-folderlist {
display: inline-block;
text-transform: uppercase;
padding: 0
}
.canned-folderlist .ember-power-select-trigger {
border: 0;
color: #448ee1
}
.canned-response-container .canned-response__item {
padding: 0
}
.canned-form__item {
border: 1px solid #ebedf0;
border-radius: 3px;
padding: 0;
margin-bottom: 8px
}
.canned-form-list:hover,.canned-form__item:hover {
border-color: #dadfe3
}
.canned-form__item:hover .item-insert-btn {
opacity: 1;
transition: .4s ease-in-out
}
.canned-form-list {
padding: 0
}
.canned-form-list .action-holder {
opacity: 0;
margin: 0 5px;
padding: 5px 10px;
background-color: #fff;
transition: .4s ease-in-out;
position: absolute;
right: 15px
}
.canned-form-list .action-holder__left {
right: 110px
}
.canned-form-list .action-holder .content-holder {
padding: 5px 8px;
margin: 3px
}
.canned-form-list:hover .action-holder {
opacity: 1
}
.canned-form-item {
padding: 10px
}
.canned-form-title {
padding: 5px
}
.scenarios__search {
margin-bottom: 10px
}
.scenarios__item {
border: 1px solid #ebedf0;
border-radius: 3px;
padding: 15px 15px 15px 0;
margin-bottom: 6px;
position: relative
}
.scenarios__item__btn {
position: absolute;
top: 10px;
right: 10px;
bottom: 0
}
.scenarios__item .cardlist__item {
display: table-cell;
vertical-align: middle;
height: 100%;
float: none
}
.scenarios__item .async-button {
opacity: 0;
height: 100%;
background-color: #fff;
transition: .4s ease-in-out;
padding-left: 10px
}
.content-widget-wrap.sidebar-present .sidebar .filter-expand,.scenarios__item:hover .async-button {
opacity: 1
}
.scenarios__item:hover {
border-color: #dadfe3
}
.scenarios__folder {
margin-bottom: 10px
}
.scenario-executing .async-button {
visibility: hidden
}
.app-notification__sidebar {
margin: -15px -15px 20px;
padding: 15px
}
.content-widget-wrap .content-widget {
right: 50px;
padding-top: 0;
padding-bottom: 0;
height: 100%
}
.content-widget-wrap .widget-apps {
bottom: 50px;
display: none
}
.content-widget-wrap .sidebar {
background-color: transparent;
border-left: 0;
overflow: visible
}
.content-widget-wrap.sidebar-present .content-widget,.content-widget-wrap.sidebar-present .ticket-properties {
right: 300px
}
.content-widget-wrap.sidebar-present .sidebar {
right: 0;
overflow: hidden;
width: 300px;
padding-right: 64px;
border-left: 1px solid #dadfe3
}
.content-widget-wrap.sidebar-present .sidebar .widget-apps {
bottom: 0;
border-right: none;
display: block;
top: 0;
left: 0;
right: 50px;
padding-top: 0;
overflow-y: auto;
overflow-x: hidden;
position: absolute
}
.content-widget-wrap.sidebar-present .multiple-widget-slider .sidebar {
background-color: #f9f9f9;
width: 300px
}
.new-ticket-wrap .widget-sidebar-scrollbar {
width: 250px
}
.new-ticket-wrap .sidebar {
top: -50px
}
.sidebar-present .sidebar {
width: 310px
}
.grid-stack {
top: 6px;
margin-bottom: 20px;
margin-right: -5px
}
.grid-stack>.grid-stack-item>.grid-stack-item-content {
left: 0;
right: 6px;
border-radius: 2px;
background-color: #fff;
box-shadow: 0 1px 0 0 #dadfe3;
box-sizing: border-box;
overflow-y: hidden
}
.grid-stack>.grid-stack-item.widget-3>.grid-stack-item-content {
overflow: initial
}
.filter-box.agent_groups_drop_cover .dropdown-select {
margin-right: 10px
}
.filter-box .dropdown-select {
float: left;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center
}
.filter-box .dropdown-select .input {
margin-top: 0
}
.filter-box .dropdown-select .ember-power-select-trigger {
padding: 0 20px 0 0
}
.filter-box .app-icon {
margin-right: 5px
}
.filter-box .ember-power-select-status-icon {
top: -2px
}
.agent_timerange_drop_cover {
line-height: 2
}
.empty-state {
margin-top: 40px
}
.empty-state .app-icon {
width: 112px;
height: 112px
}
.dashboard-category.category-menu__content {
margin-top: 10px
}
.dashboard-category .hint--medium::after {
width: 265px
}
.dashboard-category .category-menu--link,.dashboard-category .new-dashboard-btn {
padding: 8px
}
.dashboard-category .category-menu--link.disabled,.dashboard-category .new-dashboard-btn.disabled {
color: #cdcdcd;
cursor: not-allowed
}
.dashboard-category .category-menu--link.disabled:hover,.dashboard-category .new-dashboard-btn.disabled:hover {
background-color: transparent
}
.dashboard-category .new-link .app-icon {
fill: #448ee1
}
.dashboard-category .count-reached {
background-color: #f3f5f7;
width: 94%
}
.dashboard-category .count-reached .new-link,.dashboard-category .count-reached .new-link-subtext {
pointer-events: none;
opacity: .3
}
.dashboard-category .count-reached .new-link .app-icon,.dashboard-category .count-reached .new-link-subtext .app-icon {
opacity: .3
}
.account-onboarding .onboarding-container .task-completed,.change-email-dropdown .actions .btn:disabled {
opacity: .5
}
.dashboard-widget-empty {
width: 60%;
text-align: center;
margin: 20% auto 0
}
.dashboard-widget-empty .app-icon {
width: 55px;
height: 55px
}
.dashboard-widget-empty .widget-empty-text {
line-height: 1.5
}
.default-dashboard .grid-stack>.grid-stack-item>.grid-stack-item-content {
padding: 25px 30px
}
.custom-dashboard .grid-stack>.grid-stack-item>.grid-stack-item-content {
height: 100%;
padding: 15px 25px;
border: 1px solid #dadfe3
}
.visible-to-form.app-form {
margin-bottom: 0;
margin-top: 0
}
.visible-to-form .visible-to {
padding: 0 18px
}
.visible-to-form .visible-to-input .ember-text-field {
padding: 0 18px 8px;
font-size: 16px
}
.visible-to--content,.visible-to--title {
vertical-align: middle
}
.visible-to--content .app-icon,.visible-to--title .app-icon {
display: inline-block;
vertical-align: middle
}
.visible-to--content div {
display: inline-block
}
.ember-basic-dropdown-content.filter-list-container {
max-height: 300px;
overflow-y: scroll;
display: table;
width: 100%;
top: 25px
}
.ember-basic-dropdown-content.filter-list-container .filter-list {
background-color: #fff;
padding: 10px 0
}
.ember-basic-dropdown-content.filter-list-container .filter-list .list-row {
display: table-row
}
.ember-basic-dropdown-content.filter-list-container .filter-list .list-cell {
display: table-cell;
padding-bottom: 12px;
padding-left: 10px;
line-height: 1
}
.ember-basic-dropdown-content.filter-list-container .filter-list .first-cell {
width: 35%;
text-align: right
}
.ember-basic-dropdown-content.filter-list-container .filter-list .second-cell {
width: 65%
}
.ember-basic-dropdown-content .multiselect-label {
padding: 0
}
.ember-basic-dropdown-content.groups-list-container {
width: auto
}
.ember-basic-dropdown-content.groups-list-container ul {
list-style: none;
margin: 15px;
padding: 0;
overflow: scroll;
max-height: 110px
}
.ember-basic-dropdown-content.groups-list-container ul li {
padding: 0 3px 5px 0
}
.widget-error {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 15%;
background-color: rgba(249,249,249,.9);
text-align: center
}
.widget-error .app-icon {
display: inline-block;
vertical-align: middle;
fill: #ff5959
}
.account-onboarding .onboarding-container .onboading-item-hover:hover .app-icon,.account-onboarding .onboarding-container .task-completed .app-icon {
fill: #fff
}
.barchart-empty {
margin-top: 70px
}
.trial-widget {
display: grid;
height: 150px;
margin-top: 6px;
color: inherit;
border-radius: 2px;
background-color: #fff;
box-shadow: 0 1px 0 0 #dadfe3;
text-decoration: none
}
.trial-widget .container {
width: 100%;
padding: 0
}
.trial-widget .progress {
height: 4px;
background-color: #ebeef0;
margin-bottom: 10px;
overflow: visible
}
.trial-widget .progress-bar {
height: 4px;
border-radius: 70px;
background-color: #448ee1;
transition: 2s linear
}
.trial-widget .profilepic--large {
width: 44px;
height: 44px;
margin-right: 10px;
border-radius: 10%
}
.trial-widget .accountImage {
width: 100px
}
.trial-widget .write-to-us {
padding: 0 10px;
border-right: 1px solid #dadfe3
}
.trial-widget .account-setup,.trial-widget .choose-plan {
height: 7px
}
.trial-widget .get-a-demo {
padding-left: 6px
}
.trial-widget .trial-widget-top {
height: 110px;
padding: 25px 16px 16px
}
.trial-widget .trial-widget-top .current-plan {
margin-bottom: 5px
}
.trial-widget .trial-widget-top .manager-info-wrap {
padding-left: 0;
line-height: 1.38;
position: relative;
color: #183247;
z-index: 2
}
.trial-widget .trial-widget-top .manager-info-wrap .user-pic {
position: absolute;
left: 0
}
.trial-widget .trial-widget-top .manager-info-wrap .manager-info {
padding-left: 60px
}
.trial-widget .trial-widget-bottom {
border-top: 1px solid #ebeef0;
bottom: 0;
min-height: 40px;
padding: 10px
}
.trial-widget .trial-widget-bottom .trial-feedback {
padding-left: 0
}
.trial-widget .trial-widget-bottom .small-bullet {
width: 7px;
margin-left: 2px
}
.account-onboarding .onboarding-header {
top: 0;
min-height: 100px;
width: 100%;
border-bottom: 1px solid #dadfe3;
padding: 15px 30px
}
.account-onboarding .circular-progress {
border: 1px solid #183247
}
.account-onboarding .welcome-info {
padding-left: 100px
}
.account-onboarding .welcome-info .title {
height: 29px;
font-size: 24px;
margin: 10px 0 0
}
.account-onboarding .onboarding-container {
background-color: #f9f9f9;
padding-top: 10px;
overflow-y: auto;
bottom: 0;
left: 0;
right: 0;
position: absolute;
height: calc(100% - 100px);
box-sizing: border-box
}
.account-onboarding .onboarding-container .onboarding-item {
height: 100px;
padding: 10px 0
}
.account-onboarding .onboarding-container .onboarding-item:first-child .icon-fill::before {
height: 46px;
margin-top: -46px
}
.account-onboarding .onboarding-container .onboarding-item:last-child::after {
content: '';
position: absolute;
border: 2px solid #ebeef0;
left: 0;
height: 35px;
margin-left: 69px;
margin-top: 59px
}
.account-onboarding .onboarding-container .onboading-item-hover:hover .item-title {
color: #448ee1
}
.account-onboarding .onboarding-container .onboading-item-hover:hover .icon-fill {
background-color: #183247
}
.account-onboarding .onboarding-container .item-content {
width: 450px;
padding: 10px;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 1px 0 0 #dbdfe3;
border: 1px solid #dadfe3;
margin-left: 15px;
min-height: 80px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center
}
.account-onboarding .onboarding-container .item-content::after,.account-onboarding .onboarding-container .item-content::before {
content: '';
position: absolute;
border: 10px solid transparent;
top: 28px
}
.account-onboarding .onboarding-container .item-content::before {
z-index: 1000001;
left: -18px;
border-right: 8px solid #fff
}
.account-onboarding .onboarding-container .item-content::after {
left: -19px;
border-right: 8px solid #ccc
}
.account-onboarding .onboarding-container .item-content .item-description {
margin: 3px 0 9px
}
.account-onboarding .onboarding-container .item-content:hover {
cursor: pointer
}
.account-onboarding .onboarding-container .task-completed .item-content:hover,.import-exists {
cursor: default
}
.account-onboarding .onboarding-container .icon-fill {
width: 34px;
height: 34px;
border-radius: 100%;
background-color: #fff;
border: 1px solid #dadfe3;
margin: 25px 0 0 55px
}
.account-onboarding .onboarding-container .icon-fill .app-icon {
margin: 5px 0 0 6px
}
.account-onboarding .onboarding-container .icon-fill::before {
content: '';
position: absolute;
border: 2px solid #ebeef0;
z-index: 1000001;
height: 66px;
margin-left: 14px;
margin-top: -66px;
border-radius: 1px
}
.account-onboarding .onboarding-container .task-completed .icon-fill {
background-color: #183247
}
.account-onboarding .onboarding-container .task-completed .item-content .item-title {
color: #6f7c87
}
.account-onboarding .onboarding-container .task-completed .item-content {
box-shadow: none
}
.trial-feedback-dropdown {
width: 450px;
top: -45px;
left: -26px;
border-radius: 0;
border-top: 0;
box-shadow: none
}
.widget-feedback {
border: 1px solid #dadfe3;
position: absolute;
height: 250px;
margin-top: -25px;
left: 10px;
box-shadow: 0 2px 6px 0 rgba(0,0,0,.14);
z-index: 1
}
.widget-feedback .parent-conatiner {
height: 110px;
background-color: #f3f5f7;
border-bottom: 1px solid #dadfe3;
margin-left: -15px;
margin-right: -15px
}
.widget-feedback .extra-content {
height: 140px;
margin-left: -15px;
margin-right: -15px;
background: #fff
}
.widget-feedback .actions .submit {
color: #02b875;
min-width: 60px
}
.widget-feedback .actions .cancel {
color: #9ea1a9;
min-width: 60px
}
.widget-feedback .submit:disabled {
color: #dadfe3
}
.widget-feedback .feedback-submit-success {
padding: 20px
}
.widget-feedback .feedback-submit-success .text {
margin-top: 25px
}
.feedback-textarea {
padding: 6px 10px 0;
height: 100px
}
.feedback-textarea .feedback-text {
width: 100%;
height: 100%;
border: none;
resize: none;
padding-top: 5px;
line-height: 13px;
outline: 0
}
.actions {
position: absolute;
bottom: 0;
right: 0;
width: 100%
}
.ko-progress-circle {
width: 70px;
height: 70px;
background-color: #ebedf0;
border-radius: 50%
}
.ko-progress-circle .ko-progress-circle__fill,.ko-progress-circle .ko-progress-circle__slice {
width: 70px;
height: 70px;
position: absolute;
-webkit-backface-visibility: hidden;
transition: transform 1.5s;
border-radius: 50%
}
.ko-progress-circle .ko-progress-circle__slice {
clip: rect(0,70px,70px,35px)
}
.ko-progress-circle .ko-progress-circle__slice .ko-progress-circle__fill {
clip: rect(0,35px,70px,0);
background-color: #448ee1;
border-radius: 70px
}
.ko-progress-circle .ko-progress-circle__overlay {
width: 60px;
height: 60px;
position: absolute;
margin-left: 5px;
margin-top: 5px;
line-height: 60px;
text-align: center;
background-color: #fff;
border-radius: 50%
}
.ko-progress-circle .percentage {
width: 36px;
height: 19px;
font-size: 16px;
font-weight: 600;
text-align: left;
color: #183247
}
.ko-progress-circle[data-progress='1'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='1'] .ko-progress-circle__slice.full {
transform: rotate(1.8deg)
}
.ko-progress-circle[data-progress='1'] .ko-progress-circle__fill.ko-progress-circle__bar,.ko-progress-circle[data-progress='2'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='2'] .ko-progress-circle__slice.full {
transform: rotate(3.6deg)
}
.ko-progress-circle[data-progress='2'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(7.2deg)
}
.ko-progress-circle[data-progress='3'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='3'] .ko-progress-circle__slice.full {
transform: rotate(5.4deg)
}
.ko-progress-circle[data-progress='3'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(10.8deg)
}
.ko-progress-circle[data-progress='4'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='4'] .ko-progress-circle__slice.full {
transform: rotate(7.2deg)
}
.ko-progress-circle[data-progress='4'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(14.4deg)
}
.ko-progress-circle[data-progress='5'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='5'] .ko-progress-circle__slice.full {
transform: rotate(9deg)
}
.ko-progress-circle[data-progress='5'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(18deg)
}
.ko-progress-circle[data-progress='6'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='6'] .ko-progress-circle__slice.full {
transform: rotate(10.8deg)
}
.ko-progress-circle[data-progress='6'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(21.6deg)
}
.ko-progress-circle[data-progress='7'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='7'] .ko-progress-circle__slice.full {
transform: rotate(12.6deg)
}
.ko-progress-circle[data-progress='7'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(25.2deg)
}
.ko-progress-circle[data-progress='8'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='8'] .ko-progress-circle__slice.full {
transform: rotate(14.4deg)
}
.ko-progress-circle[data-progress='8'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(28.8deg)
}
.ko-progress-circle[data-progress='9'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='9'] .ko-progress-circle__slice.full {
transform: rotate(16.2deg)
}
.ko-progress-circle[data-progress='9'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(32.4deg)
}
.ko-progress-circle[data-progress='10'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='10'] .ko-progress-circle__slice.full {
transform: rotate(18deg)
}
.ko-progress-circle[data-progress='10'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(36deg)
}
.ko-progress-circle[data-progress='11'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='11'] .ko-progress-circle__slice.full {
transform: rotate(19.8deg)
}
.ko-progress-circle[data-progress='11'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(39.6deg)
}
.ko-progress-circle[data-progress='12'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='12'] .ko-progress-circle__slice.full {
transform: rotate(21.6deg)
}
.ko-progress-circle[data-progress='12'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(43.2deg)
}
.ko-progress-circle[data-progress='13'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='13'] .ko-progress-circle__slice.full {
transform: rotate(23.4deg)
}
.ko-progress-circle[data-progress='13'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(46.8deg)
}
.ko-progress-circle[data-progress='14'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='14'] .ko-progress-circle__slice.full {
transform: rotate(25.2deg)
}
.ko-progress-circle[data-progress='14'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(50.4deg)
}
.ko-progress-circle[data-progress='15'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='15'] .ko-progress-circle__slice.full {
transform: rotate(27deg)
}
.ko-progress-circle[data-progress='15'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(54deg)
}
.ko-progress-circle[data-progress='16'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='16'] .ko-progress-circle__slice.full {
transform: rotate(28.8deg)
}
.ko-progress-circle[data-progress='16'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(57.6deg)
}
.ko-progress-circle[data-progress='17'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='17'] .ko-progress-circle__slice.full {
transform: rotate(30.6deg)
}
.ko-progress-circle[data-progress='17'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(61.2deg)
}
.ko-progress-circle[data-progress='18'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='18'] .ko-progress-circle__slice.full {
transform: rotate(32.4deg)
}
.ko-progress-circle[data-progress='18'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(64.8deg)
}
.ko-progress-circle[data-progress='19'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='19'] .ko-progress-circle__slice.full {
transform: rotate(34.2deg)
}
.ko-progress-circle[data-progress='19'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(68.4deg)
}
.ko-progress-circle[data-progress='20'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='20'] .ko-progress-circle__slice.full {
transform: rotate(36deg)
}
.ko-progress-circle[data-progress='20'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(72deg)
}
.ko-progress-circle[data-progress='21'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='21'] .ko-progress-circle__slice.full {
transform: rotate(37.8deg)
}
.ko-progress-circle[data-progress='21'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(75.6deg)
}
.ko-progress-circle[data-progress='22'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='22'] .ko-progress-circle__slice.full {
transform: rotate(39.6deg)
}
.ko-progress-circle[data-progress='22'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(79.2deg)
}
.ko-progress-circle[data-progress='23'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='23'] .ko-progress-circle__slice.full {
transform: rotate(41.4deg)
}
.ko-progress-circle[data-progress='23'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(82.8deg)
}
.ko-progress-circle[data-progress='24'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='24'] .ko-progress-circle__slice.full {
transform: rotate(43.2deg)
}
.ko-progress-circle[data-progress='24'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(86.4deg)
}
.ko-progress-circle[data-progress='25'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='25'] .ko-progress-circle__slice.full {
transform: rotate(45deg)
}
.ko-progress-circle[data-progress='25'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(90deg)
}
.ko-progress-circle[data-progress='26'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='26'] .ko-progress-circle__slice.full {
transform: rotate(46.8deg)
}
.ko-progress-circle[data-progress='26'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(93.6deg)
}
.ko-progress-circle[data-progress='27'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='27'] .ko-progress-circle__slice.full {
transform: rotate(48.6deg)
}
.ko-progress-circle[data-progress='27'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(97.2deg)
}
.ko-progress-circle[data-progress='28'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='28'] .ko-progress-circle__slice.full {
transform: rotate(50.4deg)
}
.ko-progress-circle[data-progress='28'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(100.8deg)
}
.ko-progress-circle[data-progress='29'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='29'] .ko-progress-circle__slice.full {
transform: rotate(52.2deg)
}
.ko-progress-circle[data-progress='29'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(104.4deg)
}
.ko-progress-circle[data-progress='30'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='30'] .ko-progress-circle__slice.full {
transform: rotate(54deg)
}
.ko-progress-circle[data-progress='30'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(108deg)
}
.ko-progress-circle[data-progress='31'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='31'] .ko-progress-circle__slice.full {
transform: rotate(55.8deg)
}
.ko-progress-circle[data-progress='31'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(111.6deg)
}
.ko-progress-circle[data-progress='32'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='32'] .ko-progress-circle__slice.full {
transform: rotate(57.6deg)
}
.ko-progress-circle[data-progress='32'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(115.2deg)
}
.ko-progress-circle[data-progress='33'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='33'] .ko-progress-circle__slice.full {
transform: rotate(59.4deg)
}
.ko-progress-circle[data-progress='33'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(118.8deg)
}
.ko-progress-circle[data-progress='34'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='34'] .ko-progress-circle__slice.full {
transform: rotate(61.2deg)
}
.ko-progress-circle[data-progress='34'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(122.4deg)
}
.ko-progress-circle[data-progress='35'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='35'] .ko-progress-circle__slice.full {
transform: rotate(63deg)
}
.ko-progress-circle[data-progress='35'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(126deg)
}
.ko-progress-circle[data-progress='36'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='36'] .ko-progress-circle__slice.full {
transform: rotate(64.8deg)
}
.ko-progress-circle[data-progress='36'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(129.6deg)
}
.ko-progress-circle[data-progress='37'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='37'] .ko-progress-circle__slice.full {
transform: rotate(66.6deg)
}
.ko-progress-circle[data-progress='37'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(133.2deg)
}
.ko-progress-circle[data-progress='38'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='38'] .ko-progress-circle__slice.full {
transform: rotate(68.4deg)
}
.ko-progress-circle[data-progress='38'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(136.8deg)
}
.ko-progress-circle[data-progress='39'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='39'] .ko-progress-circle__slice.full {
transform: rotate(70.2deg)
}
.ko-progress-circle[data-progress='39'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(140.4deg)
}
.ko-progress-circle[data-progress='40'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='40'] .ko-progress-circle__slice.full {
transform: rotate(72deg)
}
.ko-progress-circle[data-progress='40'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(144deg)
}
.ko-progress-circle[data-progress='41'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='41'] .ko-progress-circle__slice.full {
transform: rotate(73.8deg)
}
.ko-progress-circle[data-progress='41'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(147.6deg)
}
.ko-progress-circle[data-progress='42'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='42'] .ko-progress-circle__slice.full {
transform: rotate(75.6deg)
}
.ko-progress-circle[data-progress='42'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(151.2deg)
}
.ko-progress-circle[data-progress='43'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='43'] .ko-progress-circle__slice.full {
transform: rotate(77.4deg)
}
.ko-progress-circle[data-progress='43'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(154.8deg)
}
.ko-progress-circle[data-progress='44'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='44'] .ko-progress-circle__slice.full {
transform: rotate(79.2deg)
}
.ko-progress-circle[data-progress='44'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(158.4deg)
}
.ko-progress-circle[data-progress='45'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='45'] .ko-progress-circle__slice.full {
transform: rotate(81deg)
}
.ko-progress-circle[data-progress='45'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(162deg)
}
.ko-progress-circle[data-progress='46'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='46'] .ko-progress-circle__slice.full {
transform: rotate(82.8deg)
}
.ko-progress-circle[data-progress='46'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(165.6deg)
}
.ko-progress-circle[data-progress='47'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='47'] .ko-progress-circle__slice.full {
transform: rotate(84.6deg)
}
.ko-progress-circle[data-progress='47'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(169.2deg)
}
.ko-progress-circle[data-progress='48'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='48'] .ko-progress-circle__slice.full {
transform: rotate(86.4deg)
}
.ko-progress-circle[data-progress='48'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(172.8deg)
}
.ko-progress-circle[data-progress='49'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='49'] .ko-progress-circle__slice.full {
transform: rotate(88.2deg)
}
.ko-progress-circle[data-progress='49'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(176.4deg)
}
.ko-progress-circle[data-progress='50'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='50'] .ko-progress-circle__slice.full {
transform: rotate(90deg)
}
.ko-progress-circle[data-progress='50'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(180deg)
}
.ko-progress-circle[data-progress='51'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='51'] .ko-progress-circle__slice.full {
transform: rotate(91.8deg)
}
.ko-progress-circle[data-progress='51'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(183.6deg)
}
.ko-progress-circle[data-progress='52'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='52'] .ko-progress-circle__slice.full {
transform: rotate(93.6deg)
}
.ko-progress-circle[data-progress='52'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(187.2deg)
}
.ko-progress-circle[data-progress='53'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='53'] .ko-progress-circle__slice.full {
transform: rotate(95.4deg)
}
.ko-progress-circle[data-progress='53'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(190.8deg)
}
.ko-progress-circle[data-progress='54'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='54'] .ko-progress-circle__slice.full {
transform: rotate(97.2deg)
}
.ko-progress-circle[data-progress='54'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(194.4deg)
}
.ko-progress-circle[data-progress='55'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='55'] .ko-progress-circle__slice.full {
transform: rotate(99deg)
}
.ko-progress-circle[data-progress='55'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(198deg)
}
.ko-progress-circle[data-progress='56'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='56'] .ko-progress-circle__slice.full {
transform: rotate(100.8deg)
}
.ko-progress-circle[data-progress='56'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(201.6deg)
}
.ko-progress-circle[data-progress='57'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='57'] .ko-progress-circle__slice.full {
transform: rotate(102.6deg)
}
.ko-progress-circle[data-progress='57'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(205.2deg)
}
.ko-progress-circle[data-progress='58'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='58'] .ko-progress-circle__slice.full {
transform: rotate(104.4deg)
}
.ko-progress-circle[data-progress='58'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(208.8deg)
}
.ko-progress-circle[data-progress='59'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='59'] .ko-progress-circle__slice.full {
transform: rotate(106.2deg)
}
.ko-progress-circle[data-progress='59'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(212.4deg)
}
.ko-progress-circle[data-progress='60'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='60'] .ko-progress-circle__slice.full {
transform: rotate(108deg)
}
.ko-progress-circle[data-progress='60'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(216deg)
}
.ko-progress-circle[data-progress='61'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='61'] .ko-progress-circle__slice.full {
transform: rotate(109.8deg)
}
.ko-progress-circle[data-progress='61'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(219.6deg)
}
.ko-progress-circle[data-progress='62'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='62'] .ko-progress-circle__slice.full {
transform: rotate(111.6deg)
}
.ko-progress-circle[data-progress='62'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(223.2deg)
}
.ko-progress-circle[data-progress='63'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='63'] .ko-progress-circle__slice.full {
transform: rotate(113.4deg)
}
.ko-progress-circle[data-progress='63'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(226.8deg)
}
.ko-progress-circle[data-progress='64'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='64'] .ko-progress-circle__slice.full {
transform: rotate(115.2deg)
}
.ko-progress-circle[data-progress='64'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(230.4deg)
}
.ko-progress-circle[data-progress='65'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='65'] .ko-progress-circle__slice.full {
transform: rotate(117deg)
}
.ko-progress-circle[data-progress='65'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(234deg)
}
.ko-progress-circle[data-progress='66'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='66'] .ko-progress-circle__slice.full {
transform: rotate(118.8deg)
}
.ko-progress-circle[data-progress='66'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(237.6deg)
}
.ko-progress-circle[data-progress='67'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='67'] .ko-progress-circle__slice.full {
transform: rotate(120.6deg)
}
.ko-progress-circle[data-progress='67'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(241.2deg)
}
.ko-progress-circle[data-progress='68'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='68'] .ko-progress-circle__slice.full {
transform: rotate(122.4deg)
}
.ko-progress-circle[data-progress='68'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(244.8deg)
}
.ko-progress-circle[data-progress='69'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='69'] .ko-progress-circle__slice.full {
transform: rotate(124.2deg)
}
.ko-progress-circle[data-progress='69'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(248.4deg)
}
.ko-progress-circle[data-progress='70'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='70'] .ko-progress-circle__slice.full {
transform: rotate(126deg)
}
.ko-progress-circle[data-progress='70'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(252deg)
}
.ko-progress-circle[data-progress='71'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='71'] .ko-progress-circle__slice.full {
transform: rotate(127.8deg)
}
.ko-progress-circle[data-progress='71'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(255.6deg)
}
.ko-progress-circle[data-progress='72'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='72'] .ko-progress-circle__slice.full {
transform: rotate(129.6deg)
}
.ko-progress-circle[data-progress='72'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(259.2deg)
}
.ko-progress-circle[data-progress='73'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='73'] .ko-progress-circle__slice.full {
transform: rotate(131.4deg)
}
.ko-progress-circle[data-progress='73'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(262.8deg)
}
.ko-progress-circle[data-progress='74'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='74'] .ko-progress-circle__slice.full {
transform: rotate(133.2deg)
}
.ko-progress-circle[data-progress='74'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(266.4deg)
}
.ko-progress-circle[data-progress='75'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='75'] .ko-progress-circle__slice.full {
transform: rotate(135deg)
}
.ko-progress-circle[data-progress='75'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(270deg)
}
.ko-progress-circle[data-progress='76'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='76'] .ko-progress-circle__slice.full {
transform: rotate(136.8deg)
}
.ko-progress-circle[data-progress='76'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(273.6deg)
}
.ko-progress-circle[data-progress='77'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='77'] .ko-progress-circle__slice.full {
transform: rotate(138.6deg)
}
.ko-progress-circle[data-progress='77'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(277.2deg)
}
.ko-progress-circle[data-progress='78'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='78'] .ko-progress-circle__slice.full {
transform: rotate(140.4deg)
}
.ko-progress-circle[data-progress='78'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(280.8deg)
}
.ko-progress-circle[data-progress='79'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='79'] .ko-progress-circle__slice.full {
transform: rotate(142.2deg)
}
.ko-progress-circle[data-progress='79'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(284.4deg)
}
.ko-progress-circle[data-progress='80'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='80'] .ko-progress-circle__slice.full {
transform: rotate(144deg)
}
.ko-progress-circle[data-progress='80'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(288deg)
}
.ko-progress-circle[data-progress='81'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='81'] .ko-progress-circle__slice.full {
transform: rotate(145.8deg)
}
.ko-progress-circle[data-progress='81'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(291.6deg)
}
.ko-progress-circle[data-progress='82'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='82'] .ko-progress-circle__slice.full {
transform: rotate(147.6deg)
}
.ko-progress-circle[data-progress='82'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(295.2deg)
}
.ko-progress-circle[data-progress='83'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='83'] .ko-progress-circle__slice.full {
transform: rotate(149.4deg)
}
.ko-progress-circle[data-progress='83'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(298.8deg)
}
.ko-progress-circle[data-progress='84'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='84'] .ko-progress-circle__slice.full {
transform: rotate(151.2deg)
}
.ko-progress-circle[data-progress='84'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(302.4deg)
}
.ko-progress-circle[data-progress='85'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='85'] .ko-progress-circle__slice.full {
transform: rotate(153deg)
}
.ko-progress-circle[data-progress='85'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(306deg)
}
.ko-progress-circle[data-progress='86'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='86'] .ko-progress-circle__slice.full {
transform: rotate(154.8deg)
}
.ko-progress-circle[data-progress='86'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(309.6deg)
}
.ko-progress-circle[data-progress='87'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='87'] .ko-progress-circle__slice.full {
transform: rotate(156.6deg)
}
.ko-progress-circle[data-progress='87'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(313.2deg)
}
.ko-progress-circle[data-progress='88'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='88'] .ko-progress-circle__slice.full {
transform: rotate(158.4deg)
}
.ko-progress-circle[data-progress='88'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(316.8deg)
}
.ko-progress-circle[data-progress='89'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='89'] .ko-progress-circle__slice.full {
transform: rotate(160.2deg)
}
.ko-progress-circle[data-progress='89'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(320.4deg)
}
.ko-progress-circle[data-progress='90'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='90'] .ko-progress-circle__slice.full {
transform: rotate(162deg)
}
.ko-progress-circle[data-progress='90'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(324deg)
}
.ko-progress-circle[data-progress='91'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='91'] .ko-progress-circle__slice.full {
transform: rotate(163.8deg)
}
.ko-progress-circle[data-progress='91'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(327.6deg)
}
.ko-progress-circle[data-progress='92'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='92'] .ko-progress-circle__slice.full {
transform: rotate(165.6deg)
}
.ko-progress-circle[data-progress='92'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(331.2deg)
}
.ko-progress-circle[data-progress='93'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='93'] .ko-progress-circle__slice.full {
transform: rotate(167.4deg)
}
.ko-progress-circle[data-progress='93'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(334.8deg)
}
.ko-progress-circle[data-progress='94'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='94'] .ko-progress-circle__slice.full {
transform: rotate(169.2deg)
}
.ko-progress-circle[data-progress='94'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(338.4deg)
}
.ko-progress-circle[data-progress='95'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='95'] .ko-progress-circle__slice.full {
transform: rotate(171deg)
}
.ko-progress-circle[data-progress='95'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(342deg)
}
.ko-progress-circle[data-progress='96'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='96'] .ko-progress-circle__slice.full {
transform: rotate(172.8deg)
}
.ko-progress-circle[data-progress='96'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(345.6deg)
}
.ko-progress-circle[data-progress='97'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='97'] .ko-progress-circle__slice.full {
transform: rotate(174.6deg)
}
.ko-progress-circle[data-progress='97'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(349.2deg)
}
.ko-progress-circle[data-progress='98'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='98'] .ko-progress-circle__slice.full {
transform: rotate(176.4deg)
}
.ko-progress-circle[data-progress='98'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(352.8deg)
}
.ko-progress-circle[data-progress='99'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='99'] .ko-progress-circle__slice.full {
transform: rotate(178.2deg)
}
.ko-progress-circle[data-progress='99'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(356.4deg)
}
.ko-progress-circle[data-progress='100'] .ko-progress-circle__fill,.ko-progress-circle[data-progress='100'] .ko-progress-circle__slice.full {
transform: rotate(180deg)
}
.ko-progress-circle[data-progress='100'] .ko-progress-circle__fill.ko-progress-circle__bar {
transform: rotate(360deg)
}
.change-email {
display: inline-block
}
.change-email-icon {
position: relative;
top: 5px;
margin-right: 11px
}
.change-email-dropdown {
width: 380px;
height: 180px;
border-radius: 2px;
padding: 20px;
line-height: 0
}
.change-email-input {
margin-top: 30px
}
.change-email-input span {
color: #aaafae
}
.change-email-input .input {
margin-bottom: 15px
}
.change-email-input .input label {
margin-top: 10px;
color: #183247
}
.change-email-info {
font-size: 14px
}
.change-email-dropdown .actions {
position: absolute;
text-align: right;
bottom: 0;
right: 0;
width: 100%;
font-size: 13px;
padding-right: 20px;
line-height: 3em
}
.change-email-dropdown .actions .btn {
color: #448ee1;
text-transform: uppercase;
float: right
}
.change-email-dropdown .actions .btn:hover {
color: #1971e3
}
.change-email-dropdown .actions .btn.cancel {
color: #6f7c87
}
.change-email-dropdown .actions .btn.cancel:hover {
color: #183247
}
.falcon-fallback-widget {
position: fixed;
top: 50px;
right: 15px;
width: 450px;
background: #fff;
border-radius: 2px;
z-index: 5
}
.falcon-fallback-widget--content {
animation-name: fadeIn;
animation-duration: .5s
}
.falcon-fallback-widget .agent {
background: #fafafa;
box-shadow: 0 1px 0 0 #dadfe3;
border-radius: 2px 2px 0 0
}
.falcon-fallback-widget .agent--message {
font-size: 18px;
padding: 16px;
text-align: left;
line-height: 1.3;
font-weight: 600;
position: relative;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased
}
.falcon-fallback-widget .agent--message.exceeded {
top: 15px;
animation-name: fadeIn;
animation-duration: .5s
}
.falcon-fallback-widget .feedback {
padding: 10px 16px;
height: 170px;
font-weight: 300
}
.falcon-fallback-widget .feedback--text {
width: 100%;
height: 100%;
border: none;
resize: none;
padding-left: 0;
line-height: 18px;
outline: 0
}
.falcon-fallback-widget .feedback--text::placeholder {
padding-left: 2px;
color: #acb6be
}
.falcon-fallback-widget .action {
position: relative;
padding: 16px;
width: 100%
}
.falcon-fallback-widget .action .action-btns {
text-align: right
}
.falcon-fallback-widget .action .btn {
font-weight: 600;
color: #448ee1;
text-transform: uppercase;
min-width: auto;
padding-bottom: 0
}
.falcon-fallback-widget .action .btn:hover {
color: #1971e3
}
.falcon-fallback-widget .action .btn:disabled {
color: #dadfe3
}
.falcon-fallback-widget .action .btn.submit {
padding-right: 0
}
.falcon-fallback-widget .action .btn.cancel {
color: #9aa1a6
}
.falcon-fallback-widget .action .btn.cancel:hover {
color: #5a6670
}
.canned-response__item,.cardlist,.merge__item {
border: 1px solid #ebedf0;
border-radius: 3px;
padding: 12px 16px;
margin-bottom: 6px;
display: table;
width: 100%
}
.breadcrumb__item,.breadcrumb__item:active,.breadcrumb__item:focus {
box-shadow: none;
border: none;
outline: 0
}
.breadcrumb>li+li::before {
padding: 0 1px
}
.breadcrumb {
display: table
}
.breadcrumb__item {
display: table-cell;
vertical-align: middle;
height: 50px;
padding-right: 6px
}
.breadcrumb__item.burger-menu-trigger {
padding-right: 5px
}
.breadcrumb__item--arrow {
padding-top: 3px
}
.breadcrumb-title {
max-width: 400px;
padding-top: 2px;
display: inline-block
}
.breadcrumb-title--modified,.breadcrumb-title--modified-link {
padding-top: 0
}
.breadcrumb-title--modified-link::before {
color: #448ee1
}
.app-checkbox,.app-radio {
display: none
}
.app-checkbox-label {
padding-left: 20px;
display: inline-block;
line-height: 1.8;
position: absolute
}
.app-checkbox-label::before {
content: '';
display: block;
width: 16px;
height: 16px;
background-color: #fff;
border: 1px solid #dadfe3;
position: absolute;
top: -6px;
left: -6px;
border-radius: 3px
}
.app-checkbox:checked+label::before {
background-color: #02b875;
border: 1px solid #02b875
}
.app-checkbox:checked+label::after {
content: '';
display: block;
width: 9px;
height: 5px;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
transform: rotate(-45deg);
position: absolute;
top: -1px;
left: -3px
}
.dropdown-normal {
background-color: #fff;
min-width: 160px;
padding: 10px;
border-radius: 2px
}
.dropdown-normal__item {
cursor: pointer;
position: relative
}
.dropdown-normal__item a {
padding: 10px 5px;
border-radius: 3px;
display: block
}
.dropdown-normal__item a:hover {
background-color: #f7f8f9
}
.dropdown-normal__item .selected,.dropdown-normal__item.selected .item-link {
color: #02b875
}
.dropdown-normal__item--active {
background-color: #02b875
}
.dropdown-normal.dropdown-menu>li>a {
padding: 5px 25px 5px 10px;
position: relative;
color: #183247
}
.dropdown-normal .selectedtick {
position: absolute;
right: 5px;
top: 5px;
fill: #02b875
}
.profile-dropdown {
padding: 0;
min-width: 250px;
top: 30px;
right: 5px;
border-radius: 2px;
border-top: 1px #ebeef0 solid
}
.profile-dropdown__item {
border-bottom: 1px #ebeef0 solid;
background-color: #fff
}
.profile-dropdown__item:first-child {
background-color: #f9f9f9;
border-radius: 2px 2px 0 0;
line-height: 1.42857
}
.profile-dropdown__item:last-child {
border-radius: 0 2px;
border-bottom: none
}
.profile-dropdown__item--link {
cursor: pointer
}
.profile-dropdown__item .dropdown-recent-ticket__item,.profile-dropdown__item .text__content {
line-height: 2
}
.profile-dropdown__item .text__infotex {
font-size: 12px;
margin-top: 0;
line-height: 1.5
}
.profile-dropdown__item .help-text {
background-color: #ededed;
border-radius: 2px;
padding: 2px 5px;
margin-right: 2px
}
.profile-dropdown__item .toggle-switch {
float: right;
padding-top: 3px;
margin-top: 14px
}
.profile-dropdown__textitem {
padding: 10px 15px
}
.profile-dropdown.dropdown-menu>li>a {
padding: 10px 15px;
border-radius: 2px;
margin: 0;
color: #183247
}
.profile-dropdown.dropdown-menu>li>a:hover {
background-color: #f3f5f7
}
.profile-dropdown::after,.profile-dropdown::before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.profile-dropdown::after {
border-color: rgba(211,219,218,0);
border-bottom-color: #f9f9f9;
border-width: 5px;
margin-left: -5px;
right: 8px
}
.profile-dropdown::before {
border-color: rgba(229,229,229,0);
border-bottom-color: #ebeef0;
border-width: 6px;
margin-left: -6px;
right: 7px
}
.dropdown-menu {
display: none
}
.open>.dropdown-menu {
display: block
}
.header-create-new,.timeago-units {
display: inline-block
}
.notfound-page {
margin: 0 auto;
text-align: center;
padding-top: 180px
}
.notfound-page .not-found-image {
padding-bottom: 20px
}
.notfound-page .not-found-image .app-icon--not-found {
width: auto;
height: 250px
}
.notfound-page .text--line1 {
font-size: 30px;
color: #183247;
margin-bottom: 0
}
.notfound-page .text--line2 {
font-size: 14px;
color: #6f7c87;
font-weight: 400;
margin-bottom: 36px
}
.notfound-page .btn--custom-goto {
border: 1px solid rgba(172,182,190,.5);
color: #183247;
background-color: transparent;
font-size: 12px;
letter-spacing: .2px;
padding: 9px 15px;
text-transform: uppercase
}
.notfound-page .btn--custom-goto:hover {
background-color: #dadfe3;
border: 1px solid rgba(172,182,190,.5);
text-decoration: none
}
.internal-error-page {
padding-top: 280px
}
.internal-error-page .text--line2 {
margin-bottom: 25px
}
.no-page-title {
font-size: 50px;
padding-bottom: 8px
}
.no-page-info {
padding-bottom: 5px;
color: #6f7c87
}
.header-create-new>a:focus,.header-create-new>a:hover {
color: #183247;
text-decoration: none
}
.placeholder-content-ticketitem {
fill: #ebeef1
}
.placeholder-content {
fill: #ebeef1;
animation: fade-in-out 1s ease-in-out infinite
}
.header-create-new {
position: relative;
bottom: 5px;
margin-left: 16px
}
.header-create-new button.dropdown-toggle.cursor-pointer {
padding-top: 2px;
padding-left: 6px
}
.header-create-new>a {
line-height: 2.1
}
.header-create-new>a .app-icon {
fill: #183247;
width: 14px
}
.header-create-new .btn:hover {
z-index: 3
}
.header-create-new .btn:not(.dropdown) {
padding: 0 10px 0 4px
}
.header-create-new .btn.add-new {
color: #6f7c87;
padding: 0
}
.header-create-new .btn.add-new .bs-dropdown.ember-basic-dropdown-content {
right: 0
}
.header-create-new .btn.add-new .add-new {
margin-left: 0
}
.header-create-new .btn.add-new .add-new svg {
height: 10px
}
.header-create-new .btn.app-icon-btn .app-icon {
fill: #183247;
margin-right: -2px
}
.chat-phone-toggle {
margin-left: 15px
}
@keyframes fade-in-out {
0%,100% {
opacity: .2
}
50% {
opacity: 1
}
}
.admin-footer {
padding: 16px 10px 6px;
display: flex;
justify-content: center;
line-height: 2;
margin: 0 -10px;
border-top: 1px solid #dadfe3
}
.attach-error {
letter-spacing: .2px;
text-align: left;
color: #ff2525;
font-size: 12px;
border-radius: 2px;
background-color: #ffecec;
border: 1px solid rgba(255,89,89,.1);
height: 28px;
line-height: 28px;
padding-left: 10px
}
.companys__info--name,.contacts__info--name {
letter-spacing: .5px;
-webkit-font-smoothing: antialiased
}
.contacts__listpic {
display: inline-block;
margin: 0 6px
}
.contacts__cardinfo {
border-bottom: 1px solid #ebeef0;
padding: 16px;
height: 84px
}
.contacts__cardinfo__align {
padding-bottom: 24px;
display: inline-block;
vertical-align: middle
}
.contacts__cardinfo--view_link {
font-size: 12px;
-webkit-font-smoothing: antialiased
}
.contacts__cardinfo--company {
width: 200px;
padding-bottom: 2px;
font-size: 12px;
-webkit-font-smoothing: antialiased
}
.contacts__cardinfo--company a {
color: #6f7c87
}
.contacts__carddetails {
padding: 8px 10px 0 15px;
border-radius: 2px;
background-color: #f8f9fa
}
.contacts__carddetails a {
color: #183247
}
.contacts__carddetails a:hover {
color: #448ee1;
text-decoration: none
}
.contacts__cardpic {
float: left;
margin: 4px 3px
}
.contacts__cardemail,.contacts__cardphone,.contacts__cardtwitter {
max-width: 300px;
padding-bottom: 10px;
padding-left: 5px
}
.contacts__cardemail--icon-align,.contacts__cardphone--icon-align,.contacts__cardtwitter--icon-align {
display: inline-block;
vertical-align: middle;
height: 16px
}
.contacts__cardemail--text,.contacts__cardphone--text,.contacts__cardtwitter--text {
font-size: 12px;
padding-left: 3px;
-webkit-font-smoothing: antialiased
}
.company__carddetails {
padding: 10px
}
.company__cardemail {
padding-top: 7px
}
.card__item--check {
position: absolute;
top: -10px;
left: -9px
}
.card__item .app-checkbox-label {
display: none
}
.card__item--active .app-checkbox-label,.requestor-hover .ember-basic-dropdown-trigger {
display: inline-block
}
.card__item--active {
box-shadow: 0 0 0 2px #4aa8a4
}
.card__item:hover .app-checkbox-label {
display: inline-block;
transition: .1s linear
}
.card__hoverinfo {
width: 300px
}
.requestor-hover {
position: relative;
padding-right: 3px
}
.requestor-hover:hover .card__hoverinfo {
cursor: default;
display: block;
position: relative;
z-index: 1
}
.companies .fluid--responsive,.contacts .fluid--responsive {
height: 100%
}
.company-table .fresh-table .list thead th,.contacts-table .fresh-table .list thead th {
padding: 12px 0
}
.company-table .fresh-table .list tbody td .companies__nodata,.company-table .fresh-table .list tbody td .contacts__nodata,.contacts-table .fresh-table .list tbody td .companies__nodata,.contacts-table .fresh-table .list tbody td .contacts__nodata {
padding: 50px 0
}
.company-table .fresh-table .list .table-spinner,.contacts-table .fresh-table .list .table-spinner {
height: calc(100vh - 175px)
}
.company-table .table-text-wrap {
max-width: 250px
}
.contact-info-divider {
border-top: 1px #dadfe3 solid;
margin-left: -15px;
margin-right: -15px
}
.default-color:active,.default-color:focus,.default-color:link,.default-color:visited {
color: #6f7c87
}
.default-color:hover {
color: #58626b
}
.table-user-holder {
margin-left: -5px;
display: block
}
.contacts-alert .holder {
position: fixed;
width: 100%;
background-color: #ebeef0;
z-index: 3;
padding-top: 13px;
padding-bottom: 15px
}
.contacts-alert .holder .caption {
color: #6f7c87;
width: 100%;
margin-top: 10px;
padding-left: 5px
}
.contacts-alert .holder .dismisspanel {
padding-left: 5px
}
.contacts-alert .fresh-table {
padding-top: 30px
}
.import-exists {
color: #989e9d
}
.hint--medium::after {
text-align: center
}
.contacts-action__holder .top-navigation-checkbox .label-field {
position: relative;
color: #183247;
padding-right: 6px
}
.contact-timeline-forums .forum-link {
color: #183247
}
.contact-timeline-forums .forum-link:hover {
color: #448ee1;
text-decoration: none
}
.avatar-holder .remove-avatar {
display: inline-block
}
.avatar-holder .remove-avatar .remove-action-btn::before {
content: '';
display: inline-block;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #acb6be;
margin-right: 10px;
margin-left: 5px;
margin-bottom: 2px
}
.contact-custom-input {
display: none
}
.contact-mandatevalidation-true .contact-custom-input {
display: block;
margin-top: -24px;
margin-bottom: 20px
}
.contact-mandatevalidation-true .help-block {
color: #ff5959;
font-size: 11px
}
.contact-change-password {
display: block;
margin-top: 4px;
font-size: 12px
}
.contact-error-holder {
margin-bottom: 3px
}
.contact-error-holder .contact-error-label {
font-size: 12px;
margin-right: 5px;
text-transform: capitalize;
color: #6f7c87
}
.contacts-pagination .bs-dropdown {
right: -20px
}
.customer-action-holder .ember-basic-dropdown-content {
right: 2px;
top: 100%;
left: auto
}
.customer-action-holder .dropdown-menu {
position: relative;
top: 0;
margin-top: -2px
}
.contacts__details {
padding: 0
}
.contacts__details--content {
display: block
}
.contacts__details-menufilter .ember-basic-dropdown .ember-basic-dropdown-content {
min-width: 120px
}
.contacts__basic-info {
background: #fff;
min-height: 142px;
border-radius: 2px 2px 0 0;
box-shadow: 0 1px 3px 0 rgba(24,50,71,.1),0 0 0 1px rgba(24,50,71,.05)
}
.contacts__basic-info-tags {
bottom: 0;
position: absolute;
left: 145px
}
.contacts__pic {
float: left;
margin: 16px 20px 16px 16px;
border: 2px solid #eee;
padding: 3px;
border-radius: 4px;
width: 110px;
height: 110px
}
.contacts__pic .avatar-block,.contacts__pic .avatar-icon--huge {
border-radius: 2px
}
.contacts__pic .avatar-icon--huge .verify {
top: -10px;
width: 32px;
height: 32px
}
.contacts__pic .avatar-icon--huge .verify .app-icon {
top: 3px
}
.contacts__companyname .dropdown__option {
clear: both;
min-height: 29px
}
.contacts__info {
padding-top: 16px;
height: 124px;
position: relative
}
.contacts__info--icon {
padding-left: 5px;
padding-right: 4px
}
.contacts__info--icon .app-icon-btn {
text-decoration: none
}
.contacts__info--actions {
padding-right: 16px;
float: right
}
.contacts__info--actions .pointer {
display: none
}
.contacts__info--name {
vertical-align: middle;
display: inline-block;
height: 32px;
line-height: 32px;
font-weight: 700;
-moz-osx-font-smoothing: antialiased
}
.contacts__info--title {
margin-top: -2px;
padding-bottom: 2px
}
.contacts__info .contacts__companyname {
display: block
}
.contacts__fields {
list-style: none;
margin-top: 20px
}
.contacts__fields--content {
padding-top: 2px
}
.contacts__fields--content-icon {
display: none;
position: absolute;
margin-top: -28px;
right: 7px;
background: #f3f5f7
}
.contacts__fields--content-mailicon {
margin-top: -19px
}
.contacts__fields--content-othermailicon {
margin-top: -7px
}
.contacts__fields--content:hover .contacts__fields--content-icon {
display: inline-block
}
.__ui-form__editor__social-editor__0a3ff .contacts__fields--tags .socialeditor__count,.contacts__fields--tags .__ui-form__editor__social-editor__0a3ff .socialeditor__count,.contacts__fields--tags .text__infotext {
padding: 8px 0
}
.contacts__fields--tags .ember-basic-dropdown-trigger {
max-width: 220px
}
.contacts__fields--tags .ember-basic-dropdown-content.list-items {
margin-left: -50px
}
.contacts__fields--rounded {
color: #000;
position: absolute;
border: 1px solid #000;
border-radius: 50%;
height: 5px;
width: 5px;
margin: 8px 5px 0 2px
}
.contacts__fields--rounded-primary {
background-color: #000
}
.contacts__fields:first-child {
margin-top: 6px
}
.contacts__activities {
border-radius: 4px;
background-color: #fff;
padding: 20px
}
.contacts__feedwrapper {
margin: 35px 0 0 12px
}
.contacts__widget_feedwrapper {
margin: 15px 0 0
}
.contacts__feedlist {
list-style-type: none;
margin: 0;
padding: 0
}
.contacts__list {
min-height: 82px;
margin-bottom: 12px;
background-color: #fff;
box-shadow: 0 1px 0 0 #dadfe3;
display: table;
width: 100%;
border-radius: 2px
}
.contacts__list .list-content-wrap .ember-power-calendar .ticket-tag-wrap.ember-power-calendar-row::after,.contacts__list .list-content-wrap .ember-power-calendar .ticket-tag-wrap.ember-power-calendar-row::before,.contacts__list .list-content-wrap .ticket-tag-wrap.attachment::after,.contacts__list .list-content-wrap .ticket-tag-wrap.attachment::before,.contacts__list .list-content-wrap .ticket-tag-wrap.clearfix::after,.contacts__list .list-content-wrap .ticket-tag-wrap.clearfix::before,.contacts__list .list-content-wrap .ticket-tag-wrap.ticket-action__fields::after,.contacts__list .list-content-wrap .ticket-tag-wrap.ticket-action__fields::before,.contacts__list.note,.ember-power-calendar .contacts__list .list-content-wrap .ticket-tag-wrap.ember-power-calendar-row::after,.ember-power-calendar .contacts__list .list-content-wrap .ticket-tag-wrap.ember-power-calendar-row::before {
display: block
}
.contacts__list--item {
padding: 0
}
.contacts__list .list-content-wrap {
padding-left: 0
}
.contacts__noitem {
position: relative;
top: 65px
}
.contacts__noitem--data {
margin: 16px 0
}
.contacts__feed {
position: relative;
padding: 0 5px 30px 30px
}
.contacts__feed:not(:last-child) {
border-left: 1px dotted #c9d1d0
}
.contacts__widget_feed {
position: relative;
padding: 0 6px 12px 0
}
.contacts__activity__icon {
float: left;
margin-top: 3px
}
.contacts__ticket {
margin-left: 20px;
font-weight: 400
}
.contacts__ticketicon {
width: 25px;
height: 25px;
color: #f7b91b;
border-radius: 50%;
border: 1px solid #dadfe3;
position: absolute;
left: -14px;
background: #fff;
text-align: center;
padding-top: 5px
}
.contacts__notewrapper {
background: #fff;
margin: 0 0 13px;
padding: 14px
}
.contacts__tag--item {
margin: 5px;
border-radius: 2px;
color: #848b99;
font-size: 13px;
font-weight: 400;
border: 1px solid #ccc
}
.contacts__tag--item:first-child {
margin-left: 0
}
.contacts__tag--item:hover {
color: #848b99;
text-decoration: none
}
.contacts-thumb__info {
width: 32px
}
.contacts__timeline {
padding: 0 50px 24px
}
.contacts__timeline--content {
min-height: 48px
}
.contacts__timeline--content .ticket-number {
color: #6f7c87;
margin-left: 3px
}
.contacts__timeline--content-groupmail {
position: absolute;
margin-top: -4px
}
.contacts__timeline--viewall {
margin: 10px 0
}
.contacts__sideheader--viewall {
text-transform: none
}
.contacts__more-info--content {
position: relative;
margin-bottom: 16px
}
.contacts__more-info--jobtitle,.contacts__more-info--profile {
display: inline-block;
vertical-align: middle
}
.contacts__more-info--jobtitle {
padding-left: 5px
}
.contacts__phone--option a {
color: #183247;
text-decoration: none;
display: block;
cursor: pointer
}
.contacts__sidepanel--link,.contacts__sidepanel--state {
color: #448ee1;
cursor: pointer
}
.contacts__phone--option a:hover {
text-decoration: none
}
.contacts__sidepanel--state {
padding-top: 10px
}
.contacts__sidepanel--state--expanded {
display: block;
padding-top: 6px
}
.contacts__edit-btn {
padding-top: 5px
}
.contacts__edit-btn:hover {
text-decoration: none;
color: #183247
}
.contacts__info--icon .ember-basic-dropdown .ember-basic-dropdown-content {
z-index: 3;
margin-top: 6px
}
.contacts__info--icon .ember-basic-dropdown .ember-basic-dropdown-content .pointer::before {
left: 1px
}
.contacts__info--icon .ember-basic-dropdown .ember-basic-dropdown-content .pointer::after {
left: 0
}
.contact-activities-holder {
margin-top: 35px
}
.convert-to-agent {
padding-bottom: 0
}
.convert-to-agent__item {
padding-top: 10px;
line-height: 1.4
}
.convert-to-agent .agent-action-block {
padding-top: 16px
}
.convert-to-agent .radio-group label {
padding-right: 20px;
color: #183247
}
.contacts_otheremail_holder {
padding-top: 10px
}
.contacts_otheremail_holder .disabled {
color: #6f7c87
}
.contact-from-company .modal-title {
display: inline-block
}
.company-canview,.company-canview-primary {
position: absolute;
right: 25px;
top: -3px;
width: 23px;
height: 23px;
padding-top: 3px;
transition: right .3s ease
}
.delete-note-customer {
margin-top: 15px
}
.contacts-bg-button {
display: none
}
.contacts-bg-input {
background: #fff;
margin-bottom: 10px
}
.contacts-bg-holder {
margin-top: 15px;
text-align: right
}
.company-bg-wrapper input[type=text],.company-bg-wrapper textarea,.contacts-bg-wrapper input[type=text],.contacts-bg-wrapper textarea {
width: 100%;
border: 1px solid #dadfe3
}
.contact-add-edit-button {
border: #dadfe3;
padding: 5px;
display: inline-block
}
.contact-tag-holder,.contacts-tag-actionBtn {
display: inline-block;
vertical-align: middle;
border: 1px solid #ccc;
padding: 2px 8px;
border-radius: 4px;
cursor: pointer;
margin-top: 5px
}
.contacts-tag-actionBtn {
padding: 0 8px 0 0
}
.contacts-tag-actionBtn>span:first-child {
display: inline-block;
padding: 3px 9px;
color: #fff;
margin-right: 5px;
background: #999;
border-radius: 3px 0 0 3px
}
.avatar-container {
position: relative;
margin-bottom: 1px;
min-height: 55px;
overflow-x: hidden
}
.avatar-container .profilepic,.avatar-img {
position: absolute
}
.avatar-container input[type=file] {
position: absolute;
opacity: 0;
top: 0;
width: 100%;
left: 0;
height: 100%;
font-size: 10000px;
overflow: hidden;
cursor: pointer
}
.avatar-img {
height: 44px;
width: 44px;
vertical-align: top;
margin-right: 20px;
border-radius: 10%
}
.avatar-img img {
width: 100%;
transition: opacity .3s ease;
opacity: 1;
max-height: 44px;
max-width: 44px;
border-radius: 100%
}
.avatar-wrapper {
position: relative;
display: inline-block;
margin-left: 60px
}
.state-upload-started .m-spinner-holder {
display: block;
height: 100%;
width: 100%;
position: absolute;
background: #fff;
z-index: 99;
opacity: .9
}
.state-upload-started .m-spinner-holder .contact-avatar-spinner {
margin-left: 14px;
margin-top: 11px
}
.state-upload-loaded .profilepic {
display: none
}
.state-upload-loaded .avatar-img {
display: block
}
.state-avatar-removed .avatar-img {
display: none
}
.state-avatar-removed .profilepic {
display: block
}
.avatar-desc {
margin-top: 3px;
max-width: 250px;
line-height: 1.4
}
.ember-basic-dropdown-overlay {
display: none
}
.company-bg-wrapper {
margin-bottom: 20px
}
.multiple-email-unchecked {
width: 13.4px;
height: 13.4px;
display: inline-block;
border: 1px solid #c9d1d0;
background: #fff;
border-radius: 20px
}
.multi-email-radiogroup {
position: absolute;
left: 0;
top: 20px
}
.company-info-item {
margin-top: 5px;
font-size: 12px
}
.contact-from-company .company-name {
color: #1d1d1d;
padding-left: 5px;
display: inline-block;
vertical-align: middle;
margin-top: -6px
}
.primary-field .company-canview {
right: -10px
}
.contact-multifield.primary-field .email-delete {
right: -30px;
opacity: 0;
visibility: hidden
}
.email-validation-false input[type=text] {
border-color: #ff5959
}
.email-validation-false .help-block {
display: block;
color: #ff5959
}
.avatar-action .input-container {
display: inline-block;
position: relative;
cursor: pointer
}
.avatar-action .input-container .avatar-text {
display: block
}
.form-avatar {
height: 45px;
width: 45px;
position: absolute;
vertical-align: top;
margin-right: 20px;
top: 2px;
overflow: hidden
}
.contacts__more-info--content .requestor-hover .card__hoverinfo {
width: 254px;
left: -52px
}
.contacts__more-info--content .requestor-hover .card__hoverinfo .card__item::after,.contacts__more-info--content .requestor-hover .card__hoverinfo .card__item::before {
left: 58px
}
.company-contact--profilepic .app-icon {
width: 16px
}
.companys__info {
padding-top: 20px
}
.companys__info--content {
margin-top: 4px
}
.companys__info--name {
font-weight: 700
}
.bottom-pagination .pagination-wrapper {
margin: 0 0 20px
}
.contact-category {
margin-top: 10px
}
.companies-contact-holder {
margin-bottom: 16px
}
.company-avatar {
background-image: linear-gradient(to bottom,#adeeea,#74d8d0)
}
.dropdown__option .company-name {
overflow-wrap: break-word;
margin-left: 30px;
padding-top: 2px
}
.contact-details-add-ticket {
display: inline-block
}
.fileupload-error {
display: block;
margin-bottom: 10px;
font-size: 11px;
margin-top: 5px
}
.error .hint-block,.tags-holder .ember-power-select-status-icon {
display: none
}
.collapse-tags,.show-hint .policy-hint {
display: block
}
.change-password-holder {
position: relative
}
.contact-ticket-hint {
color: #6f7c87;
font-size: 12px;
margin-top: 1px;
padding-bottom: 5px;
background: #fff
}
.text-weight,.user {
color: #183247
}
.contact-ticket-hint .hint-bold {
font-weight: 500
}
.contact-detail-pagination {
margin-left: 6px;
float: right;
margin-right: 5px
}
.contact-activity-closed {
filter: grayscale(100%);
opacity: .5
}
@media only screen and (min-width: 1700px) {
.contacts-alert .fresh-table {
padding-top:20px
}
.contacts-alert .holder {
position: relative;
padding-bottom: 0
}
}
.contact-card .avatar-icon--large .verify {
line-height: 1.2;
right: -7px;
top: -7px
}
.text-weight {
width: 200px;
font-weight: 700;
-webkit-font-smoothing: antialiased
}
.user:hover {
color: #448ee1;
text-decoration: none
}
.contacts__details--content .contacts-tab {
background: #f9f9f9;
width: 100%;
float: left;
margin-bottom: 26px;
box-shadow: 0 1px 3px 0 rgba(24,50,71,.1),0 0 0 1px rgba(24,50,71,.05);
border-radius: 0 0 2px 2px
}
.contacts__details--content .contacts-tab_item {
margin: 0 16px;
-moz-osx-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-weight: 600
}
.from-muted,.input .help-block,.list-with-show-more .list-item {
-webkit-font-smoothing: antialiased
}
.contacts__details--content .contacts-tab_item:hover::after {
background: rgba(2,184,117,.5)
}
.contacts__details--content .contacts-tab_item.active::after {
background: #02b875
}
.contact-merge-card_email,.contact-merge-card_name,.contact-merge-card_phone {
padding-top: 2px;
padding-bottom: 2px;
width: 300px;
height: 17px;
overflow: hidden;
text-overflow: ellipsis
}
.merge-search-dropdown-contact {
width: 458px
}
.merge-search-dropdown-contact .ember-power-select-option {
padding: 0
}
.merge-search-dropdown-contact .ember-power-select-option .contact_merge__item {
width: inherit
}
.merge-search-dropdown-contact .ember-power-select-option .primary-mark {
padding-top: 35px;
padding-right: 14px
}
.merge-search-dropdown-contact .ember-power-select-options[role=listbox] {
max-height: 22em
}
.merge-title {
color: #183247
}
.merge-back {
padding-right: 6px
}
.contact_merge {
padding-top: 0
}
.contact_merge .modal-search {
padding-bottom: 16px
}
.contact_merge__wrap {
position: relative;
top: 47px
}
.contact_merge-search {
padding-left: 0;
border-bottom: 1px #dadfe3 solid;
height: 24px
}
.contact_merge-search .ember-power-select-trigger {
padding-left: 20px
}
.contact_merge-search .ember-power-select-status-icon {
display: none
}
.contact_merge-search .ember-power-select-dropdown .ember-basic-dropdown-content--in-place {
width: 458px
}
.contact_merge-search .ember-power-select-trigger-multiple-input {
position: absolute;
top: 2px
}
.contact_merge__item {
width: inherit;
border-radius: 4px;
background-color: #fff;
border: 1px solid #ebeef0;
height: 84px;
padding-right: 15px;
padding-left: 15px;
position: relative;
z-index: 1;
margin-bottom: 6px
}
.contact_merge__item .list-content-wrap {
padding-left: 0;
display: block;
line-height: .92
}
.contact_merge__item .remove--disabled {
opacity: .3
}
.contact_merge-child {
padding-left: 16px;
padding-top: 10px;
border-left: 1px solid #dadfe3;
position: relative;
left: 20px;
top: -57px;
margin-right: 20px
}
.contact_merge-child .contact_merge__item {
position: relative;
top: 47px
}
.contact_merge-child .contact_merge__item::before {
width: 10px;
height: 10px;
content: "";
position: absolute;
display: inline-block;
background-color: #dadfe3;
border: 1px solid #fff;
left: -22px;
border-radius: 50%;
top: 40%
}
.contact_merge-child .list-content-wrap {
width: 360px;
display: block
}
.contact_merge .contact-merge-delete {
position: relative;
top: 32px;
width: 32px
}
.contact_merge .contact-merge-delete .remove--contact {
padding: 0
}
.contact_merge .primary-custom {
fill: #02b875
}
.contact_merge .secondary-custom {
fill: #dadfe3
}
.contact_merge .secondary-custom:hover {
fill: #58626b;
transition: .2s easein
}
.contact_merge .primary-contact {
width: 30px;
position: relative;
cursor: pointer;
top: 28px;
right: 20px
}
.contact_merge .primary-contact .hint--top::before {
left: calc(50% - 4px)
}
.contact_merge .primary-text {
color: #6f7c87;
font-size: 9px
}
.contact_merge_warning {
position: relative;
color: #183247;
padding: 20px;
background-color: #fffade;
border-radius: 2px;
line-height: 1.4
}
.contact_merge_error {
position: fixed;
width: 540px;
padding: 13px 20px;
margin-bottom: 70px;
background-color: #fff4f4;
color: #ff2525;
border-radius: 4px;
bottom: 0;
z-index: 5
}
.contact_merge_error .close-icon {
fill: #ff5959
}
.contact_merge__item.last {
margin-bottom: 26px
}
.contact-details {
display: inline-block;
margin-left: 16px;
height: 82px
}
.card-avatar {
padding-top: 20px;
padding-bottom: 20px
}
.contact-merge-card {
display: table;
height: 100%
}
.contact-merge-card_row {
display: table-row;
height: 17px
}
.contact-merge-card_phone {
font-size: 12px
}
.padding-3 {
padding-top: 17px;
padding-bottom: 17px
}
.padding-2 {
padding-top: 24px;
padding-bottom: 24px
}
.padding-1 {
padding-top: 32px;
padding-bottom: 32px
}
.merge-fields .input input[type=text][disabled] {
color: #183247
}
.merge-fields .input .error-hint {
color: #ff5959;
padding-left: 3px;
font-size: 12px;
margin-top: 5px
}
.merge-fields .input .info-hint {
color: #acb6be;
padding-left: 3px;
font-size: 12px;
margin-top: 5px
}
.app-form {
margin-bottom: 20px
}
.app-form .review-power-select {
padding-left: 0
}
.app-form .review-power-select .ember-power-select-trigger {
margin-top: 0
}
.app-form .review-power-select .ember-power-select-selected-item {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.app-form .merge-field .ember-power-select-trigger {
margin-top: 21px
}
.app-form .merge-field .ember-power-select-selected-item {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.app-form .merge-field .ember-power-select-multiple-option {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 334px
}
.app-form .merge-field .ember-power-select-multiple-trigger {
padding-bottom: 6px;
padding-top: 0
}
.app-form .merge-field .ember-power-select-multiple-trigger .ember-power-select-status-icon {
display: none
}
.sub-title {
height: 16px;
font-size: 13px;
color: #183247;
font-weight: 600;
margin-bottom: 5px
}
.__module-contacts__import-form__6ae32 .map-field__field__name,.__module-contacts__import-form__6ae32 .map-field__sample-value,.merge-field__item__name,.text-decorate {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
.merge-field__list-headers {
min-height: 46px
}
.merge-field__list-headers .input {
margin-top: 15px
}
.merge-field__list-headers .ember-power-select-selected-item {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.merge-field__item,.merge-field__item__name {
min-height: 55px;
position: relative
}
.frank-bot .admin-responsive,.sandbox .admin-responsive {
min-height: calc(100% - 70px)
}
.merge-field__item .merge-field__item__circle-selected,.merge-field__item__name .merge-field__item__circle-selected {
border: 1px solid #02b875;
background-color: #02b875
}
.merge-field__item__circle {
border: 1px solid #02b875;
width: 8px;
border-radius: 8px;
position: relative;
height: 8px;
margin-top: 25px;
z-index: 4;
background-color: #fff
}
.merge-field__item__line {
border-bottom: 1px solid;
width: 100%;
position: absolute;
height: 30px;
border-image-source: linear-gradient(to right,#fff,#c9d1d0 54%,#fff);
border-image-slice: 1
}
.merge-field__item__name {
display: inline-block;
padding: 20px 10px 0 0;
background-color: #fff;
z-index: 4;
color: #183247;
max-width: 125px;
text-align: left;
font-weight: 400
}
.fresh-list .no-record,.fresh-table .no-record,.sandbox .sandbox--header,.sandbox--title {
text-align: center
}
.merge-fields .disabledField .filter-field-value {
overflow: hidden;
text-overflow: ellipsis
}
.merge-fields .ember-power-select-trigger {
overflow: visible;
margin-top: 0;
line-height: 25px
}
.merge-fields .ember-power-select-trigger .hasContent {
height: 25px
}
.frank-bot,.frank-bot__wrapper {
height: 100%
}
.review-power-select-dropdown .ember-power-select-option {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.admin-content {
padding: 0
}
.config-container {
display: flex;
overflow: hidden
}
.config-container-left {
flex-grow: 1;
padding: 20px 50px 50px 25px
}
.config-container-right {
border-left: 1px solid #ebeef0;
padding: 0 50px 50px 32px;
width: 491px
}
.config-container-right.no-border {
border-left: none
}
.bot-container {
background: #fff;
height: 100%;
border: 1px solid #d3dbda;
border-radius: 3px
}
.bot-container--header {
background-color: #f8f9fa;
border-bottom: 1px solid #d3dbda;
width: 100%;
height: 60px;
padding: 20px;
font-size: 16px;
font-weight: 600
}
.bot-container--header.secondary {
background-color: #fff
}
.bot-container--content {
height: inherit
}
.bot-avatar,.bot-product__logo {
width: 20px;
height: 20px
}
.colpick {
top: 34%!important;
z-index: 2
}
.bot-product__name {
max-width: 20em;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: sub
}
.bot-avatar {
vertical-align: bottom
}
.bot-loader {
position: absolute;
top: 40%;
left: 50%
}
.bot-loader .gravity-loader {
width: 50px
}
.bot-filter {
margin-top: 5px
}
.sandbox {
height: 100%
}
.sandbox .admin-sidebar {
padding: 50px 30px 20px;
line-height: 1.54;
overflow-wrap: break-word;
min-height: 600px
}
.sandbox .sandbox__content {
height: 100%;
padding: 30px;
animation: slideUpContent 1s ease-in-out
}
.sandbox .sandbox__build--build-button {
padding: 10px;
min-width: 225px
}
.sandbox .build__complete--sandbox-container {
width: 650px;
margin: 0 auto;
padding: 30px 0
}
.sandbox .build__complete--row-content {
display: flex;
cursor: pointer;
border-radius: 2px
}
.sandbox .build__complete--row-content:hover .title-column {
color: #183247
}
.sandbox .build__complete--button-content {
margin: 18px auto;
padding: 24px 0;
box-shadow: 0 2px 5px 0 rgba(22,29,37,.05),0 0 1px 0 rgba(24,50,71,.3)
}
.sandbox .build__complete--button-content:hover {
box-shadow: 0 2px 6px 0 rgba(22,29,37,.15),0 0 1px 0 rgba(24,50,71,.3)
}
.sandbox .build__complete--link-content {
padding: 25px 0;
font-size: 16px;
color: #183247;
text-decoration: none
}
.sandbox .build__complete--icon-column {
width: 60px
}
.sandbox .build__complete--title-column {
width: 540px
}
.sandbox .build__complete--center-items {
justify-content: center;
align-items: center;
display: flex
}
.sandbox .build__complete--info-width {
width: 400px
}
.sandbox .build__complete--title-text {
font-size: 16px
}
@keyframes slideUpContent {
from {
-webkit-transform: translate3d(0,2%,0);
transform: translate3d(0,2%,0);
visibility: visible;
opacity: .95
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}
}
@keyframes dots {
0%,20% {
color: transparent;
text-shadow: .25em 0 0 transparent,.5em 0 0 transparent
}
40% {
color: #183247;
text-shadow: .25em 0 0 transparent,.5em 0 0 transparent
}
60% {
text-shadow: .25em 0 0 #183247,.5em 0 0 transparent
}
100%,80% {
text-shadow: .25em 0 0 #183247,.5em 0 0 #183247
}
}
@keyframes spin {
0% {
-ms-transform: rotate(0);
-moz-transform: rotate(0);
-webkit-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.sandbox .loading::after {
content: '.';
animation: dots 3s steps(5,end) infinite
}
.sandbox .sandbox-build-spin {
-webkit-animation: spin 4s linear infinite;
-moz-animation: spin 4s linear infinite;
-ms-animation: spin 4s linear infinite;
-o-animation: spin 4s linear infinite;
animation: spin 4s linear infinite;
transform-origin: 157.5px 16.9px
}
.sandbox .sandbox-delete-spin {
-webkit-animation: spin 4s linear infinite;
-moz-animation: spin 4s linear infinite;
-ms-animation: spin 4s linear infinite;
-o-animation: spin 4s linear infinite;
animation: spin 4s linear infinite;
transform-origin: 13.6px 13.5px
}
.sandbox--text-content {
width: 400px;
margin: 8px auto
}
.sandbox--error-text {
width: 400px;
margin: 24px auto;
color: #445c6d;
font-weight: 600
}
.sandbox--center-items {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
height: 400px
}
.sandbox--title {
font-size: 26px
}
.sandbox--image-margin {
margin-bottom: 80px
}
.sandbox--link-margin {
margin: 16px auto
}
.sandbox--content-margin {
margin: 24px auto
}
.notification-present .sandbox .admin-responsive {
min-height: calc(100% - 110px)
}
.jira-issue-view-content {
padding-top: 50px
}
.jira-issue-view-top {
padding: 10px
}
.jira-issue-view--unlink {
margin-right: 17px
}
.ember-basic-dropdown {
position: relative
}
.ember-basic-dropdown,.ember-basic-dropdown-content,.ember-basic-dropdown-content * {
box-sizing: border-box
}
.ember-basic-dropdown-content {
position: absolute;
width: auto;
z-index: 1000;
background-color: #fff
}
.ember-basic-dropdown-content--left {
left: 0
}
.ember-basic-dropdown-content--right {
right: 0
}
.ember-basic-dropdown-overlay {
position: fixed;
background: rgba(0,0,0,.5);
width: 100%;
height: 100%;
z-index: 10;
top: 0;
left: 0;
pointer-events: none
}
.ember-basic-dropdown-content-wormhole-origin {
display: inline
}
.ember-power-select {
position: relative
}
.ember-power-select *,.ember-power-select-dropdown * {
box-sizing: border-box
}
.ember-power-select-trigger {
position: relative;
background-color: #fff;
line-height: 2;
overflow-x: hidden;
text-overflow: ellipsis;
min-height: 2em;
user-select: none;
-webkit-user-select: none;
color: inherit
}
.ember-power-select-trigger:after {
content: "";
display: table;
clear: both
}
.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.ember-power-select-placeholder {
display: block;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.ember-power-select-status-icon {
position: absolute;
margin: auto;
border-width: 7px 4px 0;
border-color: #999 transparent transparent
}
.ember-power-select-clear-btn {
position: absolute;
cursor: pointer;
right: 25px
}
.ember-power-select-trigger-multiple-input {
font-family: inherit;
font-size: inherit;
border: none;
display: inline-block;
line-height: inherit;
-webkit-appearance: none;
outline: 0;
padding: 0;
float: left;
background-color: transparent;
text-indent: 0
}
.ember-power-select-trigger-multiple-input:disabled,.ember-power-select-trigger[aria-disabled=true] {
background-color: #eee
}
.ember-power-select-trigger-multiple-input::placeholder {
opacity: 1;
color: #999
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
opacity: 1;
color: #999
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
opacity: 1;
color: #999
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
opacity: 1;
color: #999
}
.ember-power-select-multiple-options {
padding: 0;
margin: 0
}
.ember-power-select-multiple-option {
display: inline-block;
float: left;
margin: 2px 0 2px 3px
}
.ember-power-select-multiple-remove-btn {
cursor: pointer
}
.ember-power-select-dropdown {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
line-height: 2;
border-radius: 4px;
box-shadow: rgba(0,0,0,.172549) 0 6px 12px 0;
overflow: hidden;
color: inherit
}
.ember-power-select-dropdown.ember-basic-dropdown-content--above {
transform: translateY(-3px);
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.ember-power-select-dropdown.ember-basic-dropdown-content--below,.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
width: 100%
}
.ember-power-select-options {
list-style: none;
padding: 0;
user-select: none;
-webkit-user-select: none
}
.ember-power-select-options[role=listbox] {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
max-height: 15em
}
.ember-power-select-group[aria-disabled=true] {
color: #999;
cursor: not-allowed
}
.ember-power-select-group[aria-disabled=true] .ember-power-select-option,.ember-power-select-option[aria-disabled=true] {
color: #999;
pointer-events: none;
cursor: not-allowed
}
.ember-power-select-option[aria-current=true] {
color: inherit
}
.ember-power-select-group-name {
cursor: default;
font-weight: 700
}
.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
padding-left: 24px
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
padding-left: 40px
}
.ember-power-select-group .ember-power-select-option {
padding-left: 24px
}
.ember-power-select-group .ember-power-select-group-name {
padding-left: 8px
}
.ember-power-select-trigger[dir=rtl] {
padding: 0 0 0 16px
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder,.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item {
margin-right: 8px
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option,.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
float: right
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
left: 5px;
right: initial
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
left: 25px;
right: initial
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
padding-right: 24px
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
padding-right: 40px
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
padding-right: 24px
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
padding-right: 8px
}
.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true] {
border-radius: 0
}
.ember-basic-dropdown-trigger {
outline: 0
}
.ember-power-select-trigger {
background: 0 0;
border: none;
border-bottom: 1px solid #dadfe3;
border-radius: 0;
font-size: 13px;
font-weight: 400;
padding: 0 15px 0 0;
overflow-y: hidden
}
.ember-power-select-trigger:hover {
border-bottom: 1px #707070 solid;
transition: .2s linear
}
.ember-power-select-trigger--active,.ember-power-select-trigger:focus {
outline: 0;
box-shadow: none;
border-radius: 0;
border: none;
border-bottom: 1px solid #dadfe3
}
.ember-power-select-multiple-trigger {
padding-top: 4px;
padding-bottom: 4px
}
.ember-power-select-status-icon {
right: 3px;
content: '';
display: inline-block;
top: 5px;
bottom: 5px;
width: 5px;
height: 5px;
background-color: transparent;
border-style: inherit;
border-top: 1px solid #6f7c87;
border-right: 1px solid #6f7c87;
transform: rotate(135deg)
}
.list-filter .assignto-filter-wrap .ember-power-select-status-icon {
right: -10px
}
.assignto-filter-wrap {
position: relative
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
transform: rotate(315deg)
}
.ember-basic-dropdown-content--above,.ember-basic-dropdown-content--below,.ember-basic-dropdown-content--in-place {
min-width: 160px;
z-index: 1000
}
.ember-power-select-dropdown.ember-basic-dropdown-content--below {
border-radius: 0 0 2px 2px;
border: none
}
.ember-basic-dropdown-content--above {
border-radius: 2px 2px 0 0
}
.ticket-properties-dropdown {
margin-top: -1px;
margin-left: -16px
}
.ember-power-select-input:focus {
border-color: #dadfe3;
box-shadow: none
}
.ember-power-select-option[aria-selected=true] {
color: #02b875;
background-color: transparent;
position: relative
}
.ember-power-select-option:hover,.ember-power-select-option[aria-current=true] {
background-color: #ebedf0
}
.ember-power-select-option[aria-selected=true]::before {
position: absolute;
right: 10px;
top: 8px
}
.ember-power-select-option .template_list_icon,.ember-power-select-option[aria-current=true] .template_list_icon {
top: 2px;
position: relative
}
.ember-power-select-option[aria-disabled=true] {
color: #acb6be
}
.ember-power-select-options {
margin: 8px
}
.ember-power-select-option {
cursor: pointer;
padding: 5px 30px 5px 10px;
font-size: 12px;
border-radius: 3px;
line-height: 1.3;
margin: 5px 0;
word-break: break-word;
-ms-word-wrap: break-word;
word-wrap: break-word
}
.ember-power-select-search {
padding: 0
}
.ember-power-select-search-input {
border: 0;
border-radius: 0;
width: 100%;
line-height: inherit;
height: 40px;
padding: 0 10px 2px;
border-bottom: 1px solid #acb6be;
font-size: 12px;
font-weight: 500
}
.ember-power-select-search-input:focus {
border: 0;
border-bottom: 1px solid #02b875;
box-shadow: none;
outline: 0
}
.ember-power-select-search-input-trigger {
font-family: inherit;
font-size: inherit;
border: none;
display: inline-block;
line-height: inherit;
-webkit-appearance: none;
outline: 0;
height: auto;
padding: 0;
border-bottom: 0;
background-color: transparent;
text-indent: 0
}
.input .help-block,.input label {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}
.ember-power-select-search-input-trigger:focus {
border: 0;
box-shadow: none;
outline: 0;
border-bottom: 0
}
.drop-small__options {
width: 200px
}
.drop-small__options .ember-power-select-trigger,.drop-small__options .ember-power-select-trigger--active,.drop-small__options .ember-power-select-trigger:focus,.drop-small__options .ember-power-select-trigger:hover {
border: none
}
.ember-power-select-multiple-option {
padding: 1px 5px 3px;
line-height: 1.4;
border-radius: 2px;
background-color: #ebeff2;
border: 1px solid #dadfe3;
font-size: 12px;
color: #183247;
margin-right: 2px
}
.ember-power-select-multiple-options .ember-power-select-trigger-multiple-input {
line-height: 1.8;
margin-left: 1px
}
.ember-power-select-multiple-options ::-webkit-input-placeholder {
color: #acb6be
}
.ember-power-select-multiple-options ::-moz-placeholder {
color: #acb6be
}
.ember-power-select-multiple-options :-ms-input-placeholder {
color: #acb6be
}
.ember-power-select-multiple-options :-moz-placeholder {
color: #acb6be
}
.ember-power-select-multiple-remove-btn {
color: #1c3a52;
padding-right: 0;
font-size: 16px;
line-height: .5;
position: relative;
top: 1px;
left: 0
}
.ember-power-select-multiple-remove-btn:not(:hover) {
opacity: 1;
color: #6f7c87
}
.dropdown-select .ember-power-select-trigger,.ticket-list-dropselect .ember-power-select-trigger {
border: none
}
.dropdown-select .ember-power-select-trigger--active,.dropdown-select .ember-power-select-trigger:focus,.ticket-list-dropselect .ember-power-select-trigger--active,.ticket-list-dropselect .ember-power-select-trigger:focus {
box-shadow: none;
border-radius: 0;
border: none
}
.dropdown-select[class*=hint--],.ticket-list-dropselect[class*=hint--] {
display: inherit
}
.dropdown-select .ember-power-select-status-icon,.ticket-list-dropselect .ember-power-select-status-icon {
right: inherit;
margin-left: 7px;
top: 4px
}
.ember-power-select-placeholder,.ember-power-select-selected-item {
margin-left: 0
}
.ember-power-select-placeholder {
padding-bottom: 10px;
color: #acb6be
}
.ember-power-select-dropdown.ember-basic-dropdown-content--below,.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
transform: translateY(-1px)
}
.ember-power-select-dropdown.ember-basic-dropdown-content--above {
animation: drop-fade-above .15s;
border-radius: 2px 2px 0 0
}
.ember-power-select-inline-dropdown {
display: inline-block;
padding-right: 5px
}
.calendar-dropdown {
z-index: 1001;
min-width: 100px;
margin-top: 5px
}
.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
animation: drop-fade-below .15s
}
.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
animation: fadeOut .2s
}
.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-in {
animation: drop-fade-above .15s
}
.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-out {
animation: fadeOut .2s
}
.ember-power-select-option--loading-message,.ember-power-select-option--no-matches-message,.ember-power-select-option--search-message {
cursor: default
}
.ember-power-select-option--loading-message:hover,.ember-power-select-option--no-matches-message:hover,.ember-power-select-option--search-message:hover {
background-color: transparent
}
.bs-dropdown.ember-basic-dropdown-content {
border: none
}
.bs-dropdown.ember-basic-dropdown-content>.dropdown-menu {
display: block
}
.from-muted {
color: #acb6be;
-moz-osx-font-smoothing: grayscale
}
.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true],.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.fresh-table {
table-layout: fixed;
padding-bottom: 10px;
transition: opacity .2s;
overflow-x: auto
}
.fresh-table .column-sortable {
cursor: pointer;
font-weight: 700
}
.fresh-table .column-sortable .asc.icon-rightbullet::before {
transform: rotate(90deg)
}
.fresh-table .column-sortable .desc.icon-rightbullet::before {
transform: rotate(-90deg)
}
.fresh-table .list .body-row:hover,.fresh-table .list .lt-row:hover {
transition: .2s ease;
background-color: #f3f5f7
}
.fresh-table .list .body-row:hover .dropdown-toggle,.fresh-table .list .lt-row:hover .dropdown-toggle {
border: 1px solid #dadfe3
}
.fresh-table .list thead .lt-column:first-child>div,.fresh-table .list thead th:first-child>div,.lt-head .lt-column:first-child>div {
border-left: none
}
.fresh-table .list .body-row:hover .more-action,.fresh-table .list .lt-row:hover .more-action {
transition: .3s ease;
opacity: 1
}
.fresh-table .list .body-row:hover .table-subject,.fresh-table .list .lt-row:hover .table-subject {
color: #448ee1
}
.fresh-table .list .body-row--selected,.fresh-table .list .body-row.is-selected,.fresh-table .list .lt-row--selected,.fresh-table .list .lt-row.is-selected {
background-color: #fffdf6
}
.fresh-table .list tbody tr:last-child td:first-child {
border-radius: 0 0 0 3px
}
.fresh-table .list tbody tr:last-child td:last-child {
border-radius: 0 0 3px
}
.fresh-table .list tbody tr .custom-checkbox {
margin-bottom: 0
}
.fresh-table .list tbody tr .gravity-loader {
left: -2px
}
.fresh-table .list thead .lt-column:nth-child(2)>div,.fresh-table .list thead th:nth-child(2)>div,.lt-head .lt-column:nth-child(2)>div {
left: -5px
}
.fresh-table .list tbody td {
vertical-align: middle;
display: table-cell
}
.fresh-table .list tbody td:first-child {
padding-right: 0;
padding-left: 17px;
padding-top: 8px
}
.fresh-table .list tbody td:nth-child(2) {
padding-left: 0
}
.fresh-table .list tbody td>div,.fresh-table .list thead .lt-column>div,.fresh-table .list thead th>div {
padding: 7px 0;
position: relative
}
.fresh-table .list thead .lt-column,.fresh-table .list thead th {
background-color: #f8f9fa;
color: #6f7c87;
display: table-cell
}
.fresh-table .list thead .lt-column:first-child,.fresh-table .list thead th:first-child {
padding-right: 0;
padding-left: 10px;
border-radius: 3px 0 0
}
.fresh-table .list thead .lt-column:nth-child(2),.fresh-table .list thead th:nth-child(2) {
padding-left: 0
}
.fresh-table .list thead .lt-column:last-child,.fresh-table .list thead th:last-child {
border-radius: 0 3px 0 0
}
.fresh-table .table-nodata {
width: 100%
}
.fresh-table .table-spinner {
margin: auto
}
.lt-head .lt-column {
background-color: #f7f9fa;
color: #6f7c87;
display: table-cell;
padding: 15px 15px 15px 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.lt-head .lt-column>div {
padding: 7px 0;
position: relative
}
.lt-head .lt-column:first-child {
padding-right: 0;
padding-left: 20px;
border-radius: 3px 0 0
}
.lt-head .lt-column:nth-child(2) {
padding-left: 0
}
.lt-head .lt-column:last-child {
border-radius: 0 3px 0 0
}
.list-loading {
opacity: .65
}
.ember-light-table {
overflow: inherit
}
.ember-light-table .lt-row.is-selectable {
cursor: default
}
.table-subject {
line-height: 1.14;
font-size: 13px;
color: #183247
}
.table-text-wrap {
white-space: nowrap;
width: 11em;
overflow: hidden;
text-overflow: ellipsis;
display: block
}
.table-header th {
text-transform: uppercase;
font-size: 11px;
letter-spacing: .056em
}
.tickets__pagination td {
background-color: #f7f9fa;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 0
}
.inprogress .table-has-content {
opacity: .65;
cursor: not-allowed
}
.list .tag {
display: inline-block
}
.avatar-info-cell {
display: flex
}
.avatar-text {
padding-top: 3px
}
.avatar-image {
padding-right: 7px
}
.fresh-table .ember-light-table {
overflow: visible
}
.fresh-table .list tbody .lt-cell-truncate {
word-wrap: break-word;
padding-right: 10px
}
.fresh-table .list tbody .lt-cell-autorefresh {
padding-right: 5px
}
.customer-table .list thead th {
display: inline-block
}
.editor-forward .fr-quoted-controls:hover .fr-quoted-marker-remove,.editor-wrapper .editor-errorText {
display: none
}
.fresh-list .no-record {
padding: 20px 0
}
.filter-items-container {
margin: 10px 0;
padding-right: 10px
}
.filter-item {
margin: 22px 0
}
.filter-item .power-select {
margin: 2px 0
}
.filter-item .ember-power-select-selected-item {
font-weight: 500
}
.filter-field-title {
color: #183247;
font-size: 12px
}
.editor .fr-basic .fr-wrapper {
box-shadow: none
}
.editor-submission {
position: absolute;
right: 0;
bottom: 0;
z-index: 5
}
.editor-wrapper .attachment {
padding: 10px 0
}
.editor-wrapper .fr-element {
padding: 0
}
.editor-wrapper .caption {
margin-bottom: 15px
}
#editor-toolbar,.editor-toolbar {
position: relative;
z-index: 4
}
#editor-toolbar .fr-toolbar,.editor-toolbar .fr-toolbar {
border-top: 0;
box-shadow: none;
padding-left: 27px;
border-radius: 0 0 3px 3px
}
.app-attachment {
position: absolute;
z-index: 10;
bottom: 9px;
left: 12px
}
.ticket-editor__bodytext {
position: relative;
max-height: 450px;
min-height: 145px;
overflow: auto;
transition: max-height .3s ease
}
.loader-editor {
position: absolute;
left: 15px;
z-index: 99999;
top: 12px;
width: 6em;
height: 6em
}
.fr-tooltip {
box-shadow: none;
font-weight: 400
}
.fr-popup {
z-index: 1015!important
}
.gmail_drive_chip {
height: auto!important;
max-height: auto!important
}
.ticket-editor__toolbar .fr-popup .fr-input-line input+label,.ticket-editor__toolbar .fr-popup .fr-input-line textarea+label {
position: absolute;
top: 0;
left: 0;
font-size: 12px;
display: none;
-webkit-transition: color .2s ease 0s;
-moz-transition: color .2s ease 0s;
-ms-transition: color .2s ease 0s;
-o-transition: color .2s ease 0s;
z-index: 3;
width: 100%;
background: #fff;
font-weight: 500
}
.ticket-editor__toolbar .fr-popup .fr-input-line input[type=text]:focus+label,.ticket-editor__toolbar .fr-popup .fr-input-line textarea:focus+label {
color: #1e88e5;
display: block
}
.ticket-editor__toolbar .fr-popup .fr-input-line .fr-not-empty+label {
display: block
}
.app-form .input,.app-form .nested-fields {
display: inline-block;
width: 100%
}
.ticket-editor__toolbar .fr-popup .fr-input-line input[type=text],.ticket-editor__toolbar .fr-popup .fr-input-line textarea {
width: 100%;
margin: 2px 0 1px;
border: none;
border-bottom: solid 1px #bdbdbd;
color: #222;
font-size: 14px;
padding: 6px 0 2px;
background: rgba(0,0,0,0);
position: relative;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.ember-power-calendar,.ember-power-calendar-days,.ember-power-calendar-days *,.ember-power-calendar-nav * {
box-sizing: border-box
}
.input {
position: relative;
margin-bottom: 20px
}
.input label {
color: #274559;
font-weight: 400;
cursor: text
}
.input .help-block {
font-size: 11px;
margin-top: 3px;
color: #acb6be;
position: absolute
}
.input.has-content input[type=text]+label,.input.has-content input[type=email]+label,.input.has-content input[type=password]+label,.input.has-content input[type=date]+label,.input.has-content input[type=number]+label,.input.has-content textarea+label {
font-size: 12px
}
.input.required {
position: relative
}
.input.required .label-field::after {
content: "*";
position: relative;
top: 2px;
font-size: 14px;
color: #ff5959;
padding-left: 2px;
font-weight: 700
}
.input input[type=text],.input input[type=email],.input input[type=password],.input input[type=date],.input input[type=number],.input textarea {
width: 100%;
border: 0;
border-bottom: 1px solid #dadfe3;
margin: 5px 0 0;
border-radius: 0;
padding: 0 0 2px;
resize: none;
background-color: transparent;
box-shadow: none
}
.input input[type=text]:focus,.input input[type=email]:focus,.input input[type=password]:focus,.input input[type=date]:focus,.input input[type=number]:focus,.input textarea:focus {
outline: 0;
border-color: #02b875;
background: 0 0
}
.input input[type=text]:focus+label,.input input[type=email]:focus+label,.input input[type=password]:focus+label,.input input[type=date]:focus+label,.input input[type=number]:focus+label,.input textarea:focus+label {
color: #02b875;
font-size: 12px
}
.input input[type=text][disabled],.input input[type=email][disabled],.input input[type=password][disabled],.input input[type=date][disabled],.input input[type=number][disabled],.input textarea[disabled] {
color: #dadfe3;
background-color: #fff;
border-style: dashed
}
.input input[type=text][disabled]+label,.input input[type=email][disabled]+label,.input input[type=password][disabled]+label,.input input[type=date][disabled]+label,.input input[type=number][disabled]+label,.input textarea[disabled]+label {
color: #dadfe3
}
.input input[type=text]+label,.input input[type=email]+label,.input input[type=password]+label,.input input[type=date]+label,.input input[type=number]+label,.input textarea+label {
width: 100%;
position: absolute;
left: 0;
top: 17px;
margin-bottom: 2px;
transition: all .3s ease
}
.app-form,.app-form .add-time .help-block {
position: relative
}
.input textarea label {
top: 28px
}
.input.error .editor,.input.error .ember-power-select-trigger,.input.error input[type=text],.input.error input[type=email],.input.error input[type=password],.input.error input[type=date],.input.error input[type=number],.input.error textarea {
border-color: #ff5959
}
.input.error .help-block {
color: #ff5959
}
.input .ember-text-field:hover {
border-bottom: 1px #183247 solid;
transition: .2s linear
}
.input .input textarea:focus+label,.input .input textarea[value]+label {
font-size: 12px
}
.field-radio-group {
margin-bottom: 15px
}
.powerselect-dropdown {
margin: 24px 0
}
.app-form {
margin-top: 15px
}
.app-form.disabled:first-child {
margin-top: 30px
}
.app-form div.disabledField {
border-bottom: 1px dotted #d3dbda;
padding-bottom: 2px;
color: #6f7c87
}
.app-form .contact-custom-password .label-field,.app-form .contact-multifield-label,.app-form .custom-label,.app-form .editor-create-ticket .caption,.app-form .editor-edit-note .caption,.app-form .input .ember-power-select-placeholder,.app-form .input label {
font-size: 12px;
color: #274559;
font-weight: 400;
margin-bottom: 0;
padding-bottom: 4px
}
.app-form .editor-create-ticket .caption,.app-form .editor-edit-note .caption,.app-form .input .ember-power-select-placeholder {
cursor: text
}
.app-form .input input[type=text],.app-form .input input[type=email],.app-form .input input[type=password],.app-form .input input[type=date],.app-form .input input[type=number],.app-form .input textarea {
margin-top: 0
}
.app-form .checkbox-field {
margin-bottom: 0
}
.app-form .checkbox-field .input {
margin-bottom: 12px
}
.app-form .checkbox-field .help-block {
margin-top: -5px
}
.app-form .checkbox-field label {
margin-top: -1px
}
.app-form .checkbox-field::after {
border-bottom: none
}
.app-form .input.create-tracker-requester .ember-power-select-placeholder {
color: #acb6be
}
.app-form .custom-checkbox.input {
margin: 0
}
.app-form .has-content .custom-checkbox label {
color: #183247
}
.app-form .nested-fields {
margin-bottom: 10px
}
.app-form .nested-fields .nested-filter {
padding-left: 10px;
margin-top: 5px
}
.app-form .nested-fields .nested-filter .ember-power-select-trigger {
margin-top: 5px
}
.app-form .nested-fields .nested-sub-fields {
border-left: 1px dotted #dadfe3
}
.app-form .ember-power-select-trigger {
overflow: visible;
line-height: 1.2;
min-height: 1em
}
.app-form .ember-power-select-placeholder {
transition: all .3s ease;
overflow: hidden
}
.app-form .ember-power-select-trigger--active {
border-bottom: 1px solid #02b875
}
.app-form .hasContent .ember-power-select-placeholder {
color: #183247;
font-size: 12px
}
.app-form .hasContent .ember-power-select-selected-item {
font-weight: 500
}
.app-form .ember-power-select-selected-item {
font-size: 13px;
color: #183247;
display: block;
padding-bottom: 2px
}
.app-form .calendar-controls .ember-power-select-trigger {
overflow: auto;
margin-top: 0
}
.app-form .calendar-controls .ember-power-select-trigger--active {
border-bottom: 0
}
.app-form .calendar-controls .ember-power-select-selected-item {
font-size: inherit;
color: inherit;
line-height: 2;
font-weight: 100
}
.app-form .error .help-block {
color: #ff5959
}
.editor-create-ticket {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px #dadfe3 solid;
margin-top: 20px
}
.editor-create-ticket .attachment,.editor-create-ticket .fr-box.fr-basic .fr-element {
padding: 10px 0
}
.editor-edit-note {
border: 0;
background-color: transparent
}
.editor-edit-note .fr-box.fr-basic .fr-element {
background: #fff
}
.editor-edit-note .fr-box.fr-basic .fr-wrapper {
background: 0 0
}
.editor-edit-note .caption.label-field {
top: 0
}
.error.editor-create-ticket {
border-bottom: solid 1px #ff5959
}
.error .editor-errorText {
display: block
}
.rich-editor .caption {
width: 100%;
position: absolute;
left: 0;
top: 12px;
margin-bottom: 2px;
transition: all .3s ease;
z-index: 4;
background: #fff
}
.input textarea {
position: relative;
top: 0
}
.selectbox-icon {
position: absolute;
display: inline-block;
right: 5px;
top: 0;
bottom: 0;
margin: auto
}
.custom-placeholder {
padding-bottom: 2px;
display: block;
color: #acb6be
}
.label-field--radio {
margin-bottom: 5px
}
.form--btn-actions {
text-align: right;
padding: 15px;
background-color: #f8f9fa;
border-top: 1px solid #dadfe3
}
.form--btn-actions .btn {
margin-left: 5px
}
::-webkit-input-placeholder {
color: #acb6be
}
::-moz-placeholder {
color: #acb6be
}
:-ms-input-placeholder {
color: #acb6be
}
:-moz-placeholder {
color: #acb6be
}
@media only screen and (min-width: 1921px) {
.responsive {
width:calc(70% - 64px);
max-width: 1815px;
margin: 0 auto;
position: relative
}
.page-iframe .responsive {
height: 100%;
width: 100%
}
.fixed-header .fresh-table {
margin: -10px 0 0
}
.fixed-header .list thead {
position: fixed;
height: 60px;
background: #ebeef0;
z-index: 3;
width: calc(70% - 64px);
max-width: 1815px
}
.fixed-header .list thead tr {
width: 100%;
display: flex
}
.page-content {
left: 0;
padding: 10px 0
}
}
@media only screen and (max-width: 1921px) {
.fixed-header .list thead {
position:fixed;
height: 60px;
background: #ebeef0;
padding: 10px 0;
z-index: 3;
left: 73px;
right: 10px
}
.fixed-header .fresh-table {
margin: -10px 0 0
}
.fixed-header .list thead tr {
width: 100%;
display: flex
}
.fixed-header .list tbody tr {
width: 100%;
display: table-row
}
.fixed-header tbody::before {
height: 64px;
display: block;
content: ''
}
}
@media only screen and (min-width: 1400px) {
.compose-email-form__form-for,.new-ticket-form__form-for,.responsive-form-container {
width:70%
}
.timeago-wrap[class*=hint--][aria-label]::after,.timeago-wrap[class*=hint--][aria-label]::before {
display: none
}
}
@media only screen and (max-width: 1400px) {
.timeago-units {
display:none
}
.content-widget-wrap .timeago-units {
display: inline-block
}
.content-widget-wrap .timeago-wrap[class*=hint--][aria-label]::after,.content-widget-wrap .timeago-wrap[class*=hint--][aria-label]::before,.content-widget-wrap.sidebar-present .timeago-units {
display: none
}
.content-widget-wrap.sidebar-present .timeago-wrap[class*=hint--][aria-label]::after,.content-widget-wrap.sidebar-present .timeago-wrap[class*=hint--][aria-label]::before {
display: inherit
}
}
@media only screen and (max-width: 1100px) {
.header-secondary .app-icon-btn--text {
padding:2px 8px 3px 6px
}
}
@media only screen and (max-width: 1025px) {
body {
min-width:1010px
}
.header-secondary .app-icon-btn--text {
padding: 2px 4px 3px
}
}
.ember-power-calendar-day,.ember-power-calendar-weekday {
border: none;
padding: 0;
-webkit-appearance: none;
background-color: initial
}
.ember-power-calendar-nav {
box-sizing: border-box;
display: flex;
justify-content: space-between
}
.ember-power-calendar-nav-title {
flex: 1;
text-align: center
}
.ember-power-calendar-row {
display: flex;
justify-content: space-between
}
.ember-power-calendar-weekday {
flex: 1 1 100%;
border: initial;
outline: 0;
outline: initial;
justify-content: center;
display: flex;
align-items: center
}
.ember-power-calendar-day {
border: initial;
outline: 0;
outline: initial;
flex: 1 1 100%;
font-size: inherit;
align-items: center;
justify-content: center
}
.ember-power-calendar {
position: relative;
font-size: 14px;
line-height: 1.42857
}
.ember-power-calendar-weekdays {
color: #333
}
.ember-power-calendar-day {
color: #bbb
}
.ember-power-calendar-nav {
line-height: 2
}
.ember-power-calendar-nav-control {
-webkit-appearance: none;
background-color: initial;
border: none;
border: initial;
outline: 0;
outline: initial;
line-height: 1;
font-size: 150%;
color: #0078c9
}
.ember-power-calendar-nav-control:focus {
transform: scale(1.2);
color: #0096fc
}
.ember-power-calendar-day--current-month {
color: #656D78;
background-color: #F5F7FA
}
.ember-power-calendar-day--today,.ember-power-calendar-day:not([disabled]):hover {
background-color: #eee
}
.ember-power-calendar-day--other-month:not([disabled]):hover {
color: #aaa
}
.ember-power-calendar-day--selected,.ember-power-calendar-day--selected:not([disabled]):hover {
font-weight: 700;
background-color: #c9e9ff;
color: #656D78
}
.ember-power-calendar-day--selected.ember-power-calendar-day--range-end,.ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover,.ember-power-calendar-day--selected.ember-power-calendar-day--range-start,.ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover {
background-color: #96d5ff
}
.ember-power-calendar-day--focused {
box-shadow: inset 0 -2px 0 0 #0078c9
}
.ember-power-calendar-day--interactive[disabled] {
opacity: .4
}
.dropdown-pointer-left {
top: 5px
}
.ticket-list-item-hover {
width: 500px;
background-color: #fff;
border-radius: 4px;
border: 1px solid #dadfe3;
box-shadow: 0 5px 18px 0 rgba(222,225,225,.4),0 6px 13px 0 rgba(0,0,0,.08);
margin-top: 5px
}
.ticket-list-item-hover.ember-basic-dropdown-content--below.dropdown-pointer-left::after,.ticket-list-item-hover.ember-basic-dropdown-content--below.dropdown-pointer-left::before {
left: 20px;
border-color: rgba(255,255,255,0);
border-bottom-color: #fff;
top: -12px
}
.ticket-list-item-hover.ember-basic-dropdown-content--below.dropdown-pointer-left::before {
left: 20px;
border-color: rgba(255,255,255,0);
border-bottom-color: #dadfe3;
top: -14px
}
.ticket-list-item-hover.ember-basic-dropdown-content--above.dropdown-pointer-left::after {
left: 20px;
border-color: rgba(255,255,255,0);
border-top-color: #f9f9f9;
bottom: -12px
}
.ticket-list-item-hover.ember-basic-dropdown-content--above.dropdown-pointer-left::before {
left: 20px;
border-color: rgba(255,255,255,0);
border-top-color: #dadfe3;
bottom: -14px
}
.ticket-list-item-hover .ticket-list-user-hover {
font-size: 13px;
line-height: 1.31;
padding: 10px 16px;
border-radius: 4px 4px 0 0;
border-bottom: 1px #ebeef0 solid
}
.ticket-list-item-hover .ticket-list-user-hover .ticket-overlay-details {
padding-left: 6px
}
.ticket-list-item-hover .ticket-list-user-hover .ticket-overlay-details .ticket_overlay_action {
display: block;
margin-bottom: 2px
}
.ticket-list-item-hover .ticket-list-user-hover .ticket-overlay-details .ticket-overlay-time {
display: block;
color: #9ea1a9;
font-size: 12px
}
.ticket-list-item-hover .ticket-list-user-hover .card__hoverinfo {
width: 600px
}
.ticket-list-item-hover .ticket-list-user-hover .card {
max-height: 100px
}
.ticket-list-item-hover .ticket-overlay-content-text {
padding: 16px
}
.ticket-list-item-hover .ticket-quick-actions-wrapper {
overflow: auto;
background-color: #f9f9f9;
padding: 7px 0 10px;
border-top: 1px #ebeef0 solid;
border-radius: 0 0 4px 4px
}
.ticket-list-item-hover .ticket-overlay-user-name {
position: relative;
top: 2px
}
.ticket-list-item-hover .ticket-list-quick-actions.reply-bar__item {
display: inline-block;
padding: 0 6px 0 4px
}
.ticket-list-item-hover .ticket-list-quick-actions.reply-bar__item:last-child {
padding: 0 16px 0 4px
}
.ticket-list-item-hover .ticket-list-quick-actions.reply-bar__item a:hover {
text-decoration: none
}
.ember-basic-dropdown-content--in-place {
border-top: 0
}
.app-popover.ember-basic-dropdown-content--below {
margin-top: 6px
}
.app-popover.ember-basic-dropdown-content--below.dropdown-pointer-left::after {
left: 20px;
border-color: rgba(255,255,255,0);
border-bottom-color: #fff;
top: -12px
}
.app-popover.ember-basic-dropdown-content--below.dropdown-pointer-left::before {
left: 20px;
border-color: rgba(255,255,255,0);
border-bottom-color: #dadfe3;
top: -14px
}
.app-popover.ember-basic-dropdown-content--above {
margin-top: -3px
}
.app-popover.ember-basic-dropdown-content--above.dropdown-pointer-left::after {
left: 20px;
border-color: rgba(255,255,255,0);
border-top-color: #f9f9f9;
bottom: -12px
}
.app-popover.ember-basic-dropdown-content--above.dropdown-pointer-left::before {
left: 20px;
border-color: rgba(255,255,255,0);
border-top-color: #dadfe3;
bottom: -14px
}
.app-popover.ember-basic-dropdown-content--right.dropdown-pointer-left::after {
left: auto;
border-color: rgba(255,255,255,0);
border-bottom-color: #fff;
top: -12px;
right: 10px
}
.app-popover.ember-basic-dropdown-content--right.dropdown-pointer-left::before {
left: auto;
border-color: rgba(255,255,255,0);
border-bottom-color: #dadfe3;
top: -14px;
right: 9px
}
.list-with-show-more {
padding: 10px 15px;
max-height: 200px;
max-width: 200px;
overflow: auto;
min-height: 50px;
min-width: 50px;
margin-top: 5px
}
.list-with-show-more .list-item {
padding: 2px 5px;
color: #6f7c87;
border: 1px solid #dadfe3;
background-color: #fff;
font-weight: 600;
font-size: 11px;
display: inline-block;
border-radius: 2px;
margin-bottom: 5px;
max-width: 170px;
word-break: break-all
}
.phone-toggle-btn .app-icon {
top: 5px
}
.phone-toggle-btn .gravity-loader {
left: 5px;
top: 4px
}
.phone-toggle-btn .agent-status-dot {
background: #dadfe3
}
.agent-status-icon.online+.agent-status-dot {
background: #02b875
}
.agent-status-icon.busy+.agent-status-dot {
background: #ff5959
}
.agent-status-icon.acw+.agent-status-dot {
background: #ffad1e
}
.agent-status-icon.offline+.agent-status-dot {
background: #dadfe3
}
.agent-status-container .agent-status .disabled,.agent-status-container .agent-status .disabled:hover {
cursor: not-allowed
}
.agent-status-container .ember-basic-dropdown-trigger {
height: 26px;
width: 26px
}
.agent-status-container ul.dropdown-menu {
margin-top: 6px;
right: 10px
}
.agent-status-container ul.dropdown-menu .tick-icon {
display: none
}
.agent-status-container ul.dropdown-menu li {
position: relative
}
.agent-status-container ul.dropdown-menu li .icon-list,.agent-status-container ul.dropdown-menu li .icon-tick {
position: absolute;
width: 16px;
top: 1px;
left: -2px;
margin: 0 4px;
fill: #c9d1d0
}
.agent-status-container ul.dropdown-menu li .icon-list {
fill: #6f7c87
}
.agent-status-container ul.dropdown-menu li.selected a {
color: #02b875
}
.agent-status-container ul.dropdown-menu li.selected a::before {
position: absolute;
right: 5px;
content: "\f10a";
top: 8px
}
.agent-status-container ul.dropdown-menu li.selected .tick-icon {
display: block
}
.agent-status-container ul.dropdown-menu li.selected.offline .icon-list {
fill: #c9d1d0
}
.agent-status-container ul.dropdown-menu li a {
cursor: pointer;
padding: 5px 20px 5px 25px
}
.agent-status-container ul.dropdown-menu::after {
border-bottom-color: #fff
}
.agent-status-container .bs-dropdown {
top: -5px;
right: -10px
}
.add-fc-mobile {
width: 235px;
font-size: 12px
}
.add-fc-mobile .add-mobile-prompt {
margin-bottom: 10px
}
.add-fc-mobile .btn {
text-transform: uppercase;
min-width: auto;
cursor: pointer;
color: #acb6be;
font-weight: 600
}
.add-fc-mobile .submit {
margin-left: 10px;
color: #02a468
}
.freshcaller-dialer .dialing-screen,.freshcaller-dialer>.ember-view {
height: 100%
}
.freshcaller-dialer .dialing-screen .info-screen {
display: flex;
flex-direction: column;
height: calc(100% - 40px);
align-items: center;
justify-content: center
}
.freshcaller-dialer .dialing-screen .info-screen>div {
text-align: center
}
.freshcaller-dialer .dialing-screen .dialing-screen-avatar {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px
}
.freshcaller-dialer .dialing-screen .dialing-screen-name {
font-size: 16px;
color: #183247
}
.freshcaller-dialer .dialing-screen .dialing-screen-number,.freshcaller-dialer .dialing-screen .dialing-screen-status {
font-size: 13px;
color: #989e9d;
padding: 5px
}
.freshcaller-dialer .dialing-screen .dialing-screen-loader {
margin: 20px auto
}
.freshcaller-dialer .dialing-screen .controls {
height: 40px;
box-shadow: 0 -1px 0 0 #eef3f2;
padding: 7px
}
.freshcaller-dialer .dialing-screen .controls .end-call,.freshcaller-dialer .dialing-screen .controls .go-back {
margin: 0 auto;
border-radius: 2px;
background-color: #e9161a;
width: 50px;
height: 26px;
display: block
}
.freshcaller-dialer .dialing-screen .controls .end-call-icon,.freshcaller-dialer .dialing-screen .controls .go-back-icon {
fill: #fff;
width: 10px
}
.freshcaller-dialer .dialing-screen .controls .end-call-icon {
width: 18px;
margin-top: 4px
}
.freshcaller-dialer .dialing-screen .controls .go-back {
background: #444343
}
.freshcaller-account-info,.freshcaller-dialer {
position: absolute;
left: 80px;
bottom: 0;
width: 310px;
height: 365px;
border-radius: 4px;
overflow: hidden;
background-color: #fff;
border: 1px solid #dadfe3;
box-shadow: 0 2px 6px 0 #dadfe3;
font-weight: 100
}
.freshcaller-dialer-header {
background-color: #f9f9f9
}
.freshcaller-dialer .dialer-icon {
fill: #183247;
width: 10px
}
.freshcaller-dialer .numbers-dropdown {
height: 40px;
width: 75%;
font-size: 13px;
color: #183247;
cursor: pointer;
display: flex;
align-items: center
}
.freshcaller-dialer .numbers-dropdown .from {
text-transform: uppercase;
padding: 0 10px
}
.freshcaller-dialer .numbers-dropdown .number {
width: 100%;
padding: 0 0 0 10px
}
.freshcaller-dialer .numbers-dropdown .number ul .from-wrapper {
margin: 5px 0
}
.freshcaller-dialer .numbers-dropdown .number ul .from-name {
font-size: 13px;
font-weight: 500;
display: block;
color: #000;
line-height: 12px
}
.freshcaller-dialer .numbers-dropdown .number ul .from-number {
font-size: 12px
}
.freshcaller-dialer .numbers-dropdown .ember-power-select-status-icon {
top: -3px;
left: 3px;
position: relative
}
.freshcaller-dialer .numbers-dropdown .number .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
transform: translateY(7px);
box-shadow: 0 2px 14px 0 #dee1e1;
overflow: visible
}
.freshcaller-dialer .numbers-dropdown .number .ember-power-select-dropdown.ember-basic-dropdown-content--in-place .ember-power-select-search {
padding: 0
}
.freshcaller-dialer .numbers-dropdown .number .ember-power-select-dropdown.ember-basic-dropdown-content--in-place .ember-power-select-search .ember-power-select-search-input {
padding: 5px 10px
}
.freshcaller-dialer .numbers-dropdown .number .ember-power-select-dropdown.ember-basic-dropdown-content--in-place ul.ember-power-select-options {
padding: 5px
}
.freshcaller-dialer .numbers-dropdown .ember-power-select-trigger {
border-bottom: none
}
.freshcaller-dialer .numbers-dropdown .ember-power-select-trigger>.ember-view {
display: inline-block
}
.freshcaller-dialer .input-outgoing {
height: 50px;
border: 1px solid #c9d1d0;
border-width: 1px 0
}
.freshcaller-dialer .input-outgoing .flag-container {
padding: 0;
border-right: 1px solid #c9d1d0
}
.freshcaller-dialer .input-outgoing .call-this-number .call {
display: block;
cursor: pointer;
background: #4aa8a4;
position: absolute;
height: 24px;
width: 24px;
border-radius: 50%;
transform: translateY(-50%);
text-align: center;
right: 20px;
top: 65px
}
.freshcaller-dialer .input-outgoing .call-this-number .call .call-on-hover {
fill: #fff;
width: 10px
}
.freshcaller-dialer .intl-tel-input {
width: 100%;
height: 100%;
display: flex;
position: relative
}
.freshcaller-dialer .intl-tel-input .selected-flag {
outline: 0
}
.freshcaller-dialer .intl-tel-input .iti-flag {
background-image: url(https://fassetsblue.freshdesk.com/production/a/assets/images/flags-9c7776519665bf2e6702a7eb7608d795.png)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.freshcaller-dialer .intl-tel-input .iti-flag {
background-image:url(https://fassetsblue.freshdesk.com/production/a/assets/images/flags@2x-24662259adbe3dfe87dac3b8b0d6b128.png)
}
}
.freshcaller-dialer .intl-tel-input .country-container {
left: -40px;
max-width: 248px
}
.freshcaller-dialer .intl-tel-input .country-container .search-bar {
z-index: 3;
position: absolute;
height: 49px;
min-width: 248px;
top: 48px;
padding-left: 10px;
outline: 0
}
.freshcaller-dialer .intl-tel-input .country-container .country-list {
position: absolute;
max-height: 170px;
max-width: 248px;
top: 96px;
box-shadow: 0 2px 14px 0 #dee1e1
}
.freshcaller-dialer .intl-tel-input .country-container .country-list .country.ember-power-select-option[aria-selected=true]::before,.freshcaller-dialer .intl-tel-input .country-container .country-list .country.icon-resolved::before {
color: #4aa8a4;
right: 0;
float: right
}
.freshcaller-dialer .intl-tel-input .searchTerm {
border: none;
padding-left: 10px;
width: 259px;
left: 48px;
height: 48px;
outline: 0
}
.freshcaller-dialer .recent-calls,.freshcaller-dialer .search-results {
height: 235px
}
.freshcaller-dialer .recent-calls .number-header,.freshcaller-dialer .search-results .number-header {
padding: 10px;
background-color: #fff;
margin: 0 0 10px 10px;
border-bottom: 1px solid #f2f2f2;
font-size: 14px;
cursor: pointer;
overflow: hidden;
position: relative;
display: flex
}
.freshcaller-dialer .recent-calls .number-header:hover,.freshcaller-dialer .search-results .number-header:hover {
background: #f2f2f2
}
.freshcaller-dialer .recent-calls .number-header .call,.freshcaller-dialer .search-results .number-header .call {
display: block;
right: 20px
}
.freshcaller-dialer .recent-calls .no-result,.freshcaller-dialer .search-results .no-result {
padding: 50px;
text-align: center
}
.freshcaller-dialer .recent-calls .list,.freshcaller-dialer .search-results .list {
border: none;
overflow: auto;
height: 100%
}
.freshcaller-dialer .recent-calls .list.no-calls,.freshcaller-dialer .search-results .list.no-calls {
display: flex;
align-items: center;
justify-content: center
}
.freshcaller-dialer .recent-calls .single,.freshcaller-dialer .search-results .single {
margin: 0 10px;
cursor: pointer;
padding: 6px;
position: relative;
height: 45px
}
.freshcaller-dialer .recent-calls .single .moment,.freshcaller-dialer .search-results .single .moment {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
font-size: 10px
}
.freshcaller-dialer .recent-calls .single.selectedContact,.freshcaller-dialer .recent-calls .single:hover,.freshcaller-dialer .search-results .single.selectedContact,.freshcaller-dialer .search-results .single:hover {
background: #eef3f2;
border-radius: 4px
}
.freshcaller-dialer .recent-calls .single.selectedContact .call,.freshcaller-dialer .recent-calls .single:hover .call,.freshcaller-dialer .search-results .single.selectedContact .call,.freshcaller-dialer .search-results .single:hover .call {
display: block
}
.freshcaller-dialer .recent-calls .single.selectedContact .moment,.freshcaller-dialer .recent-calls .single:hover .moment,.freshcaller-dialer .search-results .single.selectedContact .moment,.freshcaller-dialer .search-results .single:hover .moment {
display: none
}
.freshcaller-dialer .recent-calls .single:first-of-type,.freshcaller-dialer .search-results .single:first-of-type {
margin-top: 5px
}
.freshcaller-dialer .recent-calls .single:last-child,.freshcaller-dialer .search-results .single:last-child {
margin-bottom: 5px
}
.freshcaller-dialer .recent-calls .avatar,.freshcaller-dialer .recent-calls .call,.freshcaller-dialer .search-results .avatar,.freshcaller-dialer .search-results .call {
position: absolute;
height: 24px;
width: 24px;
border-radius: 50%;
text-align: center
}
.freshcaller-dialer .recent-calls .avatar,.freshcaller-dialer .search-results .avatar {
top: 10px
}
.freshcaller-dialer .recent-calls .call,.freshcaller-dialer .search-results .call {
right: 10px;
background: #fff;
border: 1px solid #c9d1d0;
display: none;
top: 50%;
transform: translateY(-50%)
}
.freshcaller-dialer .recent-calls .call .call-on-hover,.freshcaller-dialer .search-results .call .call-on-hover {
width: 9px;
fill: #183247
}
.freshcaller-dialer .recent-calls .contact,.freshcaller-dialer .search-results .contact {
height: 100%;
padding-left: 30px;
display: flex;
flex-direction: column;
justify-content: center
}
.freshcaller-dialer .recent-calls .contact .name,.freshcaller-dialer .search-results .contact .name {
font-size: 12px;
color: #183247;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.freshcaller-dialer .recent-calls .contact .ph-no,.freshcaller-dialer .search-results .contact .ph-no {
font-size: 12px;
color: #989e9d;
margin-top: -2px
}
.freshcaller-dialer .recent-calls.loading,.freshcaller-dialer .search-results.loading {
display: flex;
justify-content: center;
align-items: center
}
.freshcaller-dialer .contact-search-loader {
height: 232px;
display: flex;
justify-content: center;
align-items: center
}
.freshcaller-dialer .recent-calls-header {
display: flex;
background: #f9f9f9;
padding: 15px;
color: #4c494a
}
.freshcaller-dialer .recent-calls-header .recent-calls-cta {
margin-left: auto;
color: #448ee1;
cursor: pointer
}
.freshcaller-dialer .recent-calls-header .view-call-logs {
width: 13px;
height: 13px;
transform: rotateY(180deg) translateY(2px)
}
.keypad,.keypad-section {
width: 100%;
background-color: #fff;
position: absolute
}
.keypad-section {
height: 45px;
border-radius: 2px;
bottom: 0;
padding-top: 5px
}
.keypad-section .btn-keypad {
height: 100%;
box-shadow: 0 -1px 0 0 #eef3f2;
cursor: pointer;
text-align: center;
padding: 4px 0
}
.keypad {
bottom: 40px;
z-index: 999
}
.keypad.open {
display: block
}
.keypad .keypad-inline {
border: none;
display: flex;
flex-wrap: wrap;
box-shadow: 0 -1px 0 0 #eef3f2,0 -3px 6px 0 rgba(0,0,0,.1)
}
.keypad .keypad-key {
width: 33.333%;
height: 40px;
border: 0;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
margin: 0;
padding: 0;
background-color: #fff;
border-radius: 0;
text-align: center;
cursor: pointer;
font-size: 14px;
color: #4a4a4a;
font-weight: 300
}
.keypad .keypad-key:hover {
background: #f2f2f2
}
.keypad .keypad-key:active {
background: #4aa8a4;
color: #fff
}
.keypad .keypad-key.zero::after {
content: "+";
position: absolute;
margin-left: 10px;
color: #d777
}
.incoming-notification-wrapper {
position: fixed;
bottom: 10px;
right: 10px;
max-height: 100%;
display: flex;
align-self: flex-end;
flex-direction: column;
overflow: auto;
padding: 0 10px
}
.incoming-notification-wrapper .header-info {
height: 40px;
display: flex;
align-items: center;
font-size: 12px;
color: grey;
padding: 0 10px;
border-bottom: 1px solid #eef3f2
}
.incoming-notification-wrapper .header-info .phone-icon {
fill: grey
}
.incoming-notification-wrapper .header-info .call-ringing-on {
color: #555;
font-size: 11px;
display: flex;
align-items: center;
margin-left: auto;
padding-right: 10px
}
.incoming-notification-wrapper .header-info svg,.incoming-notification-wrapper .transfer-info svg {
width: 10px;
fill: #e88b38;
margin: 0 5px 0 14px
}
.incoming-notification-wrapper .transfer-info {
color: #e67e21;
font-size: 13px;
display: flex
}
.incoming-notification-wrapper .transfer-info .transferred-from {
font-weight: 500;
padding-top: 3px
}
.incoming-notification-wrapper .ignore-all-calls {
background: #fff;
padding: 10px;
color: #de0000;
font-weight: 500;
text-align: center;
cursor: pointer
}
.incoming-notification {
width: 340px;
border-radius: 4px;
margin: 10px 0;
background-color: #fff;
box-shadow: 1px 1px 5px 2px rgba(0,0,0,.18);
font-weight: 100
}
.incoming-notification .controls {
height: 40px;
box-shadow: 0 -1px 0 0 #eef3f2;
display: flex
}
.incoming-notification .controls .accept,.incoming-notification .controls .ignore {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
color: #409a94;
cursor: pointer;
transition: .3s linear
}
.incoming-notification .controls .accept:hover,.incoming-notification .controls .ignore:hover {
background: #eef3f2
}
.incoming-notification .controls .ignore {
border-right: 1px solid #eef3f2;
color: #de0000
}
.incoming-notification .controls .disableAccept {
cursor: not-allowed
}
.incoming-notification .controls .disableAccept>div {
pointer-events: none;
color: #333
}
.caller-details-wrapper .avatar,.caller-details-wrapper .caller-details {
display: flex;
align-items: center
}
.caller-details-wrapper .avatar {
margin-right: 18px
}
.caller-details-wrapper .caller-details {
padding: 15px
}
.caller-details-wrapper .caller-details .name {
font-size: 16px;
font-weight: 500;
margin-bottom: 5px
}
.caller-details-wrapper .caller-details .location,.caller-details-wrapper .caller-details .number {
color: #999;
display: flex;
align-items: center
}
.caller-details-wrapper .caller-details .location .incoming-icon,.caller-details-wrapper .caller-details .number .incoming-icon {
width: 12px;
height: auto;
fill: #d3dbda;
margin-right: 7px
}
.caller-details-wrapper .minimize {
position: absolute;
right: 10px;
top: 10px;
padding: 0 10px;
border-radius: 3px;
border: 1px solid #eef3f2;
cursor: pointer
}
.inconversation {
position: absolute;
left: 80px;
bottom: 14px;
width: 360px;
border-radius: 4px;
overflow: hidden;
background-color: #fff;
border: 1px solid #dadfe3;
box-shadow: 0 2px 6px 0 #dadfe3;
font-weight: 100
}
.inconversation>.ember-view {
height: 100%
}
.inconversation .caller-details-wrapper {
padding: 0;
height: 84px;
position: relative
}
.inconversation .caller-details-wrapper .icon-contact-edit {
position: absolute;
right: 20px;
top: 20px;
width: 20px;
height: auto;
fill: #bbb;
cursor: pointer
}
.inconversation .headline {
height: 40px;
background-color: #f7f9f9;
box-shadow: inset 0 1px 0 0 #e8ebea;
font-size: 13px;
color: #4c494a;
padding: 10px 16px
}
.inconversation .ticket-headline {
display: flex;
align-items: center
}
.inconversation .ticket-headline .icon-ticket {
width: 12px;
height: auto;
fill: #596f8b;
margin-right: 5px
}
.inconversation .ticket-headline .all-tickets {
text-transform: capitalize;
cursor: pointer;
color: #399fc0;
margin-left: auto
}
.inconversation .ticket-number {
line-height: 1.23;
color: grey;
font-size: 13px;
font-weight: 500;
display: inline-block;
padding-left: 5px;
cursor: pointer
}
.inconversation .ticket-details {
color: #399fc0;
padding: 0;
height: 180px;
overflow: auto;
border-bottom: 1px solid #e7eae9
}
.inconversation .ticket-details .ticket-info {
box-shadow: 0 1px 0 0 #eef3f2;
padding: 15px;
font-size: 13px;
font-weight: 500;
line-height: 1.23
}
.inconversation .ticket-details .ticket-info .ticket-number {
color: #989e9d;
font-weight: 100
}
.inconversation .ticket-actions {
height: 40px;
background-color: #f7f9f9;
box-shadow: 0 1px 0 0 rgba(177,187,184,.3),0 -1px 0 0 rgba(177,187,184,.3);
display: flex
}
.inconversation .ticket-actions .save-call-note {
flex-grow: 1
}
.inconversation .ticket-actions .save-action {
width: 50%;
padding: 10px;
text-align: center;
color: #4c494a;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
flex-grow: 1
}
.inconversation .ticket-actions .save-action:hover {
background: #ebefef
}
.inconversation .ticket-actions .save-action .save-ticket {
width: 10px;
fill: #4aa8a4;
margin-right: 5px
}
.inconversation .ticket-actions .save-action .ticket-number {
color: #318eb6;
font-size: 12px
}
.inconversation .ticket-actions .save-action:nth-child(2) {
border-left: 1px solid #e7eae9
}
.inconversation .ticket-actions .ticked-saved {
padding: 5px;
width: 100%;
display: flex;
align-items: center
}
.inconversation .ticket-actions .ticked-saved .save-ticket {
width: 15px;
fill: #4aa8a4;
margin-left: 17px
}
.inconversation .ticket-actions .ticked-saved .ticket-info {
fill: #4aa8a4;
color: #4aa8a4;
width: 304px;
padding: 0 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.inconversation .ticket-actions .ticked-saved .ticket-info .ticket-number {
color: #989e9d;
font-weight: 100
}
.inconversation .ticket-actions .ticked-saved .close-saved-ticket {
width: 12px;
margin-right: 10px
}
.inconversation .notes {
box-shadow: inset 0 1px 0 0 #e8ebea
}
.inconversation .notes .call-notes {
padding: 10px 15px;
border: 0;
height: 85px;
width: 100%;
max-width: 100%;
resize: none;
outline: 0
}
.inconversation .inconversation-action-wrapper {
height: 40px;
padding: 5px 10px;
overflow: hidden;
box-shadow: 0 -1px 0 0 #eef3f2;
display: flex
}
.inconversation .inconversation-action-wrapper .inconversation-action {
cursor: pointer;
border-right: 1px solid #fff;
width: 64px;
margin-right: 14px;
text-align: center;
border-radius: 4px
}
.inconversation .inconversation-action-wrapper .inconversation-action .action-icon {
fill: #999;
width: 10px;
pointer-events: none
}
.inconversation .inconversation-action-wrapper .inconversation-action .call-timer {
display: flex;
align-items: center
}
.inconversation .inconversation-action-wrapper .inconversation-action .freshfone-transfer,.inconversation .inconversation-action-wrapper .inconversation-action.hold-loader {
padding-top: 3px
}
.inconversation .inconversation-action-wrapper .inconversation-action:hover {
background: #f5f5f5
}
.inconversation .inconversation-action-wrapper .inconversation-action.active {
background: #02b875
}
.inconversation .inconversation-action-wrapper .inconversation-action.active svg {
fill: #fff
}
.inconversation .inconversation-action-wrapper .inconversation-action.hangup {
padding: 5px 10px;
width: 110px;
background: #e9161a;
color: #fff;
border-radius: 4px;
display: flex;
align-items: center;
cursor: pointer
}
.inconversation .inconversation-action-wrapper .inconversation-action.hangup.callEnded {
width: 85px;
justify-content: center;
background: #7f7f7f
}
.inconversation .inconversation-action-wrapper .inconversation-action.hangup .timer {
width: 60px
}
.inconversation .inconversation-action-wrapper .inconversation-action.hangup .freshfone-hangup {
fill: #fff;
transform: rotate(132deg);
margin-right: 10px;
position: relative
}
.inconversation .inconversation-action-wrapper .inconversation-action.transfer {
stroke: #999
}
.inconversation .inconversation-action-wrapper .timerValue {
justify-content: center;
align-items: center;
display: flex
}
.inconversation .inconversation-action-wrapper.transferring .inconversation-action:not(.transfer) {
opacity: .2;
pointer-events: none
}
.inconversation .call-transfer-status {
display: flex;
height: 40px;
align-items: center;
padding: 0 10px 0 16px;
border-bottom: 1px solid #eef3f2
}
.inconversation .call-transfer-status .agent-name {
font-weight: 500
}
.inconversation .call-transfer-status .transfer-status-msg {
color: #e67e21
}
.inconversation .call-transfer-status .transfer-status-msg.failed {
color: #e9161a
}
.inconversation .call-transfer-status .icon-close {
width: 12px;
height: auto;
fill: #ccc;
margin-left: auto;
cursor: pointer
}
.inconversation .call-transfer-status .resume-call {
background: #02b875;
height: 30px;
color: #fff;
padding: 5px 10px;
border-radius: 2px;
margin-left: auto;
cursor: pointer
}
.inconversation .ticket-subject {
font-size: 13px
}
.hold-loader .loader {
position: relative;
left: 5px
}
.inconversation-transfer {
height: 310px;
position: absolute;
bottom: 41px;
width: 100%;
background: #fff;
z-index: 100
}
.inconversation-transfer .agent-search {
height: 50px;
display: flex;
align-items: center;
border-bottom: 1px solid #e9edec
}
.inconversation-transfer .agent-search .icon-search {
width: 20px;
height: auto;
margin: 0 10px 0 18px;
fill: #a2ada9
}
.inconversation-transfer .agent-search input {
border: none;
width: 100%;
padding-right: 10px;
outline: 0
}
.inconversation-transfer .agent-search-results {
height: calc(100% - 90px);
overflow: auto;
padding: 8px 8px 0
}
.inconversation-transfer .agent-search-results .invalid-number,.inconversation-transfer .agent-search-results .no-agents {
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
.inconversation-transfer .agent-search-results .available-agent,.inconversation-transfer .agent-search-results .available-team,.inconversation-transfer .agent-search-results .external-number {
height: 40px;
display: flex;
align-items: center;
border-radius: 4px;
position: relative;
margin-bottom: 1px;
color: #183247;
padding: 0 10px
}
.inconversation-transfer .agent-search-results .available-agent .avatar,.inconversation-transfer .agent-search-results .available-team .avatar,.inconversation-transfer .agent-search-results .external-number .avatar {
height: 26px;
width: 26px;
border-radius: 50%;
background: #fe58ff;
color: #fff;
display: flex;
align-items: center;
justify-content: center
}
.inconversation-transfer .agent-search-results .available-agent .agent-name,.inconversation-transfer .agent-search-results .available-agent .team-name,.inconversation-transfer .agent-search-results .available-team .agent-name,.inconversation-transfer .agent-search-results .available-team .team-name,.inconversation-transfer .agent-search-results .external-number .agent-name,.inconversation-transfer .agent-search-results .external-number .team-name {
padding: 0 10px
}
.inconversation-transfer .agent-search-results .available-agent .hover-actions,.inconversation-transfer .agent-search-results .available-team .hover-actions,.inconversation-transfer .agent-search-results .external-number .hover-actions {
display: none;
position: absolute;
right: 10px
}
.inconversation-transfer .agent-search-results .available-agent .hover-actions>span,.inconversation-transfer .agent-search-results .available-team .hover-actions>span,.inconversation-transfer .agent-search-results .external-number .hover-actions>span {
height: 26px;
width: 26px;
background: #fff;
border-radius: 50%;
display: inline-block;
border: 1px solid #c9d1d0;
text-align: center;
padding-top: 3px;
cursor: pointer
}
.inconversation-transfer .agent-search-results .available-agent .hover-actions .icon-add,.inconversation-transfer .agent-search-results .available-agent .hover-actions .icon-blind-transfer,.inconversation-transfer .agent-search-results .available-agent .hover-actions .icon-fone-transfer,.inconversation-transfer .agent-search-results .available-agent .hover-actions .icon-warm-transfer,.inconversation-transfer .agent-search-results .available-team .hover-actions .icon-add,.inconversation-transfer .agent-search-results .available-team .hover-actions .icon-blind-transfer,.inconversation-transfer .agent-search-results .available-team .hover-actions .icon-fone-transfer,.inconversation-transfer .agent-search-results .available-team .hover-actions .icon-warm-transfer,.inconversation-transfer .agent-search-results .external-number .hover-actions .icon-add,.inconversation-transfer .agent-search-results .external-number .hover-actions .icon-blind-transfer,.inconversation-transfer .agent-search-results .external-number .hover-actions .icon-fone-transfer,.inconversation-transfer .agent-search-results .external-number .hover-actions .icon-warm-transfer {
width: 12px;
height: auto;
fill: #707070
}
.inconversation-transfer .agent-search-results .available-agent:hover,.inconversation-transfer .agent-search-results .available-team:hover,.inconversation-transfer .agent-search-results .external-number:hover {
background: #e9edec
}
.inconversation-transfer .agent-search-results .available-agent:hover .hover-actions,.inconversation-transfer .agent-search-results .available-team:hover .hover-actions,.inconversation-transfer .agent-search-results .external-number:hover .hover-actions {
display: block;
margin-right: 16px
}
.inconversation-transfer .agent-search-results .agents-loader,.inconversation-transfer .agent-search-results .external-transfer-initiated-loader,.inconversation-transfer .agent-search-results .transfer-initiated-loader {
height: 100%;
display: flex;
justify-content: center;
align-items: center
}
.inconversation-transfer.transfer-status {
height: 100px;
bottom: 0
}
.inconversation-transfer.transfer-status .action,.inconversation-transfer.transfer-status .transferring-info {
height: 40px;
display: flex;
justify-content: center;
align-items: center
}
.inconversation-transfer.transfer-status .transferring-info {
border-bottom: 1px solid #e6e6e6;
height: 60px;
position: relative
}
.inconversation-transfer.transfer-status .transferring-info .agent-name {
padding: 0 3px;
font-weight: 500
}
.inconversation-transfer.transfer-status .transferring-info::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 3px
}
.inconversation-transfer.transfer-status .action {
font-weight: 500;
cursor: pointer
}
.inconversation-transfer .transfer-initiated.transferring .transferring-info::before {
width: 0;
animation: transfer-transferring 5s infinite;
background: #4aa8a4;
box-shadow: 0 -2px 4px 0 rgba(0,0,0,.1)
}
.inconversation-transfer .transfer-initiated.transferring .action {
color: #ea171b
}
.inconversation-transfer .transfer-initiated.transferunavailable .transferring-info::before {
width: 100%;
background: #ea171b
}
.inconversation-transfer .transfer-initiated.transferunavailable .action {
color: #4aa8a4
}
.inconversation-transfer .transfer-initiated.completed .transferring-info::before {
width: 100%;
background: #4aa8a4
}
.inconversation-transfer .transfer-initiated.completed .action {
color: grey
}
.inconversation-transfer .agent-search-results .hover-actions span:hover {
border-color: #4aa8a4
}
.inconversation-transfer .agent-search-results .hover-actions span:hover .icon-add,.inconversation-transfer .agent-search-results .hover-actions span:hover .icon-blind-transfer,.inconversation-transfer .agent-search-results .hover-actions span:hover .icon-fone-transfer,.inconversation-transfer .agent-search-results .hover-actions span:hover .icon-warm-transfer {
fill: #4aa8a4
}
@keyframes transfer-transferring {
0% {
width: 0
}
100% {
width: 100%
}
}
.dialing-screen-loader span {
height: 5px;
width: 5px;
display: inline-block;
border-radius: 50%;
background: #183247;
margin: 2px;
animation-name: blink;
animation-duration: 1.4s;
animation-iteration-count: infinite;
animation-fill-mode: both
}
.dialing-screen-loader span:nth-child(2) {
animation-delay: .2s
}
.dialing-screen-loader span:nth-child(3) {
animation-delay: .4s
}
.dialing-screen-loader span:nth-child(4) {
animation-delay: .6s
}
@keyframes blink {
0%,100% {
opacity: .2
}
20% {
opacity: 1
}
}
.freshcaller-account-info {
font-size: 12px;
height: 214px;
padding: 30px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center
}
.freshcaller-account-info .freshcaller-account-info-text {
color: grey;
margin: 20px 0
}
.freshcaller-account-info .freshcaller-account-button {
border-radius: 2px;
background-color: #02b875;
box-shadow: 0 1px 0 0 #02935e;
border: 1px solid #03a86b;
color: #fff;
padding: 8px 20px;
cursor: pointer;
text-transform: uppercase
}
.freshcaller-trial-usage {
top: 8px;
left: 249px;
position: absolute;
width: 54px;
height: 26px;
border-radius: 20px;
z-index: 1;
background-color: #dfe6e5
}
.freshcaller-trial-usage .freshcaller-trial-text {
position: relative;
top: 6px;
left: 12px;
width: 30px;
height: 13px;
font-size: 11px;
font-weight: 600;
text-align: left;
text-transform: uppercase
}
.addon-area {
bottom: 20px;
left: 0;
position: fixed;
z-index: 20;
width: 64px
}
.addon-area .freshCaller-addOn-wrapper {
position: relative;
width: 64px;
min-height: 14px
}
.addon-area .freshChat-addOn-wrapper {
position: relative;
width: 34px;
min-height: 14px
}
.addon-area .freshCaller-addOn {
cursor: pointer
}
.addon-area .disabled,.addon-area .disabled:hover {
cursor: not-allowed
}
.addon-area .minimized {
background: 0 0
}
.addon-area .animate-phone-icon {
position: absolute;
background: #02b875;
height: 6px;
width: 6px;
border-radius: 3px;
top: 5px;
right: 5px
}
.addon-area .loader-center {
text-align: center
}
.custom-add-on {
bottom: 50px
}
.desktop-notification {
position: fixed;
width: 100%;
z-index: 99;
height: 40px;
background-color: #fffade;
text-align: center;
padding-top: 10px;
padding-bottom: 15px;
box-shadow: 0 1px 0 0 #ebeef0
}
.desktop-notification .freshcaller-never,.desktop-notification .freshcaller-not-now,.desktop-notification .freshcaller-yes-enable {
padding-left: 30px;
cursor: pointer
}
.desktop-notification .freshcaller-close {
padding-right: 30px;
right: 20px;
float: right
}
.desktop-notification .freshcaller-close:hover {
color: #183247
}
