/* LESS Document */
/* v2.1 - 03.03.2015:05.00*/
/*Reset*/
html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
em,
img,
strong,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
footer,
header,
hgroup,
nav,
section,
video,
input,
button,
textarea,
.button {
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  cursor: pointer;
}
html,
body {
  height: 100%;
  min-height: 100%;
}
/*Heading Styles*/
h1 {
  font-size: 36px;
  font-size: 3.6rem;
}
h2 {
  font-size: 30px;
  font-size: 3rem;
}
h3 {
  font-size: 24px;
  font-size: 2.4rem;
}
h4 {
  font-size: 18px;
  font-size: 1.8rem;
}
h5 {
  font-size: 14px;
  font-size: 1.4rem;
}
h6 {
  font-size: 12px;
  font-size: 1.2rem;
}
/*Heading Styles End*/
/*Reset End*/
/*Common styles*/
/*Clear fix*/
.tab-nav:after,
.col-wrap:after,
.popup-footer:after,
.popup-header:after,
.clearfix:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.clearfix {
  display: block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
/*Clear fix*/
.fixed {
  position: fixed;
}
.shift-left {
  float: left;
}
.shift-right {
  float: right;
  right: 0;
}
.clear-both {
  clear: both;
}
.underline {
  text-decoration: underline;
}
a.underline:hover {
  text-decoration: none;
}
.width-100 {
  width: 100%;
}
/*.strike-out{
	text-decoration:line-through;	
}*/
.strike-out {
  position: relative;
}
.strike-out:after {
  position: absolute;
  top: 50%;
  content: "";
  left: 0;
  border-width: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: currentColor;
  display: inline;
  min-height: 2px;
  right: 0;
}
.android.Chrome .strike-out:after {
  /*added this style for avoiding alignment issue of strike-out on chrome device - 75349*/
  margin-top: -1px;
}
.relative {
  position: relative;
}
.nowrap {
  white-space: nowrap;
}
.unselectable {
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.text-selectable {
  -webkit-touch-callout: default;
  -moz-touch-callout: default;
  -ms-touch-callout: default;
  -o-touch-callout: default;
  touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}
.hand {
  cursor: pointer;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-middle {
  vertical-align: middle;
}
.hide {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.table,
.marksheets .marksheets-inner .info-holder .info-data-wrapper {
  display: table;
}
.table-row,
.marksheets .marksheets-inner .info-holder .info-data {
  display: table-row;
}
.table-cell,
.marksheets .marksheets-inner .info-holder .info-data .info-label,
.marksheets .marksheets-inner .info-holder .info-data .info-value {
  display: table-cell;
}
.vertical-middle {
  white-space: nowrap;
}
.vertical-middle:before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -3px;
  vertical-align: middle;
}
.vertical-middle .middle-content {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.no-border {
  border: 0 none;
  border-width: 0;
}
.padding-all-0 {
  padding: 0px;
}
.padding-top-0 {
  padding-top: 0px;
}
.padding-right-0 {
  padding-right: 0px;
}
.padding-bottom-0 {
  padding-bottom: 0px;
}
.padding-left-0 {
  padding-left: 0px;
}
.padding-all-5 {
  padding: 5px;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-right-5 {
  padding-right: 5px;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.padding-left-5 {
  padding-left: 5px;
}
.padding-all-10 {
  padding: 10px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-right-10 {
  padding-right: 10px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-all-15 {
  padding: 15px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-right-15 {
  padding-right: 15px;
}
.padding-bottom-15 {
  padding-bottom: 15px;
}
.padding-left-15 {
  padding-left: 15px;
}
.padding-all-20 {
  padding: 20px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-right-20 {
  padding-right: 20px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-left-20 {
  padding-left: 20px;
}
.padding-all-25 {
  padding: 25px;
}
.padding-top-25 {
  padding-top: 25px;
}
.padding-right-25 {
  padding-right: 25px;
}
.padding-bottom-25 {
  padding-bottom: 25px;
}
.padding-left-25 {
  padding-left: 25px;
}
.padding-all-30 {
  padding: 30px;
}
.padding-top-30 {
  padding-top: 30px;
}
.padding-right-30 {
  padding-right: 30px;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
.padding-left-30 {
  padding-left: 30px;
}
.padding-all-35 {
  padding: 35px;
}
.padding-top-35 {
  padding-top: 35px;
}
.padding-right-35 {
  padding-right: 35px;
}
.padding-bottom-35 {
  padding-bottom: 35px;
}
.padding-left-35 {
  padding-left: 35px;
}
.padding-all-40 {
  padding: 40px;
}
.padding-top-40 {
  padding-top: 40px;
}
.padding-right-40 {
  padding-right: 40px;
}
.padding-bottom-40 {
  padding-bottom: 40px;
}
.padding-left-40 {
  padding-left: 40px;
}
@media (max-width: 1023px) {
  .col-wrap [class*='col-']:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
  }
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.hide-scroll {
  overflow: hidden;
  overflow-y: hidden!important;
}
.show-scroll {
  overflow: scroll !important;
}
/*Common styles end*/
/*enable events classes*/
[class*="no-events"] {
  pointer-events: none;
}
[class*="no-events"] .enable-events {
  pointer-events: auto;
}
/*enable events classes*/
/*Layout styles*/
.col-1-of-1 {
  width: 100%;
}
.col-1-of-2 {
  width: 50%;
}
.col-2-of-2 {
  width: 100%;
}
.col-1-of-3 {
  width: 33.33333333%;
}
.col-2-of-3 {
  width: 66.66666667%;
}
.col-3-of-3 {
  width: 100%;
}
.col-1-of-4 {
  width: 25%;
}
.col-2-of-4 {
  width: 50%;
}
.col-3-of-4 {
  width: 75%;
}
.col-4-of-4 {
  width: 100%;
}
.col-1-of-5 {
  width: 20%;
}
.col-2-of-5 {
  width: 40%;
}
.col-3-of-5 {
  width: 60%;
}
.col-4-of-5 {
  width: 80%;
}
.col-5-of-5 {
  width: 100%;
}
.col-1-of-6 {
  width: 16.66666667%;
}
.col-2-of-6 {
  width: 33.33333333%;
}
.col-3-of-6 {
  width: 50%;
}
.col-4-of-6 {
  width: 66.66666667%;
}
.col-5-of-6 {
  width: 83.33333333%;
}
.col-6-of-6 {
  width: 100%;
}
.col-1-of-7 {
  width: 14.28571429%;
}
.col-2-of-7 {
  width: 28.57142857%;
}
.col-3-of-7 {
  width: 42.85714286%;
}
.col-4-of-7 {
  width: 57.14285714%;
}
.col-5-of-7 {
  width: 71.42857143%;
}
.col-6-of-7 {
  width: 85.71428571%;
}
.col-7-of-7 {
  width: 100%;
}
.col-1-of-8 {
  width: 12.5%;
}
.col-2-of-8 {
  width: 25%;
}
.col-3-of-8 {
  width: 37.5%;
}
.col-4-of-8 {
  width: 50%;
}
.col-5-of-8 {
  width: 62.5%;
}
.col-6-of-8 {
  width: 75%;
}
.col-7-of-8 {
  width: 87.5%;
}
.col-8-of-8 {
  width: 100%;
}
.col-1-of-9 {
  width: 11.11111111%;
}
.col-2-of-9 {
  width: 22.22222222%;
}
.col-3-of-9 {
  width: 33.33333333%;
}
.col-4-of-9 {
  width: 44.44444444%;
}
.col-5-of-9 {
  width: 55.55555556%;
}
.col-6-of-9 {
  width: 66.66666667%;
}
.col-7-of-9 {
  width: 77.77777778%;
}
.col-8-of-9 {
  width: 88.88888889%;
}
.col-9-of-9 {
  width: 100%;
}
.col-1-of-10 {
  width: 10%;
}
.col-2-of-10 {
  width: 20%;
}
.col-3-of-10 {
  width: 30%;
}
.col-4-of-10 {
  width: 40%;
}
.col-5-of-10 {
  width: 50%;
}
.col-6-of-10 {
  width: 60%;
}
.col-7-of-10 {
  width: 70%;
}
.col-8-of-10 {
  width: 80%;
}
.col-9-of-10 {
  width: 90%;
}
.col-10-of-10 {
  width: 100%;
}
.col-1-of-11 {
  width: 9.09090909%;
}
.col-2-of-11 {
  width: 18.18181818%;
}
.col-3-of-11 {
  width: 27.27272727%;
}
.col-4-of-11 {
  width: 36.36363636%;
}
.col-5-of-11 {
  width: 45.45454545%;
}
.col-6-of-11 {
  width: 54.54545455%;
}
.col-7-of-11 {
  width: 63.63636364%;
}
.col-8-of-11 {
  width: 72.72727273%;
}
.col-9-of-11 {
  width: 81.81818182%;
}
.col-10-of-11 {
  width: 90.90909091%;
}
.col-11-of-11 {
  width: 100%;
}
.col-1-of-12 {
  width: 8.33333333%;
}
.col-2-of-12 {
  width: 16.66666667%;
}
.col-3-of-12 {
  width: 25%;
}
.col-4-of-12 {
  width: 33.33333333%;
}
.col-5-of-12 {
  width: 41.66666667%;
}
.col-6-of-12 {
  width: 50%;
}
.col-7-of-12 {
  width: 58.33333333%;
}
.col-8-of-12 {
  width: 66.66666667%;
}
.col-9-of-12 {
  width: 75%;
}
.col-10-of-12 {
  width: 83.33333333%;
}
.col-11-of-12 {
  width: 91.66666667%;
}
.col-12-of-12 {
  width: 100%;
}
@media (max-width: 1023px) {
  .col-wrap.responsive-medium [class*='col-'] {
    display: block;
    float: none;
    width: auto;
  }
}
.col-wrap [class*='col-'] {
  float: left;
}
/*Layout styles end*/
/*dropdown start*/
.dropdown-open {
  max-height: 100vh;
  overflow: hidden;
}
.dropdown-wrap {
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  /*.IE &.close, .iPad &.close{
		overflow: hidden;
	}*/
}
.dropdown-wrap > .menu-button {
  display: block;
  position: relative;
}
.dropdown-wrap .overlay {
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
}
.open.dropdown-wrap .overlay {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 1s;
  -moz-animation: fade-in 1s;
  -ms-animation: fade-in 1s;
  -o-animation: fade-in 1s;
  animation: fade-in 1s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.close.dropdown-wrap .overlay {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-out 0.3s;
  -moz-animation: fade-out 0.3s;
  -ms-animation: fade-out 0.3s;
  -o-animation: fade-out 0.3s;
  animation: fade-out 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
.dropdown-wrap > .menu {
  display: none;
  line-height: normal;
  max-height: 100vh;
  min-width: 100%;
  overflow: auto;
  padding: 0;
  position: absolute;
  top: 100%;
  white-space: normal;
  z-index: 99;
  -webkit-transform: translateZ(0);
  /*to fix re draw issue in safari*/
}
.up.dropdown-wrap > .menu {
  top: auto;
  bottom: 100%;
}
.no-close.dropdown-wrap > .menu {
  display: block;
}
.align-right.dropdown-wrap > .menu {
  right: 0;
}
.align-center.dropdown-wrap > .menu {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.dropdown-wrap > .menu > li {
  border-style: solid;
  border-top-width: 1px;
}
.dropdown-wrap > .menu > li > a {
  display: block;
}
.open.dropdown-wrap > .menu,
.left-column-menu.open {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: dropdownDown 0.3s;
  -moz-animation: dropdownDown 0.3s;
  -ms-animation: dropdownDown 0.3s;
  -o-animation: dropdownDown 0.3s;
  animation: dropdownDown 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes dropdownDown {
  0% {
    max-height: 0;
    opacity: 0;
    /*overflow:auto;*/
  }
  99% {
    /*overflow:auto;*/
  }
  100% {
    opacity: 1;
    /*overflow:auto;*/
  }
}
@-webkit-keyframes dropdownDown {
  0% {
    max-height: 0;
    opacity: 0;
    /*overflow:auto;*/
  }
  99% {
    /*overflow:auto;*/
  }
  100% {
    opacity: 1;
    /*overflow:auto;*/
  }
}
@keyframes dropdownDown {
  0% {
    max-height: 0;
    opacity: 0;
    /*overflow:auto;*/
  }
  99% {
    /*overflow:auto;*/
  }
  100% {
    opacity: 1;
    /*overflow:auto;*/
  }
}
.close.dropdown-wrap > .menu {
  display: block;
  /*padding: 0;*/
  margin: 0;
  /*max-height: 0;
			*/
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: dropdownUp 0.3s;
  -moz-animation: dropdownUp 0.3s;
  -ms-animation: dropdownUp 0.3s;
  -o-animation: dropdownUp 0.3s;
  animation: dropdownUp 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  /*.IE &, .iPad &{
				height: 0;
				width: 0;
			}*/
}
@-moz-keyframes dropdownUp {
  0% {
    opacity: 1;
    overflow: hidden;
  }
  99% {
    max-height: 0;
  }
  100% {
    opacity: 0;
    display: none;
    border: 0 none;
    z-index: -1;
    max-height: 0;
  }
}
@-webkit-keyframes dropdownUp {
  0% {
    opacity: 1;
    overflow: hidden;
  }
  99% {
    max-height: 0;
  }
  100% {
    opacity: 0;
    display: none;
    border: 0 none;
    z-index: -1;
    max-height: 0;
  }
}
@keyframes dropdownUp {
  0% {
    opacity: 1;
    overflow: hidden;
  }
  99% {
    max-height: 0;
  }
  100% {
    opacity: 0;
    display: none;
    border: 0 none;
    z-index: -1;
    max-height: 0;
  }
}
.no-close.close.dropdown-wrap > .menu {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
/* LESS Document */
/*TextBox Styles*/
textarea.text-underline + label,
input.text-underline + label {
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
input.text-underline {
  border-radius: 0;
  -webkit-transition: border-bottom padding-left 0.3s;
  -moz-transition: border-bottom padding-left 0.3s;
  -ms-transition: border-bottom padding-left 0.3s;
  -o-transition: border-bottom padding-left 0.3s;
  transition: border-bottom padding-left 0.3s;
}
input.text-underline ~ .bar,
textarea.text-underline ~ .bar {
  width: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
input.text-underline:focus ~ .bar,
textarea.text-underline:focus ~ .bar {
  left: 0;
  width: 100%;
}
input.text-underline.error:focus ~ .bar,
textarea.text-underline.error:focus ~ .bar {
  left: 0;
  width: 100%;
}
/*TextBox styles end*/
/* LESS Document */
/*Button styles*/
button,
.button {
  cursor: pointer;
  overflow: visible;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  -ms-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
button[disabled],
button.disabled {
  cursor: default;
}
button.truncate-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
/*Button styles end*/
/* LESS Document */
/*Bubble*/
.bubble {
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.callout.bubble:before,
.callout.bubble:after {
  content: "";
  display: inline-block;
  position: absolute;
}
.bubble-on ~ .bubble,
.show.bubble {
  display: block;
  height: auto;
  overflow: visible;
  opacity: 1;
  width: auto;
}
/*Bubble*/
/* LESS Document */
.popup.priority1 {
  z-index: 1003;
}
.popup.priority2 {
  z-index: 1002;
}
.popup.priority3 {
  z-index: 1001;
}
.popup-open {
  overflow-y: hidden;
  position: fixed;
  width: 100%;
}
.popup {
  display: none;
  height: 100%;
  left: 0;
  padding: 50px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.popup.full-width {
  padding: 0;
  top: 50px;
  height: -moz-calc(100% - 50px);
  height: -webkit-calc(100% - 50px);
  height: calc(100% - 50px);
}
.popup.full-width:before {
  display: none;
}
.popup.full-width .popup-wrap {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.popup-open .popup {
  overflow-y: auto;
}
.popup:before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -5px;
  vertical-align: middle;
}
.fixed-hf.popup:before {
  height: auto;
}
.popup.open {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.4s;
  -moz-animation: fade-in 0.4s;
  -ms-animation: fade-in 0.4s;
  -o-animation: fade-in 0.4s;
  animation: fade-in 0.4s;
}
.fixed-hf.popup.open {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  -o-align-content: stretch;
  align-content: stretch;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.popup.close {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-out 0.4s;
  -moz-animation: fade-out 0.4s;
  -ms-animation: fade-out 0.4s;
  -o-animation: fade-out 0.4s;
  animation: fade-out 0.4s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fixed-hf.popup.close {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-item: stretch;
  -moz-align-item: stretch;
  -ms-align-item: stretch;
  -o-align-item: stretch;
  align-item: stretch;
}
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
.popup .popup-wrap {
  border-radius: 2px;
  display: inline-block;
  margin: auto;
  padding: 19px 20px;
  position: relative;
  text-align: left;
  top: 0;
  vertical-align: middle;
  white-space: normal;
  z-index: 999;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: move-up 0.4s;
  -moz-animation: move-up 0.4s;
  -ms-animation: move-up 0.4s;
  -o-animation: move-up 0.4s;
  animation: move-up 0.4s;
}
@-moz-keyframes move-up {
  0% {
    bottom: 0;
  }
  99% {
    bottom: -300px;
  }
  100% {
    bottom: -300px;
  }
}
@-webkit-keyframes move-up {
  0% {
    bottom: 0;
  }
  99% {
    bottom: -300px;
  }
  100% {
    bottom: -300px;
  }
}
@keyframes move-up {
  0% {
    bottom: 0;
  }
  99% {
    bottom: -300px;
  }
  100% {
    bottom: -300px;
  }
}
.fixed-hf.popup .popup-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flext-start;
  -moz-justify-content: flext-start;
  -ms-justify-content: flext-start;
  -o-justify-content: flext-start;
  justify-content: flext-start;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  -o-align-content: stretch;
  align-content: stretch;
}
.popup .popup-wrap .popup-header {
  margin-bottom: 11px;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  flex: 0 0 auto;
}
.popup .popup-wrap .popup-header.iconic-header {
  margin-bottom: 10px;
}
.popup .popup-wrap .popup-content {
  overflow: auto;
}
.fixed-hf.popup .popup-wrap .popup-content {
  max-height: 60vh;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -o-flex: 0 1 auto;
  flex: 0 1 auto;
}
.fixed-hf.popup .popup-wrap .popup-content > p:last-child {
  flex: none;
}
.popup .popup-wrap .popup-footer {
  margin-top: 20px;
}
.fixed-hf.popup .popup-wrap .popup-footer {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  flex: 0 0 auto;
}
.small.popup .popup-wrap {
  width: 380px;
}
.medium.popup .popup-wrap {
  width: 560px;
}
.large.popup .popup-wrap {
  width: 700px;
}
.open.popup .popup-wrap {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: move-down 0.4s;
  -moz-animation: move-down 0.4s;
  -ms-animation: move-down 0.4s;
  -o-animation: move-down 0.4s;
  animation: move-down 0.4s;
}
@-moz-keyframes move-down {
  0% {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
  }
  99% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes move-down {
  0% {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
  }
  99% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes move-down {
  0% {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
  }
  99% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.close.popup .popup-wrap {
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.popup.popup-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.popup .popup-close {
  cursor: pointer;
  opacity: 0.7;
  position: absolute;
  right: 10px;
  top: 10px;
}
.popup .popup-close:hover {
  opacity: 1;
}
@media (max-height: 900px) {
  .popup {
    padding: 45px;
  }
  .fixed-hf.popup .popup-wrap .popup-content {
    max-height: 69.23076923vh;
  }
}
@media (max-height: 800px) {
  .popup {
    padding: 40px;
  }
  .fixed-hf.popup .popup-wrap .popup-content {
    max-height: 61.53846154vh;
  }
}
@media (max-height: 700px) {
  .popup {
    padding: 35px;
  }
  .fixed-hf.popup .popup-wrap .popup-content {
    max-height: 53.84615385vh;
  }
}
@media (max-height: 600px) {
  .popup {
    padding: 30px;
  }
  .fixed-hf.popup .popup-wrap .popup-content {
    max-height: 46.15384615vh;
  }
}
@media (max-height: 500px) {
  .popup {
    padding: 25px;
  }
  .fixed-hf.popup .popup-wrap .popup-content {
    max-height: 38.46153846vh;
  }
}
@media (max-height: 400px) {
  .popup {
    padding: 20px;
  }
  .fixed-hf.popup .popup-wrap .popup-content {
    max-height: 30.76923077vh;
  }
}
@media (max-height: 300px) {
  .popup {
    padding: 15px;
  }
  .fixed-hf.popup .popup-wrap .popup-content {
    max-height: 23.07692308vh;
  }
}
@media (max-height: 200px) {
  .popup {
    padding: 10px;
  }
  .fixed-hf.popup .popup-wrap .popup-content {
    max-height: 15.38461538vh;
  }
}
@media (max-height: 100px) {
  .popup {
    padding: 5px;
  }
  .fixed-hf.popup .popup-wrap .popup-content {
    max-height: 7.69230769vh;
  }
}
/* LESS Document */
.horizontal.tab-holder .tab-nav li {
  float: left;
  position: relative;
  z-index: 1;
}
.horizontal.tab-holder .tab-nav li a {
  display: block;
}
.horizontal.tab-holder .tab-nav li.active {
  z-index: 3;
}
.horizontal.tab-holder .tab-content-holder {
  margin-top: -1px;
  position: relative;
  /*z-index:2;*/
}
.horizontal.tab-holder .tab-content-holder .tab-content {
  display: none;
}
.horizontal.tab-holder .tab-content-holder .tab-content.active {
  display: block;
}
/* LESS Document */
.inline.form-field {
  display: block;
}
.inline.form-field .label,
.inline.form-field label,
.inline.form-field .form-component {
  display: inline-block;
}
/* LESS Document */
.toggle-button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.toggle-button input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  height: 0;
  left: 0;
  width: 0;
  z-index: -1;
}
.toggle-button .toggle-label {
  cursor: pointer;
  display: block;
  position: relative;
  vertical-align: middle;
}
.toggle-button .toggle-label .toggle-content {
  display: block;
  margin-left: 3px;
  overflow: hidden;
  position: relative;
  width: -moz-calc(100% -  7px);
  width: -webkit-calc(100% -  7px);
  width: calc(100% -  7px);
}
.toggle-button .toggle-label .toggle-content:before,
.toggle-button .toggle-label .toggle-content:after {
  display: block;
  float: left;
}
.toggle-button .toggle-label .toggle-content .on-text,
.toggle-button .toggle-label .toggle-content .off-text {
  display: block;
  text-align: center;
  position: relative;
  white-space: nowrap;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -ms-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
}
.toggle-button .toggle-label .toggle-content .on-text:empty,
.toggle-button .toggle-label .toggle-content .off-text:empty {
  min-height: 12px;
}
.toggle-button .toggle-label .toggle-content .on-text {
  left: -103%;
  padding-right: 24px;
  padding-left: 5px;
}
.toggle-button .toggle-label .toggle-content .off-text {
  left: 0px;
  margin-top: -12px;
  padding-left: 20px;
  padding-right: 10px;
}
.toggle-button .toggle-label .toggle-switch {
  display: block;
  left: 0;
  position: absolute;
  z-index: 2;
  -webkit-transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s, background-color 0.3s;
  -moz-transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s, background-color 0.3s;
  -ms-transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s, background-color 0.3s;
  -o-transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s, background-color 0.3s;
  transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s, background-color 0.3s;
}
.toggle-button input[type="checkbox"]:checked + .toggle-label .toggle-content .on-text {
  left: 0;
}
.toggle-button input[type="checkbox"]:checked + .toggle-label .toggle-content .off-text {
  left: 100%;
}
.toggle-button input[type="checkbox"]:checked + .toggle-label .toggle-switch {
  left: 100%;
}
/* LESS Document */
.panel > .panel-content {
  display: none;
  height: 0;
  max-height: 0;
  overflow: hidden;
}
.open.panel > .panel-content {
  display: block;
  height: auto;
  max-height: 100%;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: expand-vertical-150px 0.3s;
  -moz-animation: expand-vertical-150px 0.3s;
  -ms-animation: expand-vertical-150px 0.3s;
  -o-animation: expand-vertical-150px 0.3s;
  animation: expand-vertical-150px 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes expand-vertical-150px {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
  100% {
    max-height: 150px;
    display: block;
  }
}
@-webkit-keyframes expand-vertical-150px {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
  100% {
    max-height: 150px;
    display: block;
  }
}
@keyframes expand-vertical-150px {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
  100% {
    max-height: 150px;
    display: block;
  }
}
.close.panel > .panel-content {
  display: block;
  height: auto;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: collapseVertical 0.3s;
  -moz-animation: collapseVertical 0.3s;
  -ms-animation: collapseVertical 0.3s;
  -o-animation: collapseVertical 0.3s;
  animation: collapseVertical 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes collapseVertical {
  0% {
    display: block;
  }
  99% {
    max-height: 0;
    padding: 0;
    display: block;
  }
  100% {
    max-height: 0;
    padding: 0;
    display: none;
    margin: 0;
    border: 0 none;
    z-index: -1;
    visibility: hidden;
  }
}
@-webkit-keyframes collapseVertical {
  0% {
    display: block;
  }
  99% {
    max-height: 0;
    padding: 0;
    display: block;
  }
  100% {
    max-height: 0;
    padding: 0;
    display: none;
    margin: 0;
    border: 0 none;
    z-index: -1;
    visibility: hidden;
  }
}
@keyframes collapseVertical {
  0% {
    display: block;
  }
  99% {
    max-height: 0;
    padding: 0;
    display: block;
  }
  100% {
    max-height: 0;
    padding: 0;
    display: none;
    margin: 0;
    border: 0 none;
    z-index: -1;
    visibility: hidden;
  }
}
/* LESS Document */
input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
input[type="radio"][disabled] + label .radio-ui,
input[type="radio"][disabled] + label .label-text {
  cursor: default;
  opacity: 0.4;
}
.radio-ui {
  display: inline-block;
  height: 14px;
  margin: -1px 8px 0 1px;
  /*margin-left changed to avoid clipping of radio button*/
  width: 14px;
}
input[type="radio"] + label .radio-ui {
  background-color: #fff;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 0 1px #b2b2b2;
  -moz-box-shadow: 0 0 0 1px #b2b2b2;
  -ms-box-shadow: 0 0 0 1px #b2b2b2;
  -o-box-shadow: 0 0 0 1px #b2b2b2;
  box-shadow: 0 0 0 1px #b2b2b2;
  /*.not-visible & {
		visibility: hidden;

	}*/
}
/*.not-visible label {
	cursor: default;
}*/
input[type="radio"] + label .label-text {
  display: inline-block;
  vertical-align: top;
  max-width: -moz-calc(100% - 23px);
  max-width: -webkit-calc(100% - 23px);
  max-width: calc(100% - 23px);
}
input[type="radio"]:checked + label .radio-ui {
  background-color: #0075cd;
  -webkit-box-shadow: 0 0 0 1px #0075cd;
  -moz-box-shadow: 0 0 0 1px #0075cd;
  -ms-box-shadow: 0 0 0 1px #0075cd;
  -o-box-shadow: 0 0 0 1px #0075cd;
  box-shadow: 0 0 0 1px #0075cd;
}
input[type="radio"] + label .radio-ui,
input[type="radio"]:checked + label .radio-ui {
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
/* LESS Document */
.tree-view .node {
  padding: 10px 0 10px 25px;
}
.tree-view .node.root:only-child {
  padding: 10px 0 10px 25px;
}
.tree-view .node.root {
  padding-top: 7px;
  padding-bottom: 7px;
}
.tree-view .node label {
  color: #071a2b;
  display: inline-block;
  vertical-align: middle;
}
.tree-view .highlighted {
  background-color: #f3f3f3;
}
.tree-view .sub-items .node {
  padding-top: 7px;
  padding-bottom: 7px;
}
.tree-view .sub-items .node:last-child {
  padding-bottom: 2px;
}
.tree-view .sub-items > .node {
  /*padding-left:37px;*/
}
.tree-view .has-sub {
  padding-bottom: 0;
  position: relative;
}
.tree-view .has-sub .sub-items {
  /*display:none;*/
  height: 0;
  overflow: hidden;
}
.tree-view .has-sub.expanded > .sub-items {
  /*display:block;
			max-height:1000px;*/
  height: auto;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: expand-vertical-inline 0.3s;
  -moz-animation: expand-vertical-inline 0.3s;
  -ms-animation: expand-vertical-inline 0.3s;
  -o-animation: expand-vertical-inline 0.3s;
  animation: expand-vertical-inline 0.3s;
}
@-moz-keyframes expand-vertical-inline {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
}
@-webkit-keyframes expand-vertical-inline {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
}
@keyframes expand-vertical-inline {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
}
.tree-view .has-sub.collapsed > .sub-items {
  height: auto;
  max-height: 0;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: collapseVertical 0.3s;
  -moz-animation: collapseVertical 0.3s;
  -ms-animation: collapseVertical 0.3s;
  -o-animation: collapseVertical 0.3s;
  animation: collapseVertical 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes collapseVertical {
  0% {
    display: block;
  }
  99% {
    max-height: 0;
    padding: 0;
    display: block;
  }
  100% {
    max-height: 0;
    padding: 0;
    display: none;
    margin: 0;
    border: 0 none;
    z-index: -1;
    visibility: hidden;
  }
}
@-webkit-keyframes collapseVertical {
  0% {
    display: block;
  }
  99% {
    max-height: 0;
    padding: 0;
    display: block;
  }
  100% {
    max-height: 0;
    padding: 0;
    display: none;
    margin: 0;
    border: 0 none;
    z-index: -1;
    visibility: hidden;
  }
}
@keyframes collapseVertical {
  0% {
    display: block;
  }
  99% {
    max-height: 0;
    padding: 0;
    display: block;
  }
  100% {
    max-height: 0;
    padding: 0;
    display: none;
    margin: 0;
    border: 0 none;
    z-index: -1;
    visibility: hidden;
  }
}
.tree-view .tree-icon {
  margin-right: 9px;
  vertical-align: middle;
}
.parent-node {
  text-decoration: none;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: -14px;
}
.expanded > .parent-node {
  margin-bottom: 2px;
}
.has-sub .parent-node:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  z-index: 2;
  border-width: 4px 7px;
  border-style: solid;
  border-color: rgba(59, 80, 98, 0.8);
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-width: 0;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.has-sub.expanded > .parent-node:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* LESS Document */
/* BEGIN Thin */
@font-face {
  font-family: Roboto;
  src: url(./ad538a69b0e8615ed0419c4529344ffc.woff2) format("woff2"), url(./03fb3a93c4a33abb815862cd83b3940a.woff) format("woff");
  font-weight: 100;
  font-style: normal;
}
/* END Thin */
/* BEGIN Light */
@font-face {
  font-family: Roboto;
  src: url(./d26871e8149b5759f814fd3c7a4f784b.woff2) format("woff2"), url(./c8405cfa0df9fb2e47ef1c516cef59a8.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}
/* END Light */
/* BEGIN Regular */
@font-face {
  font-family: Roboto;
  src: url(./73f0a88bbca1bec19fb1303c689d04c6.woff2) format("woff2"), url(./878ad7158f6fa9136d796d4bad613bc2.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url(./73f0a88bbca1bec19fb1303c689d04c6.woff2) format("woff2"), url(./878ad7158f6fa9136d796d4bad613bc2.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
/* END Regular */
/* BEGIN Medium */
@font-face {
  font-family: Roboto;
  src: url(./90d1676003d9c28c04994c18bfd8b558.woff2) format("woff2"), url(./7b225d4d9324ee54ce6d9ec50e339668.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}
/* END Medium */
/* BEGIN Bold */
@font-face {
  font-family: Roboto;
  src: url(./b52fac2bb93c5858f3f2675e4b52e1de.woff2) format("woff2"), url(./eb43b4c3b3b6cac224f76c0a524946a1.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url(./b52fac2bb93c5858f3f2675e4b52e1de.woff2) format("woff2"), url(./eb43b4c3b3b6cac224f76c0a524946a1.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}
/* END Bold */
/* BEGIN Black */
@font-face {
  font-family: Roboto;
  src: url(./59eb3601394dd87f30f82433fb39dd94.woff2) format("woff2"), url(./8f766bb9720fe9b3fe48362d3dc31acf.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}
/* END Black */
/*fonts end*/
/* LESS Document */
.hide-content,
.sprite-icon,
.response-select-wrapper .field-wrapper .form-group .input-wrapper .react-datepicker-wrapper:after,
.react-datepicker__navigation {
  overflow: hidden;
  text-indent: -9999px;
}
.sprite-icon,
.response-select-wrapper .field-wrapper .form-group .input-wrapper .react-datepicker-wrapper:after,
.react-datepicker__navigation {
  background-image: url(./993cf313d9b9d594673ec98d60e5d89b.png);
  background-repeat: no-repeat;
  text-align: left;
}
.sprite-icon.not-clickable {
  opacity: 0.5;
  cursor: default;
}
.assessor-logo {
  background-position: 0 0;
  height: 16px;
  width: 117px;
  display: inline-block;
}
.logo-small {
  background-position: -90px -452px;
  height: 11px;
  width: 80px;
  display: inline-block;
}
.star-icon {
  background-position: 0 -18px;
  height: 16px;
  width: 19px;
  display: inline-block;
}
.menu-arrow-icon {
  background-position: -27px -18px;
  height: 5px;
  width: 10px;
  display: inline-block;
}
.menu-arrow-icon.lite,
.open > .menu-arrow-icon,
.open > .menu-button > .menu-arrow-icon {
  background-position: -27px -86px;
}
.white-dropdown.menu-arrow-icon.lite,
.white-dropdown.open > .menu-arrow-icon,
.white-dropdown.open > .menu-button > .menu-arrow-icon {
  background-position: -27px -18px;
}
.username-icon {
  background-position: 0 -36px;
  height: 20px;
  width: 27px;
  display: inline-block;
}
.user-icon-medium {
  background-position: -39px -343px;
  height: 17px;
  width: 17px;
  display: inline-block;
}
.hamburger-icon {
  background-position: -27px -409px;
  height: 15px;
  width: 19px;
  display: inline-block;
}
.password-icon {
  background-position: 0 -56px;
  height: 13px;
  width: 27px;
  display: inline-block;
}
.close-medium-icon {
  background-position: -39px -18px;
  height: 11px;
  width: 11px;
}
.close-large-icon {
  background-position: -1px -347px;
  height: 19px;
  width: 19px;
  display: inline-block;
}
.notification-icon {
  background-position: 0 -69px;
  height: 23px;
  width: 26px;
  display: inline-block;
}
@media (max-width: 1024px) {
  .notification-icon {
    background-position: 0px -599px;
    height: 15px;
    width: 20px;
  }
}
.search-icon {
  background-position: 0 -94px;
  height: 21px;
  width: 25px;
  display: inline-block;
}
.red-bubble-icon {
  background-position: -118px -634px;
  height: 22px;
  width: 22px;
  display: inline-block;
}
.blue-bubble-icon {
  background-position: -142px -634px;
  height: 22px;
  width: 22px;
  display: inline-block;
}
.user-icon {
  background-position: 0 -117px;
  height: 24px;
  width: 26px;
  display: inline-block;
}
.support-environment .user-icon {
  background-position: -50px -726px;
  height: 28px;
  width: 30px;
}
.support-login-user-icon {
  background-position: -50px -726px;
  height: 28px;
  width: 30px;
  display: inline-block;
}
.message-icon {
  background-position: 0 -144px;
  height: 16px;
  width: 23px;
  display: inline-block;
}
.info-icon {
  background-position: 0 -310px;
  height: 21px;
  width: 21px;
  display: inline-block;
}
.info-small-icon {
  background-position: -27px -40px;
  height: 7px;
  width: 2px;
  display: inline-block;
}
.tick-small-icon {
  background-position: -27px -24px;
  height: 5px;
  width: 7px;
  display: inline-block;
}
.right-triangle-small-icon {
  background-position: -27px -31px;
  height: 7px;
  width: 6px;
}
.download-icon {
  background-position: -39px -31px;
  height: 15px;
  width: 15px;
  display: inline-block;
}
.pool-indicator-icon {
  background-position: 0 -186px;
  height: 20px;
  width: 24px;
  display: inline-block;
}
.edit-small-icon {
  background-position: -27px -48px;
  height: 12px;
  width: 12px;
  display: inline-block;
}
.error-big-icon {
  background-position: -56px -18px;
  height: 35px;
  width: 35px;
  display: inline-block;
}
.success-small-icon {
  background-position: -26px -456px;
  height: 14px;
  width: 14px;
  display: inline-block;
}
.column-left .success-small-icon {
  background-position: -27px -72px;
  height: 12px;
  width: 12px;
}
.gray-small-icon {
  background-position: -27px -530px;
  height: 14px;
  width: 14px;
  display: inline-block;
}
.info-icon-blue {
  background-position: -39px -361px;
  height: 14px;
  width: 14px;
  display: inline-block;
}
.not-start-icon {
  background-position: -97px -535px;
  height: 19px;
  width: 17px;
  display: inline-block;
}
.progress-icon {
  background-position: -97px -556px;
  height: 19px;
  width: 17px;
  display: inline-block;
}
.approved-icon {
  background-position: -97px -577px;
  height: 19px;
  width: 17px;
  display: inline-block;
}
.warning-small-icon {
  background-position: -27px -93px;
  height: 12px;
  width: 12px;
  display: inline-block;
}
.column-left .warning-small-icon {
  background-position: -27px -93px;
}
.round-arrow-up-icon {
  background-position: -58px -242px;
  height: 16px;
  width: 16px;
  display: inline-block;
}
.round-arrow-left-icon {
  background-position: -58px -225px;
  height: 16px;
  width: 16px;
  display: inline-block;
}
.round-arrow-down-icon {
  background-position: -58px -259px;
  height: 16px;
  width: 16px;
  display: inline-block;
}
.not-approved-small-icon {
  background-position: -26px -200px;
  height: 14px;
  width: 14px;
  display: inline-block;
}
.error .not-approved-small-icon {
  background-position: -26px -394px;
}
.neutral .not-approved-small-icon {
  background-position: -26px -380px;
}
.error-small-icon {
  background-position: -26px -106px;
  height: 14px;
  width: 14px;
  display: inline-block;
}
.column-left .error-small-icon {
  background-position: -26px -106px;
}
.message-small-icon {
  background-position: -39px -48px;
  height: 11px;
  width: 15px;
  display: inline-block;
}
.download-response-icon {
  background-position: -1px -209px;
  height: 16px;
  width: 24px;
  display: inline-block;
}
.tick-circle-icon {
  background-position: -1px -283px;
  height: 27px;
  width: 26px;
  display: inline-block;
}
.tick-circle-waring-icon {
  background-position: -81px -728px;
  height: 27px;
  width: 30px;
  display: inline-block;
}
.upload-response-icon {
  background-position: -1px -226px;
  height: 15px;
  width: 24px;
  display: inline-block;
}
.grid-view-icon {
  background-position: -1px -532px;
  height: 15px;
  width: 19px;
  display: inline-block;
}
.switch-view.active .grid-view-icon {
  background-position: -1px -501px;
}
a:hover .grid-view-icon {
  background-position: -1px -499px;
}
.tile-view-icon {
  background-position: -1px -515px;
  height: 15px;
  width: 19px;
  display: inline-block;
}
.switch-view.active .tile-view-icon {
  background-position: -1px -484px;
}
a:hover .tile-view-icon {
  background-position: -1px -482px;
}
.note-and-cross-icon {
  background-position: -1px -685px;
  height: 19px;
  width: 23px;
  display: inline-block;
}
.total-panel-holder .note-and-cross-icon {
  display: block;
}
.ineligibility-icon {
  background-position: -96px -696px;
  height: 20px;
  width: 23px;
  display: inline-block;
}
.edit-box-icon {
  background-position: -1px -640px;
  height: 22px;
  width: 23px;
  display: inline-block;
}
.edit-box-yellow-icon {
  background-position: -1px -662px;
  height: 22px;
  width: 23px;
  display: inline-block;
}
.not-able-yellow-icon {
  background-position: -88px -606px;
  height: 19px;
  width: 24px;
  display: inline-block;
}
.unable-to-submit-icon {
  background-position: -119px -606px;
  height: 19px;
  width: 24px;
  display: inline-block;
}
.info-icon-yellow {
  background-position: -1px -242px;
  height: 21px;
  width: 21px;
  display: inline-block;
}
.tag-icon-yellow {
  background-position: -39px -60px;
  height: 15px;
  width: 15px;
  display: inline-block;
}
.share-icon {
  background-position: -1px -264px;
  height: 19px;
  width: 18px;
  display: inline-block;
}
.share-stm-icon {
  background-position: -57px -561px;
  height: 19px;
  width: 37px;
  display: inline-block;
}
.info-icon-dark-small {
  background-position: -1px -310px;
  height: 21px;
  width: 21px;
  display: inline-block;
}
.info-icon-light-small {
  background-position: 0px -421px;
  height: 20px;
  width: 21px;
  display: inline-block;
}
@media (max-width: 1024px) {
  .info-icon-light-small {
    background-position: -39px -264px;
    height: 17px;
    width: 17px;
  }
}
.bundle-icon {
  background-position: -39px -140px;
  height: 12px;
  width: 15px;
  display: inline-block;
}
.tag-icon-green {
  background-position: -39px -76px;
  height: 16px;
  width: 16px;
  display: inline-block;
}
.sort-icon {
  background-position: -1px -332px;
  height: 13px;
  width: 18px;
  display: inline-block;
}
.menu-arrow-m-white-icon {
  background-position: -27px -86px;
  height: 5px;
  width: 9px;
  display: inline-block;
}
.panel-toggle-icon {
  background-position: -27px -339px;
  height: 10px;
  width: 11px;
  display: inline-block;
}
.toggle-left-panel:hover .panel-toggle-icon {
  background-position: -27px -328px;
}
.hide-left .panel-toggle-icon {
  background-position: -27px -317px;
}
.hide-left .toggle-left-panel:hover .panel-toggle-icon {
  background-position: -27px -306px;
}
.panel-toggle-blue-icon {
  background-position: -84px -585px;
  height: 12px;
  width: 12px;
  display: inline-block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.panel-toggle-icon-vertical {
  height: 10px;
  width: 11px;
  background-position: -41px -391px;
  display: inline-block;
}
.downloaded-indicator-icon {
  background-position: -39px -172px;
  height: 11px;
  width: 16px;
  display: inline-block;
}
.download-indicator-icon {
  background-position: -39px -185px;
  height: 11px;
  width: 16px;
  display: inline-block;
}
.downloaded-indicator-white-icon {
  background-position: -56px -94px;
  height: 10px;
  width: 16px;
  display: inline-block;
}
.remark-download-icon {
  background-position: -39px -185px;
  height: 11px;
  width: 16px;
  display: inline-block;
}
.remark-download-white-icon {
  background-position: -56px -107px;
  height: 10px;
  width: 16px;
  display: inline-block;
}
.select-arrow-icon {
  background-position: -27px -120px;
  height: 19px;
  width: 11px;
  display: inline-block;
}
.flag-icon {
  background-position: -27px -152px;
  height: 11px;
  width: 8px;
  display: inline-block;
}
.flag-icon.orange {
  background-position: -27px -164px;
}
.exclamtion-icon-red {
  background-position: -27px -177px;
  height: 11px;
  width: 2px;
  display: inline-block;
}
.star-icon-red {
  background-position: -27px -191px;
  height: 8px;
  width: 8px;
  display: inline-block;
}
.search-icon-small {
  background-position: -27px -140px;
  height: 12px;
  width: 12px;
  display: inline-block;
}
.tolerance-icon-green {
  background-position: -56px -183px;
  height: 20px;
  width: 22px;
  display: inline-block;
}
.tolerance-icon-orange {
  background-position: -56px -204px;
  height: 20px;
  width: 22px;
  display: inline-block;
}
.search-icon-small-black {
  background-position: -27px -364px;
  height: 11px;
  width: 11px;
  display: inline-block;
}
.reply-icon {
  background-position: -1px -368px;
  height: 14px;
  width: 18px;
  display: inline-block;
}
.forward-icon {
  background-position: -1px -383px;
  height: 14px;
  width: 18px;
  display: inline-block;
}
.delete-icon-small {
  background-position: -40px -198px;
  height: 15px;
  width: 16px;
  display: inline-block;
}
.close-icon-small {
  background-position: -27px -214px;
  height: 9px;
  width: 9px;
  display: inline-block;
}
.bundle-icon-cross {
  background-position: -39px -215px;
  height: 14px;
  width: 16px;
  display: inline-block;
}
.pencil-icon {
  background-position: -1px -399px;
  height: 15px;
  width: 15px;
  display: inline-block;
}
.dot-dot-dot-icon {
  background-position: -56px -142px;
  height: 4px;
  width: 18px;
  display: inline-block;
}
.feedback-icon {
  background-position: -56px -148px;
  height: 16px;
  width: 19px;
  display: inline-block;
}
.active.open .feedback-icon {
  background-position: -56px -166px;
}
.response-download-icon {
  background-position: -91px -17px;
  height: 90px;
  width: 90px;
  display: inline-block;
}
.message-arrow-icon {
  background-position: -91px -107px;
  height: 81px;
  width: 44px;
  display: inline-block;
}
.eye-icon-large {
  background-image: url(./5bf5b2ef8405d57464ef7424e3fa9a0e.svg);
  width: 78px;
  height: 59px;
  display: inline-block;
}
.worklist-icon-small {
  background-position: -1px -443px;
  height: 18px;
  width: 20px;
  display: inline-block;
}
@media (max-width: 1024px) {
  .worklist-icon-small {
    background-position: -39px -241px;
    height: 17px;
    width: 18px;
  }
}
.qig-icon-small {
  background-position: -1px -463px;
  height: 18px;
  width: 22px;
  display: inline-block;
}
.add-small-icon {
  background-position: -27px -224px;
  height: 10px;
  width: 10px;
  display: inline-block;
}
.left-arrow-light,
.right-arrow-light {
  height: 20px;
  width: 12px;
  display: inline-block;
}
.left-arrow-light {
  background-position: -27px -235px;
}
.right-arrow-light {
  background-position: -27px -255px;
}
.small-bottom-arrow-blue {
  background-position: 0px -626px;
  height: 12px;
  width: 20px;
  display: inline-block;
}
.top-arrow-blue,
.bottom-arrow-blue {
  height: 12px;
  width: 20px;
  display: inline-block;
}
.top-arrow-blue {
  background-position: -1px -550px;
}
.bottom-arrow-blue {
  background-position: -1px -564px;
}
.question-nav .top-arrow-blue {
  background-position: 0px -617px;
}
.question-nav .bottom-arrow-blue {
  background-position: 0px -626px;
}
.exp-collapse-arrow {
  width: 11px;
  height: 9px;
  display: inline-block;
}
.exp-collapse-arrow.right {
  background-position: -28px -279px;
}
.exp-collapse-arrow.left {
  background-position: -28px -288px;
}
.toolexpand-icon {
  background-position: -28px -298px;
  width: 5px;
  height: 5px;
  display: inline-block;
}
body:not(.touch-device) .toolexpand-icon a:hover .toolexpand-icon,
.dropdown-wrap.open .toolexpand-icon {
  background-position: -35px -298px;
}
.toolexpand-icon-grey {
  background-position: -57px -84px;
  width: 5px;
  height: 5px;
  display: inline-block;
}
.svg-icon {
  display: inline-block;
  color: #e31111;
  height: 40px;
  width: 40px;
}
.icon-tray .svg-icon svg {
  fill: #e1f5fe;
  padding: 4px;
}
.icon-tray a .svg-icon svg {
  fill: #fff;
  opacity: 0.9;
  padding: 4px;
}
.icon-tray a:hover .svg-icon svg,
.icon-tray .dropdown-wrap.open > a .svg-icon svg,
.icon-tray a:active .svg-icon svg {
  fill: #fff;
  opacity: 1;
  padding: 4px;
}
.svg-icon.red {
  color: #e31111;
}
.svg-icon.green {
  color: #45aa4e;
}
.svg-icon.grey {
  color: #b2b2b2;
}
.svg-icon.grey:hover {
  color: #000;
}
.notify-js-disabled {
  background-position: -92px -191px;
  width: 84px;
  height: 84px;
  display: inline-block;
}
.back-arrow-icon {
  background-position: -1px -577px;
  width: 23px;
  height: 20px;
  display: inline-block;
}
.page-1-icon {
  background-position: -91px -278px;
  width: 18px;
  height: 21px;
  display: inline-block;
}
.page-2-icon {
  background-position: -91px -300px;
  width: 28px;
  height: 18px;
  display: inline-block;
}
.page-4-icon {
  background-position: -91px -319px;
  width: 50px;
  height: 15px;
  display: inline-block;
}
.minimize-icon.lite {
  background-color: #adcadf;
  display: block;
  height: 3px;
  overflow: hidden;
  text-indent: -999px;
  vertical-align: top;
  width: 16px;
}
.maxmize-icon.lite {
  border-color: #adcadf;
  border-style: solid;
  border-width: 3px 1px 1px 1px;
  display: block;
  height: 14px;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-indent: -999px;
  /*right:8px;*/
  top: -7px;
  width: 16px;
}
.close-icon.lite {
  height: 14px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  text-indent: -999px;
  width: 14px;
  display: inline-block;
}
.close-icon {
  overflow: hidden;
  text-indent: -9999px;
  display: inline-block;
}
.close-icon:before,
.close-icon.close-icon:after {
  background-color: #adcadf;
  content: '';
  height: 15px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 2px;
}
tr.row .close-icon:before,
tr.row .close-icon.close-icon:after {
  background: #071a2b;
  height: 11px;
}
tr.warning-alert .close-icon:before,
tr.warning-alert .close-icon.close-icon:after {
  background: #ec8d01;
  height: 11px;
}
.close-icon:before {
  transform: rotate(45deg);
}
.close-icon:after {
  transform: rotate(-45deg);
}
.offpage-comment-icon,
.delete-comment-icon {
  height: 26px;
  width: 26px;
}
.people-icon {
  background-position: -56px -65px;
  height: 16px;
  width: 28px;
  display: inline-block;
}
.user-big-icon {
  background-position: -91px -344px;
  height: 101px;
  width: 101px;
  display: inline-block;
}
.user-medium-icon {
  background-position: -194px -1px;
  height: 40px;
  width: 40px;
  display: inline-block;
}
.info-round-icon {
  background-position: -41px -287px;
  height: 16px;
  width: 16px;
  display: inline-block;
}
.tick-round-icon {
  background-position: -39px -308px;
  height: 18px;
  width: 18px;
  display: inline-block;
}
.lock-open-icon {
  background-position: -40px -326px;
  height: 16px;
  width: 12px;
  display: inline-block;
}
.qig-icon-big {
  background-position: -92px -464px;
  height: 52px;
  width: 64px;
  display: inline-block;
}
.search-close {
  background-position: -27px -214px;
  height: 10px;
  opacity: 0.5;
  width: 10px;
  display: inline-block;
}
.lite .search-close {
  background-position: -26px -702px;
}
.search-icon-small-grey {
  background-position: -26px -426px;
  height: 14px;
  width: 14px;
  display: inline-block;
}
.lite .search-icon-small-grey {
  opacity: 0.5;
  background-position: -27px -712px;
}
.lock-indicator-icon {
  background-position: -25px -608px;
  height: 22px;
  width: 26px;
  display: inline-block;
}
.show-seed-icon {
  background-position: -112px -732px;
  height: 22px;
  width: 26px;
  display: inline-block;
}
.stuck-indicator-icon {
  background-position: -25px -584px;
  height: 22px;
  width: 26px;
  display: inline-block;
}
.un-view-icon {
  background-position: -27px -514px;
  height: 16px;
  width: 17px;
  display: inline-block;
}
.awarding-star-icon {
  background-position: -1px -705px;
  height: 24px;
  width: 23px;
  display: inline-block;
}
@media (max-width: 1023px) {
  .awarding-star-icon {
    background-position: -2px -730px;
    height: 18px;
    width: 18px;
  }
}
.help-icon {
  background-position: -41px -700px;
  height: 21px;
  width: 23px;
  display: inline-block;
}
/*std-setup*/
.not-small-black-icon {
  background-position: -27px -632px;
  height: 12px;
  width: 12px;
  display: inline-block;
}
.reference-icon {
  background-position: -56px -120px;
  height: 21px;
  width: 19px;
  display: inline-block;
}
.header-left-arrow-icon {
  background-position: -1px -576px;
  height: 21px;
  width: 26px;
  display: inline-block;
}
.left-nav-dark,
.react-datepicker__navigation--previous {
  background-position: -57px -278px;
  width: 8px;
  height: 12px;
  display: inline-block;
}
.right-nav-dark,
.react-datepicker__navigation--next {
  background-position: -66px -278px;
  width: 8px;
  height: 12px;
  display: inline-block;
}
.calendar-icon,
.response-select-wrapper .field-wrapper .form-group .input-wrapper .react-datepicker-wrapper:after {
  background-position: -58px -293px;
  width: 20px;
  height: 21px;
  display: inline-block;
}
.time-spend-icon {
  background-position: -58px -316px;
  height: 20px;
  width: 20px;
  display: inline-block;
}
.time-spend-icon.white-icon {
  background-position: -58px -582px;
}
.right-arrow-blue {
  background-position: -50px -500px;
  height: 17px;
  width: 19px;
  display: inline-block;
}
.pagination-arrow.disabled .right-arrow-blue {
  background-position: -50px -516px;
}
.left-arrow-blue {
  background-position: -66px -500px;
  height: 17px;
  width: 19px;
  display: inline-block;
}
.pagination-arrow.disabled .left-arrow-blue {
  background-position: -66px -516px;
}
/*std setup*/
.green-warning-icon {
  background-position: -58px -390px;
  height: 16px;
  width: 16px;
  display: inline-block;
}
.green-warning-active-icon {
  background-position: -58px -408px;
  height: 16px;
  width: 16px;
  display: inline-block;
}
.red-warning-icon {
  background-position: -58px -425px;
  height: 16px;
  width: 16px;
  display: inline-block;
}
.red-warning-active-icon {
  background-position: -58px -442px;
  height: 16px;
  width: 16px;
  display: inline-block;
}
/*std setup*/
.linked-icon {
  background-position: -58px -460px;
  height: 13px;
  width: 13px;
  display: inline-block;
}
.arrow-circle-icon {
  background-position: -84px -630px;
  height: 30px;
  width: 30px;
  display: inline-block;
}
.green-tick-icon {
  background-position: -58px -339px;
  height: 10px;
  width: 14px;
  display: inline-block;
}
.red-tick-icon {
  background-position: -58px -363px;
  height: 11px;
  width: 11px;
  display: inline-block;
}
.red-tick-active-icon {
  background-position: -58px -377px;
  height: 11px;
  width: 11px;
  display: inline-block;
}
.green-tick-active-icon {
  background-position: -58px -350px;
  height: 11px;
  width: 13px;
  display: inline-block;
}
.review-decision-icon {
  background-position: -58px -474px;
  height: 24px;
  width: 25px;
  display: inline-block;
}
.delete-icon {
  background-position: -53px -535px;
  height: 21px;
  width: 19px;
  display: inline-block;
}
.dock-icon {
  background-position: -58px -630px;
  display: inline-block;
  height: 18px;
  width: 19px;
}
.undock-icon {
  background-position: -58px -607px;
  display: inline-block;
  height: 19px;
  width: 19px;
}
.judgement-icon {
  background-position: -64px -662px;
  display: inline-block;
  height: 27px;
  width: 30px;
}
.judgement-holder.active-comment .judgement-icon {
  background-position: -64px -691px;
  display: inline-block;
  height: 26px;
  width: 26px;
}
/*Default style*/
body {
  color: #071a2b;
  font-size: 1.4rem;
  font-family: "Roboto", "Myriad Pro Regular", Arial, Tahoma;
  font-weight: 400;
  line-height: 1.4;
  -webkit-overflow-scrolling: auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  /*-webkit-font-smoothing:subpixel-antialiased;*/
}
a {
  color: #0075cd;
}
a:hover {
  text-decoration: none;
}
a.disabled,
.mark-button.disabled-but-used {
  opacity: 0.4;
  cursor: default;
}
a.cursor-default {
  cursor: default;
}
a.light {
  color: #0092ff;
}
a.extra-light {
  color: #adcadf;
}
textarea {
  overflow: auto;
  /*to hide default scrollbar in IE*/
}
.IE use {
  pointer-events: none;
}
.touch-device input[type='password'] {
  /* to fix blinking effect when typeing in password field*/
  font-family: "Helvetica", Arial;
  font-weight: 400;
}
/*Default style End*/
/*touch blocker*/
.touch-blocker {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
.touch-blocker.block {
  display: block;
}
/*touch blocker*/
/*Common*/
.grey-box {
  background-color: #edeff2;
  border: 1px solid #e5e5e5;
  padding: 10px;
}
.small-text {
  font-size: 1.2rem;
}
.large-text {
  font-size: 1.6rem;
}
.medium-text {
  font-size: 1.4rem;
}
.grey-border-all {
  border: 1px solid #e5e5e5;
}
.dark-link {
  color: #071a2b;
}
.white-link {
  color: #fff;
}
.dim-text,
.exception-history-item.dimmed-out {
  color: #707070;
}
.ex-dim-text {
  color: #b0b0b0;
}
/*Common*/
/*header*/
header {
  background-color: #071a2b;
  min-height: 50px;
}
header.offline {
  background-color: #242b35;
}
header.offline .assessor-logo,
header.offline .header-dropdown > .menu-button,
header.offline .nav li a .sprite-icon,
header.offline .nav li a .nav-text {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/*header*/
/*QIG*/
.dropdown-wrap .menu.qig-menu,
.qig-content-holder .menu.qig-menu {
  background-color: #00345a;
}
.offline .dropdown-wrap .menu.qig-menu,
.offline .qig-content-holder .menu.qig-menu {
  background-color: #16263d;
}
.dropdown-wrap .menu.qig-menu .qig-group-holder,
.qig-content-holder .menu.qig-menu .qig-group-holder {
  background-color: #00467d;
}
.offline .dropdown-wrap .menu.qig-menu .qig-group-holder,
.offline .qig-content-holder .menu.qig-menu .qig-group-holder {
  background-color: #2c3d51;
}
.qig-tab-content-holder {
  background-color: #fff;
}
/*QIG*/
/*worklist column left*/
.worklist-wrapper .column-left.vertical-scroll-exist.hovered ~ .column-right .toggle-left-panel,
.team-wrapper .column-left.vertical-scroll-exist.hovered ~ .column-right .toggle-left-panel {
  left: 243px;
}
.worklist-wrapper .column-left,
.team-wrapper .column-left,
.std-setup-wrapper .column-left,
.awarding-wrapper .column-left {
  background-color: #00467d;
}
.worklist-wrapper .offline ~ .content-wrapper .column-left {
  background-color: #2c3d51;
}
.column-left .left-menu .panel.open {
  background-color: #003e6e;
}
.offline ~ .content-wrapper .column-left .left-menu .panel.open,
.offline ~ .content-wrapper .column-left .left-menu .panel.open .radial-progress-holder .inset {
  background-color: #243348;
}
.column-left .left-menu .menu-count,
.column-left .left-menu .tick-circle-icon {
  background-color: #00467d;
}
.offline ~ .content-wrapper .column-left .left-menu .menu-count,
.offline ~ .content-wrapper .column-left .left-menu .tick-circle-icon {
  background-color: #2c3d51;
}
.column-left .left-menu .panel-content .active .left-submenu-item {
  background-color: #00345a;
}
.offline ~ .content-wrapper .column-left .left-menu .panel-content .active .left-submenu-item {
  background-color: #16263d;
}
.column-left .profile-info:after,
.std-setup-wrapper .column-left .bottom-menu-holder:before {
  border-top: 1px #003864 solid;
  border-bottom: 1px #19598a solid;
}
.offline ~ .content-wrapper .column-left .profile-info:after {
  border-top: 1px #233141 solid;
  border-bottom: 1px #415062 solid;
}
.toggle-left-panel:hover {
  background-color: #003e6e;
}
.offline ~ .content-wrapper .toggle-left-panel:hover {
  background-color: #243348;
}
.hide-left .toggle-left-panel:hover {
  background-color: #00467d;
}
.offline ~ .content-wrapper .hide-left .toggle-left-panel:hover {
  background-color: #2c3d51;
}
/*worklist column left*/
/*offline animation*/
header,
.worklist-wrapper .column-left .left-menu .panel.open,
.worklist-wrapper .column-left .left-menu .menu-count,
.worklist-wrapper .column-left .left-menu .tick-circle-icon,
.worklist-wrapper .column-left .left-menu .left-submenu-item,
.dropdown-wrap .menu.qig-menu,
.dropdown-wrap .menu.qig-menu .qig-group-holder,
.tools-panel-default .icon-tray {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
/*offline animation*/
/*marking screen*/
.tools-panel-default {
  /*background-color:@midnight-blue-90;*/
}
.offline ~ .content-wrapper .tools-panel-default .icon-tray {
  background-color: #16263d;
}
.tools-panel-default .change-view-icons {
  border-bottom: 1px solid rgba(0, 117, 205, 0.6);
}
.offline ~ .content-wrapper .tools-panel-default .change-view-icons {
  border-bottom: 1px solid rgba(0, 117, 205, 0.3);
}
.tools-panel-default .sup-remark-icons {
  border-top: 1px solid rgba(0, 117, 205, 0.6);
}
.offline ~ .content-wrapper .active-question .active-question-wrapper {
  background-color: #16263d;
}
/*marking screen*/
/*Heading styles*/
h2,
h2,
h3,
h4 {
  font-family: "Roboto", "Myriad Pro Regular", Arial, Tahoma;
  font-weight: 300;
}
h5,
h6,
.left-submenu-item .menu-count {
  font-family: "Roboto", "Myriad Pro Regular", Arial, Tahoma;
  font-weight: 300;
}
.bolder,
h2.bolder,
h2.bolder,
h3.bolder,
h4.bolder,
h5.bolder,
h6.bolder,
.question-list.has-sub > .question-item,
.total-mark-holder .total-marks,
.mark-button.nr-button,
.active .left-submenu-item,
.logo-text,
.no-qig-message h4,
.marking-instruction-item.unread .marking-instruction-link {
  font-family: "Roboto", "Myriad Pro Regular", Arial, Tahoma;
  font-weight: 700;
}
/*Heading styles End*/
/*Dropdown styles*/
.dropdown-wrap {
  /*.open&.\ .split-btn.rounded{
			
			border-radius:unit(@button-radius,px) unit(@button-radius,px) 0 0;
		}	*/
}
.dropdown-wrap.disabled .menu-arrow-icon,
.dropdown-wrap.disabled .menu-button {
  opacity: 0.5;
}
.dropdown-wrap.split-button-wrap .split-btn-arrow[disabled],
.dropdown-wrap.split-button-wrap .split-btn-arrow.disabled {
  border-left: 0 none;
}
.dropdown-wrap.split-button-wrap .split-btn-arrow {
  border-left: 1px solid #005ea5;
  min-width: 43px;
}
.open.dropdown-wrap.split-button-wrap .split-btn-arrow {
  background-color: #0067b5;
}
.dropdown-wrap.split-button-wrap .split-btn-arrow .menu-arrow-icon {
  margin: 8px 0 7px;
}
.dropdown-wrap.split-button-wrap .split-btn-arrow.disabled .menu-arrow-icon,
.dropdown-wrap.split-button-wrap .split-btn-arrow[disabled] .menu-arrow-icon {
  opacity: 0.5;
}
.dropdown-wrap .menu-arrow-icon {
  margin-left: 3px;
  vertical-align: middle;
}
.dropdown-wrap .overlay {
  z-index: 4;
}
.dropdown-wrap .overlay ~ .menu-button,
.dropdown-wrap .overlay ~ .menu-arrow-icon {
  z-index: 5;
}
.dropdown-wrap input.menu-button + .menu-arrow-icon {
  left: -21px;
  position: relative;
}
.dropdown-wrap > .menu-button {
  border: 1px solid transparent;
  border-radius: 2px;
  padding: 8px 16px;
  text-decoration: none;
}
.open.dropdown-wrap > .menu-button {
  border-radius: 2px 2px 0 0;
}
.icon-menu-wrap.dropdown-wrap > .menu-button {
  border: 0 none;
  display: inline-block;
  padding: 0;
}
.dropdown-wrap > a.menu-button,
.dropdown-wrap .dropdown-wrap > a.menu-button {
  color: #071a2b;
}
.dropdown-wrap > a.menu-button:hover {
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1);
  color: #000;
}
.icon-menu-wrap.dropdown-wrap > a.menu-button:hover {
  border: 0 none;
}
.open.dropdown-wrap > a.menu-button {
  background-color: #071a2b;
  color: #fff;
}
.white.open.dropdown-wrap > a.menu-button {
  background-color: #fff;
  color: #071a2b;
}
.open.dropdown-wrap > a.menu-button:hover {
  border: 1px solid #071a2b;
}
.icon-menu-wrap.open.dropdown-wrap > a.menu-button:hover {
  border: 0 none;
}
.dropdown-wrap > .menu-button > .menu-arrow-icon,
.dropdown-wrap > .menu-button > .menu-arrow-m-white-icon {
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.open.dropdown-wrap > .menu-button > .menu-arrow-icon,
.open.dropdown-wrap > .menu-button > .menu-arrow-m-white-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dropdown-wrap > .menu {
  background-color: #071a2b;
  border-radius: 0 0 2px 2px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.white.dropdown-wrap > .menu {
  background-color: #fff;
}
.split-button-wrap.dropdown-wrap > .menu {
  border-radius: 0 0 19px 19px;
}
.dropdown-wrap > .menu > li {
  border-color: #000;
}
.dropdown-wrap > .menu > li > a {
  color: #b2b2b2;
  padding: 8px 16px;
  text-decoration: none;
}
.dropdown-wrap > .menu > li > a:hover {
  color: #fff;
}
.split-button-wrap.dropdown-wrap > .menu > li > a {
  padding: 10px 10px 14px;
  padding-left: 16px;
}
header .header-dropdown.dropdown-wrap > .menu {
  border: 0 none;
}
header .header-dropdown.dropdown-wrap > .menu .menu-close {
  position: fixed;
  right: 40px;
  top: 63px;
}
header .header-dropdown.dropdown-wrap > .menu .dropdown-wrap .menu-button:hover {
  border-color: #19598a;
}
header .header-dropdown.dropdown-wrap > .menu .dropdown-wrap.open .menu-button:hover {
  border-color: transparent;
}
.dropdown-wrap.white-dropdown.disabled {
  opacity: 1;
}
.dropdown-wrap.white-dropdown.disabled .menu-button {
  cursor: default;
  opacity: 1;
  color: #707070;
}
.dropdown-wrap.white-dropdown.disabled .menu-arrow-icon {
  opacity: 0.565;
}
.dropdown-wrap.white-dropdown .menu-button:hover {
  border-color: transparent;
}
.dropdown-wrap.white-dropdown .menu-label {
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
}
.dropdown-wrap.white-dropdown .menu {
  background: #fff;
}
.dropdown-wrap.white-dropdown .menu li {
  background: #fff;
  border-color: transparent;
}
.dropdown-wrap.white-dropdown.awd-grade-dropdown .menu,
.dropdown-wrap.white-dropdown.awd-tot-dropdown .menu {
  max-height: -moz-calc(100vh - 350px);
  max-height: -webkit-calc(100vh - 350px);
  max-height: calc(100vh - 350px);
}
.dropdown-wrap.white-dropdown.awd-session-dropdown .menu {
  max-height: -moz-calc(100vh - 250px);
  max-height: -webkit-calc(100vh - 250px);
  max-height: calc(100vh - 250px);
}
.dropdown-wrap.white-dropdown.awd-session-dropdown .menu,
.dropdown-wrap.white-dropdown.awd-grade-dropdown .menu,
.dropdown-wrap.white-dropdown.awd-tot-dropdown .menu {
  white-space: nowrap;
}
.open.dropdown-wrap.white-dropdown .menu-button,
.open.dropdown-wrap.white-dropdown .menu-button:hover {
  background: transparent;
  border-color: transparent;
  color: #071a2b;
}
.open.dropdown-wrap.white-dropdown .menu {
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
}
.open.dropdown-wrap.white-dropdown .menu li {
  border-color: transparent;
}
.open.dropdown-wrap.white-dropdown .menu li a {
  color: #071a2b;
  /*.Firefox &{
								margin-right: 16px;
							}*/
  /*removed to avoid text wrapping issue in Firefox for bottom menu (mark as definitive) of markscheme panel*/
}
.open.dropdown-wrap.white-dropdown .menu li a.selected-link {
  background: #e1f5fe;
}
.open.dropdown-wrap.white-dropdown.supervisor-sampling-holder .menu-button,
.open.dropdown-wrap.white-dropdown.ms-footer-button-holder .menu-button {
  background-color: #0092ff;
  border-color: transparent;
  color: #fff;
}
.open.dropdown-wrap.white-dropdown.review-decision-wrap .menu-button,
.open.dropdown-wrap.white-dropdown.select-outcome .menu-button {
  background-color: #0092ff;
  border-color: transparent;
  color: #fff;
}
body:not(.touch-device) .dropdown-wrap.open.white-dropdown .menu li a:hover {
  background: #e1f5fe;
}
.menu.selectable .menu-item .svg-icon,
.context-menu.selectable .menu-item .svg-icon {
  visibility: hidden;
}
.menu.selectable .menu-item.selected .svg-icon,
.context-menu.selectable .menu-item.selected .svg-icon {
  visibility: visible;
}
.menu.selectable .menu-item .svg-icon,
.context-menu.selectable .menu-item .svg-icon,
.menu.selectable .menu-item .label-text,
.context-menu.selectable .menu-item .label-text {
  display: inline-block;
}
.menu.selectable .menu-item .tick,
.context-menu.selectable .menu-item .tick {
  float: left;
  height: 20px;
  margin-right: 6px;
  vertical-align: middle;
  width: 20px;
}
.menu.selectable .menu-item .tick-icon,
.context-menu.selectable .menu-item .tick-icon {
  color: #fff;
  fill: #fff;
  margin-top: -1px;
}
.menu.selectable .menu-item .label-text,
.context-menu.selectable .menu-item .label-text {
  cursor: pointer;
  white-space: normal;
  overflow-wrap: break-word;
}
.menu-callout {
  position: absolute;
  z-index: 100;
}
.menu-callout:after,
.menu-callout:before {
  content: "";
  display: none;
  position: absolute;
  border-width: 10px;
  border-style: solid;
  border-color: #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-width: 0;
}
.open .menu-callout:after,
.open .menu-callout:before {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.3s;
  -moz-animation: fade-in 0.3s;
  -ms-animation: fade-in 0.3s;
  -o-animation: fade-in 0.3s;
  animation: fade-in 0.3s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.up .menu-callout:after {
  border-width: 10px;
  border-style: solid;
  border-color: #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-width: 0;
  z-index: 2;
}
.up .menu-callout:before {
  content: "";
  border-width: 10px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5);
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-width: 0;
  z-index: 1;
}
.open .menu-callout {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.3s;
  -moz-animation: fade-in 0.3s;
  -ms-animation: fade-in 0.3s;
  -o-animation: fade-in 0.3s;
  animation: fade-in 0.3s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*Dropdown styles End*/
/*TextBox Styles*/
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
.input-box {
  font-size: 14px;
  border-radius: 1px;
  border: 1px solid #d6dadc;
  padding: 7px;
  color: #071a2b;
  font-family: "Roboto", "Myriad Pro Regular", Arial, Tahoma;
}
input[type="text"]:focus::placeholder {
  opacity: 0;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
  outline: none;
}
input[type="text"],
input[type="password"],
input[type="email"] {
  height: 36px;
}
textarea.error,
input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
textarea.error + label,
input[type="text"].error + label,
input[type="password"].error + label,
input[type="email"].error + label {
  border-color: #e31111;
  color: #e31111;
}
textarea.text-underline + label,
input.text-underline + label {
  color: #000;
  font-size: 1.6rem;
  line-height: 16px;
  margin-top: -22px;
  opacity: 0.3;
  padding-left: 7px;
  z-index: 10;
  position: relative;
  top: -3px;
}
textarea.text-underline:focus + label,
textarea.text-underline:valid + label,
input.text-underline:focus + label,
input.text-underline:valid + label {
  font-size: 1.2rem;
  opacity: 1;
  top: -25px;
}
input.text-underline {
  background-color: transparent;
  border: 0 none;
  border-bottom: 1px solid #e5e5e5;
  z-index: 11;
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
input.text-underline ~ .bar,
textarea.text-underline ~ .bar {
  display: block;
  height: 2px;
  left: 50%;
  margin-top: 4px;
  position: relative;
  z-index: 12;
}
input.text-underline:valid:-webkit-autofill,
textarea.text-underline:focus:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
  z-index: 10;
}
input.text-underline:valid:-webkit-autofill + label,
textarea.text-underline:focus:-webkit-autofill + label {
  z-index: 11;
}
input.text-underline:focus ~ .bar,
textarea.text-underline:focus ~ .bar {
  background-color: #0092ff;
}
input.text-underline.error:focus ~ .bar,
textarea.text-underline.error:focus ~ .bar {
  background-color: #e31111;
}
/*TextBox styles end*/
/*Button styles*/
button,
.button,
.button {
  background-color: transparent;
  border: 1px solid #0075cd;
  color: #0075cd;
  font-family: "Roboto", "Myriad Pro Regular", Arial, Tahoma;
  font-weight: 400;
  min-width: 92px;
  padding: 5px 11px;
  white-space: nowrap;
}
button.small,
.button.small {
  min-width: 70px;
}
.mce-btn-group .mce-btn button,
.mce-btn-group .mce-btn .button,
.mce-menubar .mce-btn button,
.mce-menubar .mce-btn .button,
button.mce-close,
.button.mce-close {
  min-width: 0;
}
.login-area button,
.login-area .button {
  border: 2px solid #0075cd;
  padding: 9.5px 16px;
}
button + button,
button + .button,
.button + button,
.button + .button {
  margin-left: 10px;
}
button.rounded,
.button.rounded {
  border-radius: 30px;
}
button.disabled,
.button.disabled,
button.disabled.primary,
.button.disabled.primary,
button[disabled],
.button[disabled],
button[disabled].primary,
.button[disabled].primary {
  /*& .menu-arrow-m-white-icon{
			display:none;
		}*/
}
button.disabled,
.button.disabled,
button.disabled.primary,
.button.disabled.primary,
button[disabled],
.button[disabled],
button[disabled].primary,
.button[disabled].primary,
button.disabled:hover,
.button.disabled:hover,
button.disabled.primary:hover,
.button.disabled.primary:hover,
button[disabled]:hover,
.button[disabled]:hover,
button[disabled].primary:hover,
.button[disabled].primary:hover,
button.disabled:focus,
.button.disabled:focus,
button.disabled.primary:focus,
.button.disabled.primary:focus,
button[disabled]:focus,
.button[disabled]:focus,
button[disabled].primary:focus,
.button[disabled].primary:focus,
button.disabled:active,
.button.disabled:active,
button.disabled.primary:active,
.button.disabled.primary:active,
button[disabled]:active,
.button[disabled]:active,
button[disabled].primary:active,
.button[disabled].primary:active {
  background-color: transparent;
  border: 1px solid #b2b2b2;
  color: #707070;
}
button.disabled.lite,
.button.disabled.lite,
button.disabled.primary.lite,
.button.disabled.primary.lite,
button[disabled].lite,
.button[disabled].lite,
button[disabled].primary.lite,
.button[disabled].primary.lite,
button.disabled:hover.lite,
.button.disabled:hover.lite,
button.disabled.primary:hover.lite,
.button.disabled.primary:hover.lite,
button[disabled]:hover.lite,
.button[disabled]:hover.lite,
button[disabled].primary:hover.lite,
.button[disabled].primary:hover.lite,
button.disabled:focus.lite,
.button.disabled:focus.lite,
button.disabled.primary:focus.lite,
.button.disabled.primary:focus.lite,
button[disabled]:focus.lite,
.button[disabled]:focus.lite,
button[disabled].primary:focus.lite,
.button[disabled].primary:focus.lite,
button.disabled:active.lite,
.button.disabled:active.lite,
button.disabled.primary:active.lite,
.button.disabled.primary:active.lite,
button[disabled]:active.lite,
.button[disabled]:active.lite,
button[disabled].primary:active.lite,
.button[disabled].primary:active.lite {
  color: #b2b2b2;
  border: 1px solid rgba(178, 178, 178, 0.5);
}
.login-area button[disabled]:hover,
.login-area .button[disabled]:hover,
.login-area button.disabled:hover,
.login-area .button.disabled:hover {
  border-color: #0075cd;
}
button.white-button,
.button.white-button,
button.white-button:hover,
.button.white-button:hover,
button.white-button:focus,
.button.white-button:focus {
  color: #fff;
  border-color: #fff;
}
button:focus,
.button:focus,
button:hover,
.button:hover {
  background-color: rgba(0, 146, 255, 0.1);
  border-color: #0092ff;
  color: #0092ff;
}
button:focus.lite,
.button:focus.lite,
button:hover.lite,
.button:hover.lite {
  border-color: #61aee5;
  color: #61aee5;
}
button.white-button:hover,
.button.white-button:hover,
button.white-button:focus,
.button.white-button:focus {
  background-color: rgba(255, 255, 255, 0.1);
}
button:focus,
.button:focus {
  outline: none;
}
button.primary,
.button.primary,
.mce-primary button,
.mce-primary .button {
  background-color: #0075cd;
  border-color: transparent;
  color: #fff;
  padding: 5px 12px;
}
.login-area button.primary,
.login-area .button.primary,
.login-area .mce-primary button,
.login-area .mce-primary .button {
  padding: 9.5px 18px;
}
button.primary:focus,
.button.primary:focus,
.mce-primary button:focus,
.mce-primary .button:focus,
button.primary:hover,
.button.primary:hover,
.mce-primary button:hover,
.mce-primary .button:hover {
  background-color: #0092ff;
  color: #fff;
}
button.large,
.button.large {
  padding: 9px 12px 11px;
}
button.light,
.button.light,
button.lite,
.button.lite {
  border-color: #0092ff;
  color: #fff;
}
.IE .split-button-wrap.open {
  display: block;
}
.split-button-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.split-button-wrap .split-btn {
  margin-left: 0;
  margin-right: 0;
}
.split-button-wrap .split-btn.rounded {
  border-radius: 0;
}
.split-button-wrap .split-btn.rounded:first-of-type {
  border-radius: 30px 0 0 30px;
}
.open.dropdown-wrap.split-button-wrap .split-btn.rounded:first-of-type {
  border-radius: 19px 0 0 0;
}
.split-button-wrap .split-btn.rounded:last-of-type {
  border-radius: 0 30px 30px 0;
}
.open.dropdown-wrap.split-button-wrap .split-btn.rounded:last-of-type {
  border-radius: 0 19px 0 0;
}
/*Button styles end*/
/*checkbox*/
input[type="checkbox"].checkbox {
  opacity: 0;
  position: absolute;
  left: 0;
  z-index: -1;
}
input[type="checkbox"].checkbox body:not(.safari) {
  /* fix for checkbox not accessible in Mac*/
  height: 0;
  width: 0;
}
label {
  cursor: pointer;
}
label.disabled {
  cursor: default;
}
input[type="checkbox"].checkbox + label:before {
  border-width: 1px;
  border-style: solid;
  border-color: #b2b2b2;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 13px;
  margin: 0 9px 0 0;
  padding: 0;
  vertical-align: -1px;
  width: 13px;
}
input[type="checkbox"].checkbox.light + label:before {
  border-color: rgba(255, 255, 255, 0.5);
}
input[type="checkbox"].checkbox:checked ~ label:before {
  background-image: url(./993cf313d9b9d594673ec98d60e5d89b.png);
  background-position: -27px -60px;
  border: 1px solid #0092ff;
}
input[type="checkbox"].checkbox.light:checked ~ label:before {
  background-image: url(./993cf313d9b9d594673ec98d60e5d89b.png);
  background-position: -27px -443px;
  border: 1px solid #0092ff;
}
input[type="checkbox"].checkbox:focus ~ label:before {
  outline: 1px dotted #707070;
}
/*checkbox*/
/*Bubble*/
.bubble {
  border-style: solid;
  border-width: 1px;
  border-radius: 1px;
  font-size: 1.2rem;
  line-height: 1;
  padding: 5px;
}
.bubble.white-bg {
  background-color: #fff;
}
.bubble.no-border {
  border: 0 none;
}
.bubble.rounded {
  border-radius: 20px;
}
.callout.bubble {
  margin-top: 5px;
}
.callout.bubble:before,
.callout.bubble:after {
  border-style: solid;
  border-width: 0 5px 5px 5px;
}
.callout.bubble:before {
  left: 10px;
  top: -6px;
}
.callout.bubble:after {
  left: 10px;
  top: -5px;
}
/*Bubble*/
/*Popup*/
.popup-wrap {
  background-color: #fff;
}
.popup-wrap .popup-content .indented {
  padding-left: 45px;
}
.popup-wrap .popup-inline-radio-group .option-items {
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.popup-wrap .popup-inline-radio-group .option-items li {
  margin-left: 1px;
  min-width: 250px;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
}
.popup-wrap .popup-footer.take-response {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.popup-header h4 {
  font-family: "Roboto", "Myriad Pro Regular", Arial, Tahoma;
  font-weight: 600;
  line-height: 1;
}
.popup-header .sprite-icon + h4 {
  padding-left: 10px;
}
.popup-header > * {
  vertical-align: middle;
}
.error-popup .error-detail {
  max-height: 200px;
  overflow: auto;
}
.error-popup .view-more {
  margin-top: 20px;
}
.popup.login-navigation .popup-wrap .popup-footer {
  margin-top: 15px;
}
.popup.examiner-locked .lock-list .lock-msg,
.popup.examiner-locked .lock-list .lock-hyphen,
.popup.examiner-locked .lock-list .lock-qig-name {
  padding-bottom: 5px;
}
.popup.examiner-locked .lock-list .lock-qig-name {
  text-decoration: underline;
}
.popup.examiner-locked .lock-list .locked-link {
  text-decoration: none;
}
.popup.examiner-locked .lock-list .locked-link:hover .lock-qig-name {
  text-decoration: none;
}
.popup.examiner-locked .lock-list .lock-count {
  padding: 0 5px 0 0;
}
.popup.examiner-locked .lock-list .lock-hyphen {
  padding: 0 5px;
  text-decoration: none;
}
.popup.combined-warning-popup .combined-warnings {
  margin-left: 20px;
}
.popup.combined-warning-popup .combined-warnings .warning-item {
  list-style-type: disc;
  padding-bottom: 5px;
}
.Firefox .return-worklist.popup .popup-wrap {
  /* To fix re painting related issue of popup background color in firefox*/
  box-shadow: 25px 5px 55px 5px rgba(0, 0, 0, 0);
}
/*Popup*/
/*loading*/
button .loader:first-child {
  display: inline-block;
  margin-right: 5px;
  line-height: 1;
}
.qig-loader .loader,
.worklist-loader .loader,
.marking-loader .loader,
.message-loader .loader,
.section-loader .loader,
.familiarisation-loader .loader,
.login-loader .loader {
  margin: auto;
  top: 50%;
  z-index: 10;
  text-align: center;
}
.section-loader .loader,
.qig-loader .loader {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.loader .dot {
  background-color: #0092ff;
  border-radius: 100%;
  display: none;
  margin-left: 2px;
  opacity: 0.8;
  vertical-align: middle;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: loading 1s infinite;
  -moz-animation: loading 1s infinite;
  -ms-animation: loading 1s infinite;
  -o-animation: loading 1s infinite;
  animation: loading 1s infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.resp-open .loader .dot {
  background-color: #D51E8E;
}
.resp-grace .loader .dot {
  background-color: #6e35e2;
}
.resp-closed .loader .dot {
  background-color: #007e49;
}
.Firefox .tab-content.resp-open .loader .dot,
.Firefox .tab-content.resp-grace .loader .dot .Firefox .tab-content.resp-closed .loader .dot {
  box-shadow: 2px 2px 2px 2px #fff;
}
.darker.loader .dot {
  background-color: #0092ff;
}
button.primary .loader .dot,
.qig-loader .loader .dot {
  background-color: #fff;
}
.worklist-wrapper.loading .loader .dot,
.marking-wrapper.loading .loader .dot,
.qig-loader .loader .dot,
.message-loader .loader .dot,
.section-loader .loader .dot {
  height: 16px;
  width: 16px;
}
.loader .dot,
.small-loader.loader .dot {
  width: 8px;
  height: 8px;
}
.loading > .loader .dot,
.loading > * > .loader .dot {
  display: inline-block;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
@-moz-keyframes loading {
  25% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  50% {
    -webkit-transform: scale(10px, 10px);
    -moz-transform: scale(10px, 10px);
    -ms-transform: scale(10px, 10px);
    -o-transform: scale(10px, 10px);
    transform: scale(10px, 10px);
  }
  100% {
    -webkit-transform: scale(10px, 10px);
    -moz-transform: scale(10px, 10px);
    -ms-transform: scale(10px, 10px);
    -o-transform: scale(10px, 10px);
    transform: scale(10px, 10px);
  }
}
@-webkit-keyframes loading {
  25% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  50% {
    -webkit-transform: scale(10px, 10px);
    -moz-transform: scale(10px, 10px);
    -ms-transform: scale(10px, 10px);
    -o-transform: scale(10px, 10px);
    transform: scale(10px, 10px);
  }
  100% {
    -webkit-transform: scale(10px, 10px);
    -moz-transform: scale(10px, 10px);
    -ms-transform: scale(10px, 10px);
    -o-transform: scale(10px, 10px);
    transform: scale(10px, 10px);
  }
}
@keyframes loading {
  25% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  50% {
    -webkit-transform: scale(10px, 10px);
    -moz-transform: scale(10px, 10px);
    -ms-transform: scale(10px, 10px);
    -o-transform: scale(10px, 10px);
    transform: scale(10px, 10px);
  }
  100% {
    -webkit-transform: scale(10px, 10px);
    -moz-transform: scale(10px, 10px);
    -ms-transform: scale(10px, 10px);
    -o-transform: scale(10px, 10px);
    transform: scale(10px, 10px);
  }
}
.loader .dot:nth-child(0) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -ms-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms;
}
.loader .dot:nth-child(1) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -ms-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}
.loader .dot:nth-child(2) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -ms-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}
/*loading*/
/*tab*/
.horizontal.tab-holder .tab-nav li {
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-width: 0;
  border-style: solid;
  border-color: #f0f1f2;
  /*background-color:#fff;*/
}
.horizontal.tab-holder .tab-nav li:not(.arrow-tab) {
  margin-left: 4px;
}
.horizontal.tab-holder .tab-nav li:last-child {
  border-right-width: 0;
}
.horizontal.tab-holder .tab-nav li.active {
  border-color: #f0f1f2;
  /*margin-bottom:-1px;*/
}
.horizontal.tab-holder .tab-nav li.active a {
  color: #0092ff;
}
.horizontal.tab-holder .tab-nav li a {
  /*border-color:inherit;*/
  padding: 0 20px;
  text-decoration: none;
  color: #505050;
}
.horizontal.tab-holder .tab-nav li a .count {
  border-color: inherit;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0px 8px 0px 0;
  min-width: 28px;
  padding: 4px 6px;
  text-align: center;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}
.horizontal.tab-holder .tab-content-holder {
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #f0f1f2;
}
.horizontal.tab-holder .tab-content-holder .tab-content {
  padding: 16px;
}
.tab-holder.response-tabs .tab-nav .resp-open .count {
  border-color: #D51E8E;
}
.tab-holder.response-tabs .tab-nav .resp-open.active .tab-text,
.tab-holder.response-tabs .tab-nav .resp-open .count {
  color: #D51E8E;
}
.tab-holder.response-tabs .tab-nav .resp-grace .count,
.tab-holder.response-tabs .tab-nav .resp-grace .wl-grace-period {
  border-color: #6e35e2;
}
.tab-holder.response-tabs .tab-nav .resp-grace.active .tab-text,
.tab-holder.response-tabs .tab-nav .resp-grace .count {
  color: #6e35e2;
}
.tab-holder.response-tabs .tab-nav .resp-closed .count {
  border-color: #007e49;
}
.tab-holder.response-tabs .tab-nav .resp-closed.active .tab-text,
.tab-holder.response-tabs .tab-nav .resp-closed .count {
  color: #007e49;
}
.tab-holder.response-tabs .tab-nav .resp-allocated .count {
  border-color: #0078d4;
}
.tab-holder.response-tabs .tab-nav .resp-allocated.active .tab-text,
.tab-holder.response-tabs .tab-nav .resp-allocated .count {
  color: #0078d4;
}
.tab-holder.response-tabs .tab-nav .active a {
  background-color: #fdfeff;
  position: relative;
  z-index: 10;
}
.tab-holder.response-tabs .tab-nav .disabled .count {
  border-color: #b2b2b2;
  color: #b2b2b2;
}
.tab-holder.response-tabs .tab-nav .disabled .tab-text {
  color: #707070;
  opacity: 0.4;
}
.tab-holder.response-tabs .tab-nav .disabled .arrow-link {
  pointer-events: none;
}
/*tab*/
/*toggle button*/
.toggle-button {
  color: #0075cd;
  /*input[type="checkbox"]:focus+.toggle-label:before{
		   	outline-color:darken(@grey,20%);
  			outline-style:dotted;
			outline-width:1px;
	   }*/
}
.toggle-button .toggle-label {
  font-size: 1rem;
  line-height: 12px;
  min-width: 45px;
  padding: 8px 0;
  background-color: transparent;
}
.toggle-button .toggle-label .toggle-switch {
  background-color: currentColor;
  border-radius: 50%;
  height: 14px;
  left: 23px;
  top: 7px;
  width: 14px;
  margin: 0 0 0 -19px;
}
.toggle-button .toggle-label:before {
  /*background-color:@lochmara;*/
  border: 2px solid currentColor;
  border-radius: 15px;
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  top: 4px;
  right: 1px;
  bottom: 4px;
  z-index: 0;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.toggle-button .toggle-content {
  /*color:@pure-white;*/
  color: currentColor;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.toggle-button input[type="checkbox"]:checked + .toggle-label:before {
  background-color: currentColor;
  border-color: currentColor;
}
.toggle-button input[type="checkbox"]:checked + .toggle-label .toggle-switch {
  background-color: #fff;
  height: 14px;
  top: 7px;
  width: 14px;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  /*.calc-fn(left,"100% - 4px");*/
}
.toggle-button input[type="checkbox"]:focus + .toggle-label:after {
  border: 1px dotted rgba(112, 112, 112, 0.6);
  border-radius: 16px;
  bottom: 3px;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 3px;
  z-index: 0;
}
.IE .toggle-button input[type="checkbox"]:focus + .toggle-label:after {
  border: 1px dashed rgba(112, 112, 112, 0.6);
}
.toggle-button input[type="checkbox"]:checked + .toggle-label .toggle-content .on-text {
  color: #fff;
}
/*toggle button*/
input[type="radio"]:focus + label .radio-ui {
  -webkit-box-shadow: 0px 0 1px 1px #003b67;
  -moz-box-shadow: 0px 0 1px 1px #003b67;
  -ms-box-shadow: 0px 0 1px 1px #003b67;
  -o-box-shadow: 0px 0 1px 1px #003b67;
  box-shadow: 0px 0 1px 1px #003b67;
}
/*radio buttonstyle*/
.option-content {
  margin-left: 22px;
}
/*radio buttonstyle*/
/*Panel*/
.panel .panel-link {
  display: inline-block;
}
.panel .panel-content {
  margin-top: 12px;
}
/*Panel*/
/* Data - grid */
.data-grid {
  /*display:table;*/
  min-width: 100%;
  /*max-width:100%;*/
}
.data-grid .row {
  white-space: nowrap;
}
.tile-view .data-grid .row {
  border-style: dashed;
  border-bottom-width: 1px;
  /*border-color:@border-grey;*/
  border-color: #e6e6e6;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.data-grid .row:after {
  display: block;
  content: '';
  clear: both;
  line-height: 0;
  height: 0;
  font-size: 0;
}
.data-grid .row:first-child {
  border-top-width: 1px;
  /*border-top-style:solid;*/
}
.data-grid .row.selected {
  border-style: solid;
  border-top-width: 1px;
  border-color: #e1f5fe;
  background-color: #f7fbff;
  margin-top: -1px;
}
.data-grid .row > .col {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.grid-view .data-grid .row > .col {
  padding: 20px 10px;
}
.data-grid .row .col {
  display: inline-block;
  vertical-align: middle;
}
.inline-bubble {
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  font-size: 1.2rem;
  padding: 1px 10px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}
.inline-bubble.pink {
  border-color: #D51E8E;
}
.inline-bubble.amber {
  border-color: #ec8d01;
}
.inline-bubble.indigo {
  border-color: #6e35e2;
}
.inline-bubble.teal {
  border-color: #007e49;
}
/* Data - grid */
/*status text*/
.open-text,
.inline-bubble.pink {
  color: #D51E8E;
}
.warning-text,
.inline-bubble.amber {
  color: #ec8d01;
}
.ingrace-text,
.inline-bubble.indigo {
  color: #6e35e2;
}
.closed-text,
.inline-bubble.teal {
  color: #007e49;
}
/*status text*/
/* Page Messages */
/*tiny MCE editor*/
body .mce-panel {
  background-color: transparent;
  border: 0 none;
}
body .mce-window {
  background-color: #fff;
}
body .mce-btn {
  background-color: transparent;
  border: 0 none;
  border-radius: 2px;
  outline: 0 none;
}
body .mce-btn.mce-active,
body .mce-btn:not(.mce-menubtn).mce-active,
body .mce-btn.mce-active:hover,
body .mce-btn:not(.mce-menubtn).mce-active:hover,
body .mce-btn:hover,
body .mce-btn:not(.mce-menubtn):hover {
  background-color: #e9f7ff;
  border: 0 none;
  outline: 0 none;
}
body .mce-splitbtn .mce-open.mce-active {
  background-color: #e9f7ff;
  border: 0 none;
  outline: 0 none;
}
body .mce-btn:not(.mce-menubtn) {
  border: 0 none;
}
body .mce-btn:not(.mce-menubtn),
body .mce-btn:not(.mce-menubtn):hover {
  background-color: transparent;
}
body .mce-btn:not(.mce-menubtn) button {
  border: 1px solid #0075cd;
  border-radius: 30px;
}
body .mce-btn:not(.mce-menubtn) button:hover,
body .mce-btn:not(.mce-menubtn) button:focus {
  border: 1px solid #0092ff;
}
body .mce-btn-group .mce-btn button,
body .mce-menubar .mce-btn button {
  background-color: transparent;
  border-radius: 0;
}
body .mce-btn-group .mce-btn button,
body .mce-menubar .mce-btn button,
body .mce-btn-group .mce-btn button:hover,
body .mce-menubar .mce-btn button:hover {
  border: 0 none;
}
body .mce-foot {
  border-top: 0 none;
}
body .mce-foot .mce-container-body {
  box-sizing: border-box;
  padding: 0 20px 20px 20px;
  text-align: right;
}
body .mce-foot .mce-container-body .mce-btn + .mce-btn {
  margin-left: 7px;
}
body .mce-foot .mce-abs-layout-item {
  position: static;
}
body .mce-window-head {
  border-bottom: 0 none;
  padding: 20px 20px 0 20px;
}
body .mce-listbox {
  background-color: transparent;
  border: 1px solid transparent;
  color: #707070;
}
body .mce-listbox:hover {
  background-color: transparent;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1);
  color: #000;
}
body .mce-listbox.mce-active,
body .mce-listbox.mce-active:hover {
  background-color: #071a2b;
  border-color: transparent;
  color: #fff;
}
body .mce-listbox.mce-active button {
  color: #fff;
}
body .mce-listbox.mce-active button .mce-caret {
  border-top: 4px solid #fff;
}
body .mce-menu {
  background-color: #071a2b;
  border-top: 0 none;
  padding: 0;
  max-height: 250px;
}
body .mce-menu .mce-menu-item {
  border-left: 0 none;
  padding: 10px 8px;
}
body .mce-menu .mce-menu-item:hover,
body .mce-menu .mce-menu-item.mce-selected,
body .mce-menu .mce-menu-item:focus,
body .mce-menu .mce-menu-item.mce-active {
  background-color: transparent;
}
body .mce-menu .mce-menu-item:hover .mce-text,
body .mce-menu .mce-menu-item.mce-selected .mce-text,
body .mce-menu .mce-menu-item:focus .mce-text,
body .mce-menu .mce-menu-item.mce-active .mce-text {
  color: #fff;
}
body .mce-menu .mce-menu-item .mce-i-none {
  display: inline-block;
  margin-left: -4px;
  width: 0;
}
body .mce-menu .mce-text {
  color: #b2b2b2;
}
/*tiny MCE editor*/
/*Option menu*/
.option-menu-wrap a.menu-button,
.double-escalation-menu-wrap a.menu-button {
  border: 0 none;
  padding: 10px 0;
}
.open.option-menu-wrap a.menu-button:hover,
.open.double-escalation-menu-wrap a.menu-button:hover,
.option-menu-wrap a.menu-button:hover,
.double-escalation-menu-wrap a.menu-button:hover {
  border: 0 none;
}
.open.option-menu-wrap a.menu-button,
.open.double-escalation-menu-wrap a.menu-button {
  background-color: transparent;
  color: #000;
}
.open.option-menu-wrap a.menu-button .menu-arrow-icon,
.open.double-escalation-menu-wrap a.menu-button .menu-arrow-icon {
  background-position: -27px -18px;
}
.option-menu-wrap .menu,
.double-escalation-menu-wrap .menu {
  background: #fff;
  border-top: 1px solid #e5e5e5;
  padding: 0 15px 15px;
  top: 98%;
}
.option-menu-wrap .menu .menu-item,
.double-escalation-menu-wrap .menu .menu-item {
  border-top: 1px solid #e5e5e5;
}
.option-menu-wrap .menu .menu-item:first-child,
.double-escalation-menu-wrap .menu .menu-item:first-child {
  border-top: 0 none;
}
.option-menu-wrap .menu .menu-item label,
.double-escalation-menu-wrap .menu .menu-item label {
  padding: 10px 0;
}
/*tiny editor*/
.msg-editor .tox-tinymce {
  border: 0;
}
.msg-editor .tox .tox-toolbar__group:not(:last-of-type) {
  border: 0;
}
.msg-editor .tox .tox-tbtn:hover {
  background: transparent;
  margin: 0;
}
.msg-editor .tox .tox-edit-area {
  border: 0;
}
.msg-editor button,
.msg-editor .button {
  min-width: 30px;
}
.double-escalation-menu-wrap .menu {
  padding: 5px 15px;
}
/*Option menu*/
/* Page Messages*/
@media screen and (max-width: 1096px) {
  /*.message-box{
		&.download-resp-msg{
			&:after,&:before{
			.calc-fn(left,"100% - 135px");
			}
		}
	}*/
}
/*.message-top*/
.message-bar {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #0078d4;
}
.message-bar .message-content {
  color: #fff;
}
.message-bar .message-content .link-white {
  color: #fff;
}
.message-bar.side-radius {
  border-radius: 5px;
}
.right-page-scrolled .message-bar {
  margin: 0;
}
/*checkbox*/
input[type="checkbox"][disabled] {
  cursor: default;
  /*opacity:0.4;*/
}
input[type="checkbox"][disabled][disabled] + label,
input[type="checkbox"][disabled][disabled] + label .label-text {
  cursor: default;
  opacity: 0.4;
}
input[type="checkbox"][disabled] ~ .toggle-label {
  color: #b2b2b2;
}
/*Familiarisation loader*/
.container .familiarisation-loader .loader,
.container .login-loader .loader {
  max-width: 380px;
}
.container .login-loader .loader {
  max-width: 440px;
}
/*common button text color - only blue background*/
button,
.button {
  /*&.hide-cookie-msg,&.reset-btn.lite {
    color:#0092ff;
  }
*/
}
/*make scrollbar visible for touch webkit devices*/
/*body .table-body-wrap .table-scroll-holder{
	overflow:scroll;
	//-webkit-overflow-scrolling:auto;
	&::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    &::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
}*/
.grey-text {
  color: #707070;
}
/*multi purpose hover style*/
.lite-blue:hover {
  background-color: #e1f5fe;
}
.annotation-linked {
  position: absolute;
  z-index: 1;
  left: 4px;
  top: 4px;
}
/*for Scales the image as large as possible without stretching the image*/
.background-cover {
  background-size: cover;
}
/*overall rating*/
.score-card {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
.score-card .rate-score {
  margin: 0 10px 0 20px;
  position: relative;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.score-card .rate-score li {
  width: 50px;
}
.score-card .rate-score li:last-child {
  width: 24px;
}
.score-card .rate-score li:before {
  content: "";
  display: inline-block;
  border: 0.5px #b2b2b2 solid;
  position: absolute;
  left: 0;
  right: 8px;
  top: 10px;
}
.score-card .rate-score li .score {
  cursor: pointer;
  position: relative;
  z-index: 999;
  border-radius: 18px;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px solid #b2b2b2;
  background-color: #fff;
}
.score-card .rate-score li .score.active {
  background-color: #0092ff;
}
.score-card .rate-score li .radio-ui {
  position: relative;
  z-index: 99;
}
.score-card .rate-score li .label-text {
  margin-top: 21px;
  margin-left: -19px;
}
.score-card .rate-score li input[type="radio"] + label .radio-ui {
  border: 0;
}
.score-card .rate-text {
  position: relative;
  top: -8px;
}
.grid-popup {
  padding: 35px;
  overflow: hidden;
}
.grid-popup.popup .popup-wrap .popup-content {
  overflow: hidden;
}
.grid-popup .grid-wrapper {
  margin-right: 0;
}
.grid-popup.popup .popup-wrap .popup-header {
  margin-bottom: 25px;
}
.grid-popup .work-list-grid {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.grid-popup .table-wrap-l {
  height: 323px;
  overflow: auto;
  flex: 1 1 auto;
}
.grid-popup .table-wrap-lt {
  margin-bottom: 11px;
}
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.judgement-holder .button {
  margin: 0;
}
.judgement-wrapper {
  position: relative;
}
.judgement-wrapper .top.comment-box.callout {
  bottom: 46px;
  left: -466px;
  right: auto;
  top: auto;
  width: 500px;
}
.judgement-wrapper .comment-content {
  border: 1px solid #e5e5e5;
  height: 236px;
  overflow-y: auto;
  resize: none;
  padding: 10px;
  width: 100%;
  white-space: normal;
}
.judgement-wrapper .top.comment-box.callout:after {
  bottom: -12px;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  content: '';
  display: block;
  left: auto;
  right: 9px;
  position: absolute;
  top: auto;
}
.judgement-wrapper .comment-box.callout:before {
  content: none;
}
.judgement-wrapper .comment-box {
  background: #fff;
  border-style: none;
  display: none;
  padding: 15px 10px 10px 10px;
  position: absolute;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 1s;
  -moz-animation: fade-in 1s;
  -ms-animation: fade-in 1s;
  -o-animation: fade-in 1s;
  animation: fade-in 1s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.active-comment .judgement-wrapper .comment-box {
  display: block;
}
.judgement-wrapper .comment-title {
  margin-bottom: 8px;
}
/*Flexible Carousel*/
.horizontal-carousel-wrap {
  position: relative;
}
.horizontal-carousel-inner {
  /*height:100%;*/
  /*Commented to fix ipad stretching issue in chrome*/
}
.horizontal-carousel-mask {
  /*height: 100%;*/
  /*Commented to fix ipad stretching issue in chrome*/
  overflow: hidden;
  position: relative;
}
.horizontal-carousel-container .horizontal-slide {
  opacity: 0;
  position: relative;
  width: 100%;
}
.horizontal-carousel-container .horizontal-slide.active {
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.8s;
  -moz-animation: fade-in 0.8s;
  -ms-animation: fade-in 0.8s;
  -o-animation: fade-in 0.8s;
  animation: fade-in 0.8s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.horizontal-carousel-container .nav-left,
.horizontal-carousel-container .nav-right {
  background: #fff;
  display: block;
  height: 74px;
  margin-top: -37px;
  position: absolute;
  top: 50%;
  width: 65px;
  z-index: 9;
}
.horizontal-carousel-container .carousel-nav {
  height: 8px;
  left: 50%;
  margin-left: -3px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 5px;
}
.horizontal-carousel-container .nav-left {
  left: 0px;
}
.horizontal-carousel-container .nav-right {
  right: 0;
}
.carousel-slide-nav li {
  background-color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  margin-left: 3px;
  text-align: center;
  width: 15px;
}
.carousel-slide-nav li.active {
  background-color: #000;
}
.carousel-slide-nav {
  bottom: 0;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
/*Flexible Carousel End*/
/* LESS Document */
.info-alert {
  color: #0075cd;
  background-color: #e1f5fe;
  border-color: #b3e5fc;
  border-radius: 2px;
}
.error {
  color: #e31111;
}
.error-alert {
  color: #e31111;
  background-color: #feebe9;
  border-color: #fecdd3;
}
.warning {
  color: #ec8d01;
}
.warning-alert {
  background-color: #fff7e1;
  border-color: #ffebb4;
  color: #ec8d01;
}
.success {
  color: #007e49;
}
.success-alert {
  background-color: #e8f6e9;
  border-color: #c9e6ca;
  color: #007e49;
}
.info-alert.callout:before {
  border-color: transparent transparent #b3e5fc transparent;
}
.info-alert.callout:after {
  border-color: transparent transparent #e1f5fe transparent;
}
.message-box {
  border-width: 1px;
  border-style: solid;
  font-size: 1.4rem;
  padding: 20px;
  position: relative;
  white-space: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 1s;
  -moz-animation: fade-in 1s;
  -ms-animation: fade-in 1s;
  -o-animation: fade-in 1s;
  animation: fade-in 1s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.message-box.help-message {
  margin-bottom: 15px;
  width: 316px;
  right: -moz-calc(100% - 95px);
  right: -webkit-calc(100% - 95px);
  right: calc(100% - 95px);
}
.message-box.help-message.callout:before,
.message-box.help-message.callout:after {
  left: 85%;
}
.message-box.help-message.disable-bubble-msg.right-bottom {
  bottom: 155px;
}
.message-box.callout:before {
  border-color: transparent transparent #0078d4 transparent;
  top: -12px;
}
.message-box.callout:after {
  border-color: transparent transparent #0078d4 transparent;
  top: -10px;
}
.message-box.callout:after,
.message-box.callout:before {
  border-width: 0 12px 12px 12px;
  border-style: solid;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
}
.message-box.callout.bottom {
  margin-top: 0;
}
.message-box.callout.bottom:before {
  border-color: #0078d4 transparent transparent transparent;
}
.message-box.callout.bottom:after {
  border-color: #0078d4 transparent transparent transparent;
}
.message-box.callout.bottom:after,
.message-box.callout.bottom:before {
  border-width: 12px 12px 0 12px;
  bottom: -12px;
}
.message-box.callout.left {
  margin-top: 0;
}
.message-box.callout.left:after,
.message-box.callout.left:before {
  border-width: 12px 12px 12px 0;
  left: -12px;
  margin-top: 0;
  top: 12px;
  -webkit-transform: translateY(75%);
  -moz-transform: translateY(75%);
  -ms-transform: translateY(75%);
  -o-transform: translateY(75%);
  transform: translateY(75%);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.message-box.callout.left:before {
  border-color: transparent #0078d4 transparent transparent;
}
.message-box.callout.left:after {
  border-color: transparent #0078d4 transparent transparent;
}
.message-box.callout.left-bottom:after,
.message-box.callout.left-bottom:before {
  bottom: 35px;
  border-color: transparent #0078d4 transparent transparent;
  left: -13px;
  top: inherit;
}
.message-box.callout.right-top:after,
.message-box.callout.right-top:before {
  bottom: auto;
  border-color: transparent transparent transparent #0078d4;
  right: -25px;
  top: 15px;
  border-width: 12px 12px 12px 12px;
  left: auto;
}
.top.message-box.callout {
  bottom: 100%;
  top: auto;
}
.top.message-box.callout:after,
.top.message-box.callout:before {
  border-width: 12px 12px 0 12px;
  border-color: #0078d4 transparent transparent transparent;
  bottom: -13px;
  top: auto;
}
.message-box.callout.download-resp-msg:after,
.message-box.callout.download-resp-msg:before {
  left: 85px;
}
.message-box.callout.right-bottom {
  bottom: -14px;
  max-width: 570px;
  margin-right: 14px;
  left: auto;
  right: 102%;
  top: inherit;
  z-index: 99;
}
.message-box.callout.right-bottom:after,
.message-box.callout.right-bottom:before {
  left: 315px;
  bottom: 8px;
  border-color: transparent transparent transparent #0078d4;
  top: inherit;
  border-width: 12px 0px 12px 12px;
}
.get-response-wrapper .message-box {
  min-width: 450px;
  top: 60px;
  width: 25vw;
  max-width: 100%;
}
.get-response-wrapper .message-box.message-box:after,
.get-response-wrapper .message-box.message-box:before {
  left: 55px;
}
.message-box.marking-approved-msg {
  max-width: 402px;
}
.message-box.marking-approved-msg:after,
.message-box.marking-approved-msg:before {
  left: 25px;
}
.message-box.qig-choose-msg {
  max-width: 402px;
  top: 10px;
  white-space: normal;
  z-index: 105;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  /*.message-move(1.5s);*/
}
.message-box.qig-choose-msg:after,
.message-box.qig-choose-msg:before {
  left: auto;
  right: 25px;
  top: auto;
}
.message-box.float-msg {
  position: absolute;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
}
.message-box.float-msg.fixed {
  position: fixed;
}
.message-box.dark-msg {
  background-color: #0078d4;
  border: 1px solid #0078d4;
  color: #fff;
}
.message-box .close {
  display: inline-block;
  height: 16px;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 16px;
}
.message-box .close .close-icon:after,
.message-box .close .close-icon:before {
  background-color: #00345a;
}
.simple-alert {
  background-color: transparent;
  border: 0 none;
}
/*Notification*/
.notification,
.notification-dot.notify:after {
  background-color: #e31111;
  position: absolute;
  /*.vendorize(transform,translate(50%, -50%));*/
}
button .notification {
  right: 0;
  top: 2px;
}
.notification.info {
  background-color: #0075cd;
  border: 1px solid #fff;
}
.notification.warning {
  background-color: #ec8d01;
  border: 1px solid #fff;
}
.notification.accurate {
  background-color: #007e49;
}
.notification.inaccurate {
  background-color: #e31111;
}
.notification.intolerance {
  background-color: #ed9c00;
}
.notification.circle,
.notification-dot.notify:after {
  border-radius: 40px;
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  /*height:16px;*/
  line-height: 1;
  padding: 3px 6px;
  /*height:16px;*/
  text-align: center;
  /*width:16px;*/
  text-decoration: none;
  /*	.vendorize(transform-origin,50% 100%);*/
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: scaleit 0.3s;
  -moz-animation: scaleit 0.3s;
  -ms-animation: scaleit 0.3s;
  -o-animation: scaleit 0.3s;
  animation: scaleit 0.3s;
}
@-moz-keyframes scaleit {
  0% {
    -webkit-transform: scale(1, 1) translate(50% -50%);
    -moz-transform: scale(1, 1) translate(50% -50%);
    -ms-transform: scale(1, 1) translate(50% -50%);
    -o-transform: scale(1, 1) translate(50% -50%);
    transform: scale(1, 1) translate(50% -50%);
  }
  40% {
    -webkit-transform: scale(1.3, 1.3) translate(50% -50%);
    -moz-transform: scale(1.3, 1.3) translate(50% -50%);
    -ms-transform: scale(1.3, 1.3) translate(50% -50%);
    -o-transform: scale(1.3, 1.3) translate(50% -50%);
    transform: scale(1.3, 1.3) translate(50% -50%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(50% -50%);
    -moz-transform: scale(1, 1) translate(50% -50%);
    -ms-transform: scale(1, 1) translate(50% -50%);
    -o-transform: scale(1, 1) translate(50% -50%);
    transform: scale(1, 1) translate(50% -50%);
  }
}
@-webkit-keyframes scaleit {
  0% {
    -webkit-transform: scale(1, 1) translate(50% -50%);
    -moz-transform: scale(1, 1) translate(50% -50%);
    -ms-transform: scale(1, 1) translate(50% -50%);
    -o-transform: scale(1, 1) translate(50% -50%);
    transform: scale(1, 1) translate(50% -50%);
  }
  40% {
    -webkit-transform: scale(1.3, 1.3) translate(50% -50%);
    -moz-transform: scale(1.3, 1.3) translate(50% -50%);
    -ms-transform: scale(1.3, 1.3) translate(50% -50%);
    -o-transform: scale(1.3, 1.3) translate(50% -50%);
    transform: scale(1.3, 1.3) translate(50% -50%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(50% -50%);
    -moz-transform: scale(1, 1) translate(50% -50%);
    -ms-transform: scale(1, 1) translate(50% -50%);
    -o-transform: scale(1, 1) translate(50% -50%);
    transform: scale(1, 1) translate(50% -50%);
  }
}
@keyframes scaleit {
  0% {
    -webkit-transform: scale(1, 1) translate(50% -50%);
    -moz-transform: scale(1, 1) translate(50% -50%);
    -ms-transform: scale(1, 1) translate(50% -50%);
    -o-transform: scale(1, 1) translate(50% -50%);
    transform: scale(1, 1) translate(50% -50%);
  }
  40% {
    -webkit-transform: scale(1.3, 1.3) translate(50% -50%);
    -moz-transform: scale(1.3, 1.3) translate(50% -50%);
    -ms-transform: scale(1.3, 1.3) translate(50% -50%);
    -o-transform: scale(1.3, 1.3) translate(50% -50%);
    transform: scale(1.3, 1.3) translate(50% -50%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(50% -50%);
    -moz-transform: scale(1, 1) translate(50% -50%);
    -ms-transform: scale(1, 1) translate(50% -50%);
    -o-transform: scale(1, 1) translate(50% -50%);
    transform: scale(1, 1) translate(50% -50%);
  }
}
button .notification.circle {
  padding: 0;
}
/*Notification End*/
/*sprint inner icons start*/
.notification-dot {
  display: inline-block;
  position: relative;
  width: 23px;
}
.notification-dot.notify:after {
  content: '';
  padding: 4px;
  right: -2px;
  top: 3px;
}
@media (max-width: 1023px) {
  .notification-dot {
    width: 18px;
  }
  .notification-dot.notify:after {
    right: -2px;
    top: 0px;
  }
}
/*sprint inner icons end*/
.online-status-bubble {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  position: relative;
  width: 14px;
}
.user-photo-holder .online-status-bubble {
  position: absolute;
  right: -2px;
  top: -2px;
}
.online-status-bubble:before {
  bottom: 0;
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.online.online-status-bubble {
  background-color: #45aa4e;
}
.online.online-status-bubble:before {
  border: 1px solid #45aa4e;
}
.locked.online-status-bubble {
  background-color: #007e49;
  border-color: #007e49;
  background-position: -25px -366px;
  width: 18px;
  height: 18px;
}
.locked.online-status-bubble:before {
  border: none;
}
/*message bar*/
.message-bar {
  border-radius: 2px;
  margin-top: 8px;
  margin-left: -12px;
  margin-right: -12px;
  padding: 9px 9px 8px 12px;
  text-align: left;
}
.message-bar + .grid-wrapper {
  margin-top: 9px;
}
.message-bar .message-content {
  color: #fff;
  display: inline-block;
  text-align: left;
}
/*message bar*/
/* LESS Document */
.header-dropdown {
  margin: auto;
  /*left:@left-column-width;*/
  /*overflow:hidden;		*/
  /*removed to avoid display getting false issue in automation*/
  /*padding-right:14px;
	padding-top:10px;
	position:absolute;
	right:455px;*/
  /*text-align:center;*/
}
.open.header-dropdown .menu {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.3s;
  -moz-animation: fade-in 0.3s;
  -ms-animation: fade-in 0.3s;
  -o-animation: fade-in 0.3s;
  animation: fade-in 0.3s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.close.header-dropdown .menu {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-out 0.3s;
  -moz-animation: fade-out 0.3s;
  -ms-animation: fade-out 0.3s;
  -o-animation: fade-out 0.3s;
  animation: fade-out 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@media screen and (max-width: 1024px) {
  .header-dropdown {
    /*right:320px;*/
  }
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  .header-dropdown {
    /*left:@header-logo-width+@site-margin+20;*/
  }
}
.header-dropdown input[type="text"] {
  display: inline-block;
  height: 30px;
  padding-right: 24px;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
.header-dropdown > .menu {
  left: 0%;
  position: fixed;
  top: 50px;
  height: -moz-calc(100% - 50px + 4px);
  height: -webkit-calc(100% - 50px + 4px);
  height: calc(100% - 50px + 4px);
  /*margin-left: -18px;*/
  /*min-width:618px;*/
}
.header-dropdown .qig-icon-small {
  position: relative;
  z-index: 7;
}
.header-dropdown .menu-button {
  /*background-color:@midnight-blue;		*/
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  text-overflow: ellipsis;
  z-index: 6;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.header-dropdown .menu-button .qig-icon-small {
  opacity: 0.7;
}
.header-dropdown .menu-button:hover .qig-icon-small {
  opacity: 1;
}
.qig-menu {
  color: #fff;
  overflow: auto;
  text-align: left;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.qig-menu .menu-header {
  min-height: 51px;
}
.qig-menu .menu-header .orderby-holder .small-text {
  color: #6690b1;
}
.qig-menu .menu-item-title,
.qig-menu .dropdown-wrap > a.menu-button {
  color: #b3c8d8;
}
.qig-menu .menu-item-title .bolder,
.qig-menu .dropdown-wrap > a.menu-button .bolder {
  color: #fff;
  letter-spacing: 0.5px;
}
.qig-menu .dropdown-wrap.open > a.menu-button {
  color: #fff;
}
.qig-menu .menu-wrapper {
  display: inline-block;
  text-align: left;
  margin: auto;
}
/*.qig-menu .menu-wrap,
.qig-message-wrapper,
.header-dropdown .menu-button{
max-width:728px;
}*/
.qig-message-wrapper {
  left: 86px;
  margin: auto;
  position: relative;
  width: 490px;
}
.qig-group-holder {
  /*border-top:1px solid mix(@pure-white,@dark-cerulean,10%);	*/
  padding: 10px;
  border-radius: 3px;
}
.qig-group-holder + .qig-group-holder {
  margin-top: 15px;
}
.qig-group-holder .select-arrow-icon {
  margin-top: -3px;
}
.qig-group-holder:first-child {
  border-top: 0;
}
.qig-group-holder .qig-title {
  padding: 0 0 10px 0;
  position: relative;
}
.qig-group-holder .qig-title h5 {
  padding-top: 5px;
}
.qig-group-holder .qig-title .qig-title-icon-holder {
  position: absolute;
  right: 10px;
  top: 0;
}
.qig-group-holder .qig-title .qig-title-icon-holder a {
  margin-left: 15px;
  position: relative;
}
.qig-group-holder .qig-title .qig-title-icon-holder a .notification {
  right: -4px;
  top: 0px;
}
.qig-group-holder .qig-menu-content.panel .panel-link .show-paper {
  display: block;
}
.qig-group-holder .qig-menu-content.panel .panel-link .hide-paper {
  display: none;
}
.qig-group-holder .qig-menu-content.panel .qig-expanded {
  display: block;
}
.qig-group-holder .qig-menu-content.panel .qig-expanded .small-bottom-arrow-blue {
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.qig-group-holder .qig-menu-content.panel.open .panel-link .show-paper {
  display: none;
}
.qig-group-holder .qig-menu-content.panel.open .panel-link .hide-paper {
  display: block;
}
.qig-group-holder .qig-menu-content.panel.open .small-bottom-arrow-blue {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.qig-group-holder .qig-menu-content.panel.open .panel-content {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: expand-vertical-inline 0.3s;
  -moz-animation: expand-vertical-inline 0.3s;
  -ms-animation: expand-vertical-inline 0.3s;
  -o-animation: expand-vertical-inline 0.3s;
  animation: expand-vertical-inline 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes expand-vertical-inline {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
}
@-webkit-keyframes expand-vertical-inline {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
}
@keyframes expand-vertical-inline {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
}
.no-panel-animation .qig-group-holder .qig-menu-content.panel.open .panel-content {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
.no-panel-animation .qig-group-holder .qig-menu-content.panel.close .panel-content {
  height: 0;
}
.qig-group-holder .qig-menu-content.panel .small-bottom-arrow-blue {
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.qig-group-holder .qig-menu-content.panel > .qig-wrapper {
  padding: 0 10px;
  border-radius: 0;
}
.qig-group-holder .qig-menu-content.panel > .qig-wrapper .qig-col:first-child {
  border-left: 0;
  padding: 7px 18px 9.5px 10px;
}
.qig-group-holder .qig-menu-content.panel .qig-col5 {
  margin-right: -10px;
}
.qig-group-holder .qig-menu-content.panel .panel-content {
  display: block;
  margin-top: 0;
  background-color: #e9f7ff;
}
.qig-group-holder .qig-menu-content.panel .panel-content .qig-wrapper {
  background-color: #e9f7ff;
  border-radius: 0;
  margin: 0 10px;
}
.qig-group-holder .qig-menu-content.panel .panel-content .qig-wrapper:first-child {
  border-top: 1px solid #00467d;
}
.qig-group-holder .qig-menu-content.panel .panel-content .qig-wrapper .qig-col:first-child {
  padding: 7px 18px 9.5px 10px;
  width: 138px;
}
.qig-group-holder .qig-menu-content.panel .panel-content .qig-col1 {
  border-right: 1px solid #e6e6e6;
}
.qig-group-holder .qig-menu-content .qig-wrapper {
  background-color: #fff;
  border-radius: 2px;
  border-top: 1px solid #00467d;
  color: #071a2b;
  /*cursor:pointer;			
		height:89px;*/
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  /*			.submitted-holder,
		.progress-title,
		.remarking-title{
			margin-bottom:9.5px;	
		}*/
}
.qig-group-holder .qig-menu-content .qig-wrapper:first-child {
  border-top: 0;
}
.qig-group-holder .qig-menu-content .qig-wrapper .grey-text {
  color: #707070;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col {
  border-left: 1px solid #e6e6e6;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  /*display:inline-block;
			height:100%;*/
  min-height: 90px;
  padding: 7px 18px 9.5px 20px;
  /*vertical-align:top;*/
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col:first-child {
  border-radius: 2px 0 0 2px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col:last-child {
  border-radius: 0 2px 2px 0;
  padding: 0 20px 0 9px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col .middle-content {
  width: 100%;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col .middle-content .middle-content-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col .middle-content .middle-content-inner .middle-content-right {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col .middle-content .middle-content-inner .middle-content-right span {
  margin: 0 5px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col .middle-content .downloaded-indicator-icon,
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col .middle-content .download-indicator-icon,
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col .middle-content .remark-download-icon {
  margin-left: 5px;
  margin-top: -3px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col .middle-content .manage-mark-link {
  display: inline-block;
  padding-top: 10px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col1,
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col2 {
  border-left: 0 none;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col1 {
  background-color: #e9f7ff;
  width: 148px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col1.large-qig-col {
  width: 257px;
  flex: 0 0 auto;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col2 {
  /*width:325px;*/
  min-width: 306px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col2.qig-col2 {
  min-width: 276px;
  flex: 1 1 auto;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col2 .script-status {
  color: #e31111;
}
.qig-group-holder .qig-menu-content .qig-wrapper .vertical-middle:before {
  margin-right: 0;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col3 {
  width: 112px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col4 {
  /*width:111px;	*/
  background-color: #f7f7f7;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 {
  margin-left: auto;
  padding: 0;
  /*width:194px;*/
  min-width: 205px;
}
.lang-spanish .qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 {
  min-width: 250px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5:before {
  margin-right: 0;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap {
  position: relative;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .btn-team-management {
  text-align: left;
  /*width: 180px;*/
  padding-right: 40px;
  width: 100%;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .btn-team-management.with-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  /*padding-left: 20px;*/
  padding-right: 50px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .btn-team-management.with-icons .button-text {
  flex: 1 1 auto;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .btn-team-management.with-icons .show-seed-icon {
  display: flex;
  align-items: flex-end;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .btn-team-management.with-icons .show-seed-icon .count {
  background-color: #f43825;
  border-radius: 50px;
  padding: 3px;
  min-width: 16px;
  height: 16px;
  color: #fff;
  font-size: 11px;
  text-indent: 0;
  margin-left: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .btn-team-management.with-icons .stuck-indicator-icon,
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .btn-team-management.with-icons .lock-indicator-icon,
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .btn-team-management.with-icons .show-seed-icon {
  display: block;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .stuck-indicator-icon,
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .lock-indicator-icon {
  position: absolute;
  top: 4px;
  right: 10px;
  display: inline-block;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .show-seed-icon {
  position: absolute;
  top: 4px;
  right: 40px;
  display: inline-block;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .show-seed-icon {
  display: flex;
  align-items: flex-end;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-lock-wrap .show-seed-icon .count {
  background-color: #f43825;
  border-radius: 50px;
  padding: 3px;
  min-width: 16px;
  height: 16px;
  color: #fff;
  font-size: 11px;
  text-indent: 0;
  margin-left: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .stuck-indicator-icon,
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .lock-indicator-icon,
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col5 .show-seed-icon {
  display: none;
}
.qig-group-holder .qig-menu-content .qig-wrapper .qig-col12 {
  width: 100%;
}
.qig-group-holder .qig-menu-content .qig-wrapper .remarking-container {
  /*white-space:nowrap;*/
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.qig-group-holder .qig-menu-content .qig-wrapper .remarking-container .remarking-holder {
  display: inline-block;
  padding-left: 37px;
  /*white-space:normal;*/
}
.qig-group-holder .qig-menu-content .qig-wrapper .remarking-container .remarking-holder:first-child {
  padding-left: 0;
}
.qig-group-holder .qig-menu-content .qig-wrapper .remarking-container .remarking-holder .small-text {
  margin: 1px 0;
  position: relative;
  top: -6px;
  white-space: nowrap;
}
.qig-group-holder .qig-menu-content .qig-wrapper .linear-progress-holder {
  margin-top: 10px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .linear-progress-holder .progress-track {
  width: 100%;
}
.qig-group-holder .qig-menu-content .qig-wrapper .linear-progress-holder .progress.open {
  background-color: #D51E8E;
}
.qig-group-holder .qig-menu-content .qig-wrapper .linear-progress-holder .progress.ingrace {
  background-color: #6e35e2;
}
.qig-group-holder .qig-menu-content .qig-wrapper .linear-progress-holder .progress.closed {
  background-color: #01a76e;
}
.qig-group-holder .qig-menu-content .qig-wrapper .remarking-title {
  margin-bottom: 9.5px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .progress-title,
.qig-group-holder .qig-menu-content .qig-wrapper .second-row-text {
  line-height: 1.2;
  white-space: nowrap;
}
.qig-group-holder .qig-menu-content .qig-wrapper .progress-title .progress-title-text,
.qig-group-holder .qig-menu-content .qig-wrapper .second-row-text .progress-title-text {
  display: inline-block;
  white-space: normal;
}
.qig-group-holder .qig-menu-content .qig-wrapper .second-row-text {
  margin-top: 2px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .progress-title.align-middle,
.qig-group-holder .qig-menu-content .qig-wrapper .target-date-holder.align-middle {
  vertical-align: middle;
}
.qig-group-holder .qig-menu-content .qig-wrapper .progress-title.align-bottom,
.qig-group-holder .qig-menu-content .qig-wrapper .target-date-holder.align-bottom {
  vertical-align: bottom;
}
.qig-group-holder .qig-menu-content .qig-wrapper .submitted-holder,
.qig-group-holder .qig-menu-content .qig-wrapper .over-allocation-holder {
  text-align: right;
}
.qig-group-holder .qig-menu-content .qig-wrapper .remarks-holder {
  margin-top: 10px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .remarks-holder .remarks-text {
  font-size: 12px;
}
.qig-group-holder .qig-menu-content .qig-wrapper .target-date-holder {
  margin-top: 2px;
  width: 100%;
}
.qig-group-holder .qig-menu-content .qig-wrapper .select-qig {
  display: inline-block;
  line-height: 89px;
  width: 100%;
}
.qig-name {
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}
.qig-button-holder {
  max-width: 199px;
  overflow: hidden;
  padding: 5px 0 0 10px;
}
.qig-button-holder button {
  margin-left: 0;
  margin-top: 10px;
  width: 100%;
}
.qig-button-holder button:first-child {
  margin-top: 0;
}
/*NO QIG MESSAGE*/
.no-qig-holder {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.no-qig-holder .qig-icon-big {
  margin: -6.5% auto 0;
}
.no-qig-holder .no-qig-message h4 {
  line-height: 1;
  margin-top: 40px;
}
.downloaded-indicator-holder .small-text {
  margin-left: 5px;
}
.btn-my-marking,
.btn-team-management,
.btn-simulation-marking {
  display: block;
  margin: auto;
  /*min-width:160px;*/
  min-width: 175px;
  width: 100%;
}
/*.btn-team-management{
padding-right: 40px;
}*/
.qig-col5 button.primary + .btn-team-management,
.qig-col5 button.primary + .btn-wrap,
.qig-col5 button.primary + .stuck-lock-wrap,
.qig-col5 button.rounded + button.rounded {
  margin-top: 10px;
}
.qig-col-5 .rounded + .rounded {
  margin-top: 10px;
}
.qig-page-wrapper .qig-menu,
header .header-dropdown .qig-menu {
  height: 100%;
  text-align: center;
}
.move-simulation-popup,
.move-qig-item {
  z-index: 99999;
}
.move-simulation-popup .popup-content,
.move-qig-item .popup-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.qig-moved-wrapper,
.qig-item {
  overflow: auto;
  max-height: 100%;
}
.qig-moved {
  padding-bottom: 5px;
}
.lock-chk-all {
  color: #0092ff;
}
.btn-standardisation .sprite-icon {
  margin-left: 10px;
  margin-right: 8px;
}
/* LESS Document */
.dropdown-wrap.user-menu > .menu-button:hover {
  border-color: transparent;
}
.user-menu > .menu-button {
  padding: 11px 0;
}
.user-menu > .menu-button > .user-icon {
  /*text-indent:0;*/
}
.user-menu > .menu-button > .user-icon > .user-photo {
  border-radius: 50%;
  max-width: 24px;
}
.user-menu .menu-callout {
  right: 35px;
  top: 40px;
}
.user-menu > .menu {
  min-width: 0;
  overflow: hidden;
  position: fixed;
  right: 0px;
  text-align: center;
  top: 50px;
  min-width: 350px;
  -webkit-transition: min-height 0.3s;
  -moz-transition: min-height 0.3s;
  -ms-transition: min-height 0.3s;
  -o-transition: min-height 0.3s;
  transition: min-height 0.3s;
}
.user-menu > .menu.expanded {
  overflow: auto;
  height: -moz-calc(100% - 51px);
  height: -webkit-calc(100% - 51px);
  height: calc(100% - 51px);
}
.iPad .user-menu > .menu.expanded {
  /* issue - 73252 */
  -webkit-overflow-scrolling: auto;
}
.user-menu > .menu.expanded .edit-settings-nav .menu-arrow-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.user-menu > .menu a {
  color: #0092ff;
}
header .dropdown-wrap.user-menu > .menu {
  background-color: #fff;
}
header .dropdown-wrap.user-menu > .menu .dropdown-wrap .menu-button:hover {
  border-color: #d2dee6;
  color: #000;
}
header .dropdown-wrap.user-menu > .menu .dropdown-wrap.open .menu-button:hover {
  border-color: transparent;
  color: #fff;
}
.user-menu > .menu .user-info-holder {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.user-menu > .menu .user-info-holder .user-info-wrapper {
  padding: 30px 16px 20px;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-photo-holder {
  padding: 10px 0;
  text-align: center;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-photo-holder .user-photo {
  max-width: 100px;
  border-radius: 50%;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-details {
  padding: 14px 0 6px;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-details .full-name {
  font-family: "roboto-regular", "Myriad Pro Regular", Arial, Tahoma;
  white-space: nowrap;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-details .user-name {
  color: #707070;
  font-family: "roboto-regular", "Myriad Pro Regular", Arial, Tahoma;
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder {
  border-bottom: 1px solid transparent;
  /*padding:10px 0 0 0;*/
  position: relative;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder:not(.edit):hover {
  border-bottom: 1px solid #e5e5e5;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .email-link-holder {
  display: inline-block;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .email-address {
  display: inline-block;
  color: #707070;
  height: 28px;
  padding: 6px;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .email-address:empty {
  display: none;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .email-address:empty ~ .add-small-icon,
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .email-address:empty ~ .add-email-text {
  display: block;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .email-address:empty ~ .edit-small-icon {
  display: none;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .add-email-text {
  color: #b2b2b2;
  display: none;
  height: 28px;
  padding: 6px;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder.edit .email-link-holder {
  display: none;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .email-link-holder {
  display: inline-block;
  position: relative;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .edit-small-icon,
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .add-small-icon {
  position: absolute;
  top: 10px;
  right: -moz-calc(100% + 5px);
  right: -webkit-calc(100% + 5px);
  right: calc(100% + 5px);
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .edit-small-icon {
  left: -10px;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .add-small-icon {
  display: none;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder input[type="text"] {
  border-bottom: 0 none;
  color: #707070;
  display: none;
  height: 28px;
  padding: 3px 7px;
  padding-right: 21px;
  text-align: center;
  width: 100%;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder input[type="text"]:focus {
  /*padding-right:20px;
							&+.edit-small-icon{
								visibility:hidden;
							}*/
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder.edit input[type="text"].error {
  border-bottom: 1px solid #e31111;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder.edit input[type="text"] {
  display: block;
  border-bottom: 1px solid #e5e5e5;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .bar {
  height: 1px;
  margin-top: -1px;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .email-edit-footer {
  background-color: #fff;
  display: none;
  position: relative;
  width: 100%;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder.edit .email-edit-footer {
  display: block;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .error-holder .bubble {
  width: 100%;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .user-email-holder .save-button-wrapper {
  padding-top: 34px;
}
.user-menu > .menu .user-info-holder .user-info-wrapper .logout-btn {
  margin-top: 32px;
}
.user-menu > .menu .user-info-holder .edit-settings-nav-holder {
  border-top: 1px solid #e5e5e5;
  /*padding:15px 10px 12px;	*/
}
.user-menu > .menu .user-info-holder .edit-settings-nav-holder a {
  display: block;
  padding: 15px 10px 12px;
}
.user-menu > .menu .user-info-holder .edit-settings-nav-holder .edit-settings-nav {
  color: #707070;
}
.user-menu > .menu .user-info-holder .edit-settings-nav-holder .edit-settings-nav:hover {
  text-decoration: underline;
}
.user-menu > .menu .user-info-holder .edit-settings-nav-holder .menu-arrow-icon {
  display: block;
  margin: auto;
  margin-top: 5px;
  -webkit-transition: 0.3s transform;
  -moz-transition: 0.3s transform;
  -ms-transition: 0.3s transform;
  -o-transition: 0.3s transform;
  transition: 0.3s transform;
}
.user-menu > .menu .edit-settings-holder {
  height: 0;
  visibility: hidden;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-out 0.3s;
  -moz-animation: fade-out 0.3s;
  -ms-animation: fade-out 0.3s;
  -o-animation: fade-out 0.3s;
  animation: fade-out 0.3s;
}
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
.user-menu > .menu .edit-settings-holder .tab-holder {
  display: none;
}
.user-menu > .menu .edit-settings-holder .tab-holder .tab-nav {
  background-color: #fff;
}
.user-menu > .menu .edit-settings-holder .tab-holder .tab-nav li {
  width: 50%;
}
.user-menu > .menu .edit-settings-holder .tab-holder .tab-nav li.active {
  border-top-color: #e9f7ff;
}
.user-menu > .menu .edit-settings-holder .tab-holder .tab-nav li.active a {
  background-color: #e9f7ff;
  color: #0092ff;
}
.user-menu > .menu .edit-settings-holder .tab-holder .tab-nav li.active:first-child {
  border-left-color: #e9f7ff;
}
.user-menu > .menu .edit-settings-holder .tab-holder .tab-nav li a {
  color: #707070;
  padding: 17px 20px 9px;
}
.user-menu > .menu .edit-settings-holder .tab-holder .tab-content-holder .tab-content.active {
  background-color: #fff;
}
.open.user-menu > .menu.expanded .edit-settings-holder {
  height: auto;
  visibility: visible;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.3s;
  -moz-animation: fade-in 0.3s;
  -ms-animation: fade-in 0.3s;
  -o-animation: fade-in 0.3s;
  animation: fade-in 0.3s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder {
  display: block;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .label {
  color: #707070;
  line-height: 22px;
  max-width: 227px;
  padding: 3px 0;
  word-wrap: break-word;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .language-settings .label {
  width: 219px;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  border-bottom: 1px solid transparent;
  padding-top: 6px;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field label {
  width: 100%;
  flex: none;
  -webkit-flex: none;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field label.toggle-label {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  width: auto;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  margin-right: 0;
  margin-top: -2px;
  min-width: 73px;
  text-align: right;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component > * {
  text-align: left;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component:not(.dropdown-wrap) {
  padding-left: 16px;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component.dropdown-wrap {
  pointer-events: none;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component.dropdown-wrap .menu-button {
  display: inline-block;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component.dropdown-wrap .menu-button,
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component.dropdown-wrap .menu {
  pointer-events: auto;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component.input-holder {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component.input-holder .input-wrapper {
  width: 50px;
  position: relative;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component.input-holder .input-wrapper input[type="text"] {
  width: 100%;
  border: 1px solid #e5e5e5;
  height: 28px;
  text-align: center;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component.input-holder .input-wrapper input[type="text"]::placeholder {
  color: #707070;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component.input-holder .input-wrapper input.text-underline ~ .bar,
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field .form-component.input-holder .input-wrapper textarea.text-underline ~ .bar {
  margin-top: 0;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field:first-child {
  padding-top: 0;
}
.open.user-menu > .menu.expanded .edit-settings-holder .tab-holder .form-field.group-heading {
  padding-top: 10px;
}
/* LESS Document */
.radial-progress-holder {
  position: relative;
  /*Classes using for svg implementation*/
  /*Classes using for svg implementation*/
}
.open .radial-progress-holder.animated .path {
  /*.loader-svg-animation();*/
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.open .radial-progress-holder.animated .point-circle-svg {
  -webkit-transform-origin: 52px 52px;
  -moz-transform-origin: 52px 52px;
  -ms-transform-origin: 52px 52px;
  -o-transform-origin: 52px 52px;
  transform-origin: 52px 52px;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: inlineRotate 1s;
  -moz-animation: inlineRotate 1s;
  -ms-animation: inlineRotate 1s;
  -o-animation: inlineRotate 1s;
  animation: inlineRotate 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
.qig-tab .radial-progress-holder {
  display: inline-block;
}
.radial-progress-holder .inset {
  background-color: #fff;
  border-radius: 50%;
  height: 63px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 63px;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.radial-progress-holder .inset-text {
  left: 50%;
  position: absolute;
  text-align: center;
  top: -moz-calc(50% - 2px);
  top: -webkit-calc(50% - 2px);
  top: calc(50% - 2px);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 21;
}
.radial-progress-holder .progress-style {
  stroke-width: 6;
  stroke: #95bc2c;
  fill: none;
}
.radial-progress-holder .track-style {
  stroke-width: 6;
  stroke: #edeff2;
  fill: #fff;
}
.radial-progress-holder .target-track-style {
  stroke-width: 5px;
  stroke: #edeff2;
  fill: #fff;
}
.radial-progress-holder .target-progress-style {
  stroke-width: 5px;
  stroke: #95bc2c;
  fill: none;
}
.radial-progress-holder .target-progress-style1 {
  stroke-width: 5px;
  stroke: #D51E8E;
  fill: none;
}
.radial-progress-holder .target-progress-style2 {
  stroke-width: 5px;
  stroke: #6e35e2;
  fill: none;
}
.radial-progress-holder .target-circle-point {
  stroke-width: 2;
  stroke: #95bc2c;
  fill: #fff;
}
.radial-progress-holder .target-svg {
  overflow: visible;
}
.radial-progress-holder .radial-progress {
  background-color: #edeff2;
  border-radius: 50%;
  height: 73px;
  position: absolute;
  width: 73px;
  z-index: 2;
}
.radial-progress-holder .radial-progress .circle .mask,
.radial-progress-holder .radial-progress .circle .fill {
  border-radius: 50%;
  height: 73px;
  position: absolute;
  width: 73px;
  -webkit-backface-visibility: hidden;
}
.radial-progress-holder .radial-progress .circle .mask {
  clip: rect(0px, 73px, 73px, 36.5px);
}
.radial-progress-holder .radial-progress .circle .mask .fill {
  background-color: #95bc2c;
  clip: rect(0px, 36.5px, 73px, 0px);
}
.radial-progress-holder .radial-progress.progress2 {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.radial-progress-holder .radial-progress.progress2 .mask .fill {
  background-color: #D51E8E;
  z-index: 1;
}
.radial-progress-holder .radial-progress.progress3 {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.radial-progress-holder .radial-progress.progress3 .mask .fill {
  background-color: #6e35e2;
  z-index: 1;
}
.open .radial-progress-holder .radial-progress.animated .mask,
.open .radial-progress-holder .radial-progress.animated .fill {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: inlineRotate 1s;
  -moz-animation: inlineRotate 1s;
  -ms-animation: inlineRotate 1s;
  -o-animation: inlineRotate 1s;
  animation: inlineRotate 1s;
}
@-moz-keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
.radial-progress-holder .radial-progress.progress-circle {
  z-index: 11;
}
.radial-progress-holder .radial-progress .circle-point-holder {
  height: 73px;
  position: relative;
  width: 73px;
}
.radial-progress-holder .radial-progress .circle-point-holder .circle-point {
  background-color: #fff;
  border: 2px solid #95bc2c;
  border-radius: 50%;
  position: absolute;
  height: 12px;
  top: -3px;
  width: 12px;
  left: -moz-calc(50% - 6px);
  left: -webkit-calc(50% - 6px);
  left: calc(50% - 6px);
}
.open .radial-progress-holder .radial-progress.animated .circle-point-holder {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: inlineRotate 1s;
  -moz-animation: inlineRotate 1s;
  -ms-animation: inlineRotate 1s;
  -o-animation: inlineRotate 1s;
  animation: inlineRotate 1s;
}
@-moz-keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
.left-menu .radial-progress-holder {
  display: inline-block;
  height: 26px;
  /*margin-left: -34px;*/
  left: 11px;
  top: 0;
  opacity: 0;
  position: absolute;
  top: -5px;
  vertical-align: top;
  width: 27px;
  -webkit-transform: scale(0.26, 0.26);
  -moz-transform: scale(0.26, 0.26);
  -ms-transform: scale(0.26, 0.26);
  -o-transform: scale(0.26, 0.26);
  transform: scale(0.26, 0.26);
  -webkit-transition: width 1s, height 1s, transform 1s, opacity 1s;
  -moz-transition: width 1s, height 1s, transform 1s, opacity 1s;
  -ms-transition: width 1s, height 1s, transform 1s, opacity 1s;
  -o-transition: width 1s, height 1s, transform 1s, opacity 1s;
  transition: width 1s, height 1s, transform 1s, opacity 1s;
  /*Classes using for svg implementation*/
  /*Classes using for svg implementation*/
}
.qig-tab .left-menu .radial-progress-holder {
  display: inline-block;
}
.left-menu .radial-progress-holder .inset {
  background-color: #00345a;
  border-radius: 50%;
  height: 92px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 92px;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.left-menu .radial-progress-holder .inset-text {
  left: 50%;
  position: absolute;
  text-align: center;
  top: -moz-calc(50% - 2px);
  top: -webkit-calc(50% - 2px);
  top: calc(50% - 2px);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 21;
}
.left-menu .radial-progress-holder .progress-style {
  stroke-width: 6;
  stroke: #95bc2c;
  fill: none;
}
.left-menu .radial-progress-holder .track-style {
  stroke-width: 6;
  stroke: #00467d;
  fill: #fff;
}
.left-menu .radial-progress-holder .target-track-style {
  stroke-width: 6px;
  stroke: #00467d;
  fill: #00345a;
}
.left-menu .radial-progress-holder .target-progress-style {
  stroke-width: 6px;
  stroke: #00d096;
  fill: none;
}
.left-menu .radial-progress-holder .target-progress-style1 {
  stroke-width: 6px;
  stroke: #e239a2;
  fill: none;
}
.left-menu .radial-progress-holder .target-progress-style2 {
  stroke-width: 6px;
  stroke: #6e35e2;
  fill: none;
}
.left-menu .radial-progress-holder .target-circle-point {
  stroke-width: 2;
  stroke: #00d096;
  fill: #00345a;
}
.left-menu .radial-progress-holder .target-svg {
  overflow: visible;
}
.left-menu .radial-progress-holder .radial-progress {
  background-color: #00467d;
  border-radius: 50%;
  height: 104px;
  position: absolute;
  width: 104px;
  z-index: 2;
}
.left-menu .radial-progress-holder .radial-progress .circle .mask,
.left-menu .radial-progress-holder .radial-progress .circle .fill {
  border-radius: 50%;
  height: 104px;
  position: absolute;
  width: 104px;
  -webkit-backface-visibility: hidden;
}
.left-menu .radial-progress-holder .radial-progress .circle .mask {
  clip: rect(0px, 104px, 104px, 52px);
}
.left-menu .radial-progress-holder .radial-progress .circle .mask .fill {
  background-color: #00d096;
  clip: rect(0px, 52px, 104px, 0px);
}
.left-menu .radial-progress-holder .radial-progress.progress2 {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.left-menu .radial-progress-holder .radial-progress.progress2 .mask .fill {
  background-color: #e239a2;
  z-index: 1;
}
.left-menu .radial-progress-holder .radial-progress.progress3 {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.left-menu .radial-progress-holder .radial-progress.progress3 .mask .fill {
  background-color: #6e35e2;
  z-index: 1;
}
.open .left-menu .radial-progress-holder .radial-progress.animated .mask,
.open .left-menu .radial-progress-holder .radial-progress.animated .fill {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: inlineRotate 1s;
  -moz-animation: inlineRotate 1s;
  -ms-animation: inlineRotate 1s;
  -o-animation: inlineRotate 1s;
  animation: inlineRotate 1s;
}
@-moz-keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
.left-menu .radial-progress-holder .radial-progress.progress-circle {
  z-index: 11;
}
.left-menu .radial-progress-holder .radial-progress .circle-point-holder {
  height: 104px;
  position: relative;
  width: 104px;
}
.left-menu .radial-progress-holder .radial-progress .circle-point-holder .circle-point {
  background-color: #00345a;
  border: 2px solid #00d096;
  border-radius: 50%;
  position: absolute;
  height: 12px;
  top: -3px;
  width: 12px;
  left: -moz-calc(50% - 6px);
  left: -webkit-calc(50% - 6px);
  left: calc(50% - 6px);
}
.open .left-menu .radial-progress-holder .radial-progress.animated .circle-point-holder {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: inlineRotate 1s;
  -moz-animation: inlineRotate 1s;
  -ms-animation: inlineRotate 1s;
  -o-animation: inlineRotate 1s;
  animation: inlineRotate 1s;
}
@-moz-keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes inlineRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
.left-menu .open .radial-progress-holder  {
  height: 104px;
  opacity: 1;
  width: 104px;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
/* LESS Document */
.linear-progress-holder {
  height: 7px;
  position: relative;
}
.linear-progress-holder .progress-track {
  background-color: rgba(0, 0, 0, 0.06);
}
.linear-progress-holder .progress,
.linear-progress-holder .progress-track {
  border-radius: 4px;
  height: 100%;
  position: absolute;
}
.open:not(.panel) .linear-progress-holder .progress {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: inlineWidth 1s;
  -moz-animation: inlineWidth 1s;
  -ms-animation: inlineWidth 1s;
  -o-animation: inlineWidth 1s;
  animation: inlineWidth 1s;
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  -ms-animation-fill-mode: forward;
  -o-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
@-moz-keyframes inlineWidth {
  0% {
    width: 0;
  }
}
@-webkit-keyframes inlineWidth {
  0% {
    width: 0;
  }
}
@keyframes inlineWidth {
  0% {
    width: 0;
  }
}
.linear-progress-holder .progress.progress1 {
  z-index: 1;
}
.linear-progress-holder .progress.progress2 {
  z-index: 2;
}
.linear-progress-holder .progress.progress3 {
  z-index: 3;
}
/* LESS Document */
/*@grid-resolutions:@base-rsolution+@tile-size*8, @base-rsolution+@tile-size*7,@base-rsolution+@tile-width*6,@base-rsolution+@tile-width*5,@base-rsolution+@tile-width*4,@base-rsolution+@tile-width*3,@base-rsolution+@tile-size*2,@base-rsolution+@tile-size,@base-rsolution*/
/*@grid-resolutions:2976px, 2709px,2448px,2175px,1908px,1641px,1374px,1107px,740px,629px,552px;*/
/*@grid-resolutions:552px, 629px,740px,1107px,1374px,1641px,1908px,2175px,2448px,2709px,2976px;*/
/*.setgridCentre(@index, @res) when(@res<10*@base-resolution){	
		@media(min-width:@res){		
		@tile-media-width:@res+-@site-margin*2;
				
		.grid-holder{
			&.tile-view{
				.grid-wrapper .data-grid{					
					& when(@res>1024px){
						z-index:@tile-media-width;
						z-index:@left-column-width;
						width:@tile-media-width+-@left-column-width+-@site-margin;						
					}
					& when(@res<1025px){
						width:@tile-media-width;	
					}
				}
			}
		}
	}
	
	@next-res:@res+@tile-size;		
	.setgridCentre(@index+1,@next-res);	
}

@media(min-width:1024px){
	.grid-holder{
			&.tile-view{
				.grid-wrapper .data-grid{
					width:1024+-@site-margin*2+-@left-column-width
			}
		}			
	}
	
}

.setgridCentre(1,@base-resolution);
*/
/*
.col{
	
	&.left-col{
		flex:0 0 auto;
		min-width:290px;
	    text-align:left;
		
		width:40%;
	}
	&.centre-col{
		flex:1 1 50%;
		text-align:left;
		width:50%;
	}
	&.right-col{
		flex:0 0 auto;
		min-width:60px;
		text-align:right;	
	}
} */
.column-left {
  height: 100%;
  left: 0;
  overflow: hidden;
  z-index: 9;
  /*.calc-fn(height,"100% - @{header-height}");*/
  -webkit-transition: left 0.3s, background-color 0.3s;
  -moz-transition: left 0.3s, background-color 0.3s;
  -ms-transition: left 0.3s, background-color 0.3s;
  -o-transition: left 0.3s, background-color 0.3s;
  transition: left 0.3s, background-color 0.3s;
  /*.approve-status-holder {*/
  /*}*/
}
.column-left .column-left-inner {
  width: 244px;
}
.column-left.hovered,
.touch-device .column-left {
  overflow-y: auto;
  overflow-x: hidden;
}
.column-left.hovered .profile-info,
.touch-device .column-left .profile-info,
.column-left.hovered .left-menu-holder,
.touch-device .column-left .left-menu-holder {
  width: auto;
}
.iPad .column-left {
  -webkit-overflow-scrolling: auto;
}
.column-left .my-info .designation {
  padding-top: 3px;
  padding-bottom: 6px;
}
.column-left .profile-info {
  /*background-color:@dark-cerulean;*/
  padding: 20px 0 20px 20px;
  position: relative;
  width: 100%;
}
.column-left .profile-info:after,
.std-setup-wrapper .column-left .bottom-menu-holder:before {
  bottom: 0px;
  content: '';
  height: 0;
  display: block;
  position: absolute;
  right: 20px;
  left: 20px;
}
.column-left .profile-info .hierarchy-line {
  border-left: 1px dashed #b2b2b2;
  left: 20px;
  position: absolute;
  top: 40px;
  width: 1px;
  z-index: 1;
  height: -moz-calc(100% - 40px);
  height: -webkit-calc(100% - 40px);
  height: calc(100% - 40px);
}
.column-left .profile-info .user-photo-holder {
  float: left;
  overflow: visible;
  position: relative;
  z-index: 2;
}
.column-left .profile-info .user-photo-holder .user-photo {
  border-radius: 50%;
  max-width: 40px;
}
.column-left .profile-info .user-details-holder {
  overflow: hidden;
  padding-left: 10px;
  padding-right: 0;
  color: #fff;
}
.column-left .profile-info .user-details-holder .designation {
  margin-top: 4px;
}
.column-left .profile-info .user-details-holder .user-name {
  line-height: 1;
  padding-top: 7px;
  padding-right: 10px;
}
.column-left .profile-info .user-details-holder .send-message-holder {
  /*padding-top:7px;*/
}
.column-left .profile-info .user-details-holder .approve-status-holder {
  /*height:30px;*/
  margin-top: 1px;
  margin-bottom: 1px;
}
.column-left .profile-info .user-details-holder .approve-status-holder .bubble {
  padding: 0;
  position: relative;
  background-color: transparent;
}
.column-left .profile-info .user-details-holder .approve-status-holder .bubble a {
  color: inherit;
}
.column-left .profile-info .user-details-holder .approve-status-holder .bubble .small-text {
  color: inherit;
  display: inline-block;
  vertical-align: middle;
  word-break: break-all;
  word-wrap: break-word;
  line-height: 1.3;
  max-width: -moz-calc(100% - 11px);
  max-width: -webkit-calc(100% - 11px);
  max-width: calc(100% - 11px);
}
.column-left .profile-info .user-details-holder .approve-status-holder .bubble .check-request-status {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 2px 3px;
  vertical-align: middle;
}
.column-left .profile-info .user-details-holder .approve-status-holder .bubble .sprite-icon {
  vertical-align: middle;
}
.column-left .profile-info .small-text,
.column-left .profile-info .small-text .dark-link,
.column-left .profile-info .check-request-status {
  color: #adcadf;
}
.column-left .profile-info .bubble .small-text {
  opacity: 1;
}
.column-left .profile-info .message-small-icon {
  opacity: 0.8;
  vertical-align: middle;
}
.column-left .profile-info .status-btn-holder.padding-top-10 {
  padding-top: 9px;
}
.column-left .profile-info .status-btn-holder .change-sts-btn,
.column-left .profile-info .status-btn-holder .req-marking-check {
  line-height: 1;
  margin-left: -20px;
  padding: 7px 12px;
  white-space: normal;
  max-width: 100%;
}
.column-left .marking-instruction-holder,
.column-left .marker-survey-holder {
  padding: 7.5px 0 7.5px 50px;
  position: relative;
}
.column-left .marking-instruction-holder.dropdown-wrap > a.menu-button,
.column-left .marker-survey-holder.dropdown-wrap > a.menu-button {
  background-color: transparent;
  border: 0;
  padding: 0px;
  color: #ccdae5;
  text-decoration: underline;
}
.column-left .marking-instruction-holder.dropdown-wrap > a.menu-button:hover,
.column-left .marker-survey-holder.dropdown-wrap > a.menu-button:hover {
  color: #fff;
}
.column-left .marking-instruction-holder:after,
.column-left .marker-survey-holder:after,
.awarding-wrapper .left-menu-holder .left-menu .search-box-wrap:after {
  border-top: 1px #003864 solid;
  border-bottom: 1px #19598a solid;
  bottom: 0;
  content: '';
  display: block;
  height: 0;
  left: 20px;
  right: 20px;
  position: absolute;
}
.column-left .marking-instruction-holder .link-text,
.column-left .marker-survey-holder .link-text {
  max-width: 150px;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
}
.column-left .marking-instruction-holder .info-icon-blue,
.column-left .marker-survey-holder .info-icon-blue {
  margin-right: 3px;
  position: relative;
  top: 2px;
}
.column-left .marking-instruction-holder .toolexpand-icon,
.column-left .marker-survey-holder .toolexpand-icon {
  position: relative;
  top: 9px;
}
.column-left .marking-instruction-holder.open .link-text,
.column-left .marker-survey-holder.open .link-text {
  color: #fff;
}
.column-left .marking-instruction-holder a,
.column-left .marker-survey-holder a {
  color: #fff;
  vertical-align: middle;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
.column-left .marking-instruction-holder a.marking-survey,
.column-left .marker-survey-holder a.marking-survey {
  margin-top: 15px;
}
.column-left .marking-instruction-holder::after {
  content: none;
}
.column-left .left-menu-holder {
  /* padding-top: 20px;*/
  width: 100%;
}
.column-left .left-menu-holder .left-menu {
  margin-right: -16px;
  position: relative;
}
.column-left .left-menu-holder .left-menu:before {
  background-color: rgba(97, 174, 229, 0.8);
  content: "";
  left: 40px;
  position: absolute;
  top: 20px;
  width: 1px;
  z-index: 1;
  height: -moz-calc(100% - 58px);
  height: -webkit-calc(100% - 58px);
  height: calc(100% - 58px);
}
.column-left .left-menu-holder .left-menu .panel,
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item {
  /*background-color:transparent;*/
  color: #fff;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: background-color 0.3s, padding 0.3s;
  -moz-transition: background-color 0.3s, padding 0.3s;
  -ms-transition: background-color 0.3s, padding 0.3s;
  -o-transition: background-color 0.3s, padding 0.3s;
  transition: background-color 0.3s, padding 0.3s;
}
.column-left .left-menu-holder .left-menu .panel.open {
  padding-bottom: 16px;
}
.column-left .left-menu-holder .left-menu .panel.disabled .panel-link,
.column-left .left-menu-holder .left-menu .panel.disabled .panel-content {
  opacity: 0.3;
}
.column-left .left-menu-holder .left-menu .panel.disabled .menu-count {
  border-color: #4d7ea4;
  color: #4d7ea4;
}
.column-left .left-menu-holder .left-menu .panel:first-child {
  margin-top: 0;
}
.column-left .left-menu-holder .left-menu .panel .menu-text-small .menu-label + .date-text {
  display: inline-block;
  /*padding-left:5px;*/
}
.column-left .left-menu-holder .left-menu .panel .menu-label {
  padding-right: 5px;
}
.column-left .left-menu-holder .left-menu .panel .menu-highlight-text {
  color: #00d096;
  display: block;
  font-size: 1.8rem;
  max-height: 0;
  overflow: hidden;
  /*.vendorize(transition; max-height 1s);*/
}
.column-left .left-menu-holder .left-menu .panel.open .menu-highlight-text {
  max-height: 125px;
}
.column-left .left-menu-holder .left-menu .panel .menu-label {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  vertical-align: bottom;
  white-space: nowrap;
  -webkit-transition: max-width 0.5s;
  -moz-transition: max-width 0.5s;
  -ms-transition: max-width 0.5s;
  -o-transition: max-width 0.5s;
  transition: max-width 0.5s;
}
.column-left .left-menu-holder .left-menu .panel.open .menu-count-completed + .left-menu-link .menu-label {
  max-width: 0;
}
.column-left .left-menu-holder .left-menu .panel .radial-progress-holder {
  display: none;
  -webkit-transition: margin-top 1s, width 1s, height 1s, transform 1s, opacity 1s;
  -moz-transition: margin-top 1s, width 1s, height 1s, transform 1s, opacity 1s;
  -ms-transition: margin-top 1s, width 1s, height 1s, transform 1s, opacity 1s;
  -o-transition: margin-top 1s, width 1s, height 1s, transform 1s, opacity 1s;
  transition: margin-top 1s, width 1s, height 1s, transform 1s, opacity 1s;
}
.column-left .left-menu-holder .left-menu .panel .graph-transition ~ .radial-progress-holder {
  display: block;
}
.column-left .left-menu-holder .left-menu .panel.open .radial-progress-holder {
  margin-top: 25px;
}
.column-left .left-menu-holder .left-menu .panel.open .menu-label {
  /*max-width:100%;*/
  max-width: 0;
  padding-right: 0;
}
.column-left .left-menu-holder .left-menu .panel.completed.open .graph-transition ~ .left-menu-link .menu-label {
  max-width: 0;
}
.column-left .left-menu-holder .left-menu .panel .panel-content {
  margin-top: 13px;
  padding-bottom: 0;
}
.column-left .left-menu-holder .left-menu .panel .panel-content li {
  position: relative;
}
.column-left .left-menu-holder .left-menu .panel .panel-content li .menu-count,
.column-left .left-menu-holder .left-menu .panel .panel-content li .tick-circle-icon {
  left: 9px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.column-left .left-menu-holder .left-menu .panel.open .panel-content {
  max-height: 100%;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: expand-vertical-300px 0.6s;
  -moz-animation: expand-vertical-300px 0.6s;
  -ms-animation: expand-vertical-300px 0.6s;
  -o-animation: expand-vertical-300px 0.6s;
  animation: expand-vertical-300px 0.6s;
}
@-moz-keyframes expand-vertical-300px {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
  100% {
    max-height: 300px;
    display: block;
  }
}
@-webkit-keyframes expand-vertical-300px {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
  100% {
    max-height: 300px;
    display: block;
  }
}
@keyframes expand-vertical-300px {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
  100% {
    max-height: 300px;
    display: block;
  }
}
.column-left .left-menu-holder .left-menu .panel .status-text-holder {
  display: inline-block;
  color: #ccdae5;
}
.column-left .left-menu-holder .left-menu .panel .status-text-holder .status-line {
  border-top: 1px solid #336b97;
  display: block;
  margin: 8px auto 5px auto;
  width: 30px;
}
.column-left .left-menu-holder .left-menu .panel .status-text-holder .status-text {
  color: #b2b2b2;
  font-size: 1.2rem;
}
.column-left .left-menu-holder .left-menu .panel .panel-content .left-submenu-item {
  color: rgba(255, 255, 255, 0.8);
  display: block;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 1px;
  min-width: 216px;
  padding: 6px 14px;
  padding-left: 49px;
  text-decoration: none;
  width: 138px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
.column-left .left-menu-holder .left-menu .panel .panel-content .left-submenu-item:before {
  content: "";
  display: inline-block;
  height: 29px;
  width: 0;
}
.column-left .left-menu-holder .left-menu .panel .panel-content .active .left-submenu-item {
  color: #fff;
  -webkit-border-top-left-radius: 40px;
  -webkit-border-bottom-left-radius: 40px;
  -moz-border-radius-topleft: 40px;
  -moz-border-radius-bottomleft: 40px;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}
.column-left .left-menu-holder .left-menu .panel .panel-content .menu-count {
  margin-right: 10px;
}
.column-left .left-menu-holder .left-menu .panel .menu-count,
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item .menu-count {
  /*background-color:@dark-cerulean;*/
  border: 2px solid #5fbaff;
  border-radius: 40px;
  color: #5fbaff;
  display: inline-block;
  font-size: 1.4rem;
  height: 26.5px;
  line-height: 20px;
  padding: 1px 1px;
  text-align: center;
  vertical-align: middle;
  min-width: 26px;
}
.column-left .left-menu-holder .left-menu .panel .menu-count .sprite-icon {
  vertical-align: middle;
}
.column-left .left-menu-holder .left-menu .panel .menu-count .sprite-icon.dot-dot-dot-icon {
  vertical-align: initial;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.column-left .left-menu-holder .left-menu .panel .menu-count .sprite-icon.pencil-icon {
  margin-top: -4px;
}
.column-left .left-menu-holder .left-menu .panel.active .menu-count,
.column-left .left-menu-holder .left-menu .panel .active .menu-count {
  border-color: #fff;
  color: #fff;
}
.column-left .left-menu-holder .left-menu .panel.open .menu-count {
  background-color: #003e6e;
}
.column-left .left-menu-holder .left-menu .panel.open .active .menu-count {
  background-color: transparent;
  color: #fff;
}
.column-left .left-menu-holder .left-menu .panel.close .active .menu-count {
  background-color: #fff;
}
.column-left .left-menu-holder .left-menu .menu-count,
.column-left .left-menu-holder .left-menu .tick-circle-icon,
.column-left .left-menu-holder .left-menu .tick-circle-waring-icon,
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item .tick-circle-icon,
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item .tick-circle-waring-icon,
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item .menu-count {
  left: 40px;
  opacity: 1;
  position: absolute;
  top: 10px;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: background-color 0.5s, top 0.3s;
  -moz-transition: background-color 0.5s, top 0.3s;
  -ms-transition: background-color 0.5s, top 0.3s;
  -o-transition: background-color 0.5s, top 0.3s;
  transition: background-color 0.5s, top 0.3s;
}
.column-left .left-menu-holder .left-menu .menu-count.graph-transition,
.column-left .left-menu-holder .left-menu .tick-circle-icon.graph-transition,
.column-left .left-menu-holder .left-menu .tick-circle-waring-icon.graph-transition {
  -webkit-transform: scale(1, 1) translateX(-50%);
  -moz-transform: scale(1, 1) translateX(-50%);
  -ms-transform: scale(1, 1) translateX(-50%);
  -o-transform: scale(1, 1) translateX(-50%);
  transform: scale(1, 1) translateX(-50%);
  -webkit-transition: transform 0.5s, opacity 0.5s, left 0.5s, top 0.5s, background-color 0.5s;
  -moz-transition: transform 0.5s, opacity 0.5s, left 0.5s, top 0.5s, background-color 0.5s;
  -ms-transition: transform 0.5s, opacity 0.5s, left 0.5s, top 0.5s, background-color 0.5s;
  -o-transition: transform 0.5s, opacity 0.5s, left 0.5s, top 0.5s, background-color 0.5s;
  transition: transform 0.5s, opacity 0.5s, left 0.5s, top 0.5s, background-color 0.5s;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.column-left .left-menu-holder .left-menu .graph-transition .tick-circle-icon {
  left: 12px;
  top: -1px;
}
.column-left .left-menu-holder .left-menu .open .menu-count {
  background-color: transparent;
}
.column-left .left-menu-holder .left-menu .open .menu-count.graph-transition,
.column-left .left-menu-holder .left-menu .open .tick-circle-icon.graph-transition {
  left: 40px;
  opacity: 0;
  top: 50px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: scale(2.5, 2.5);
  -moz-transform: scale(2.5, 2.5);
  -ms-transform: scale(2.5, 2.5);
  -o-transform: scale(2.5, 2.5);
  transform: scale(2.5, 2.5);
}
.column-left .left-menu-holder .left-menu .left-menu-link,
.std-setup-wrapper .column-left .left-menu-holder .left-menu .left-menu-link,
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item .classification-text {
  color: #ccdae5;
  /*display:inline-block;	*/
  /*vertical-align:top;*/
  /*width:100%;*/
  /*.calc-fn(max-width,"100% - 10px");*/
  display: table-cell;
  height: 52px;
  padding-bottom: 10px;
  padding-left: 72px;
  padding-top: 10px;
  vertical-align: middle;
  text-decoration: none;
  width: 260px;
  -webkit-transition: padding-left 0.3s, padding-top 0.3s, opacity 0.3s;
  -moz-transition: padding-left 0.3s, padding-top 0.3s, opacity 0.3s;
  -ms-transition: padding-left 0.3s, padding-top 0.3s, opacity 0.3s;
  -o-transition: padding-left 0.3s, padding-top 0.3s, opacity 0.3s;
  transition: padding-left 0.3s, padding-top 0.3s, opacity 0.3s;
}
.column-left .left-menu-holder .left-menu .left-menu-link:not(.disabled):hover {
  color: #fff;
}
.column-left .left-menu-holder .left-menu .disabled .left-menu-link {
  cursor: default;
}
.column-left .left-menu-holder .left-menu .open .left-menu-link {
  cursor: default;
  color: #fff;
}
.column-left .left-menu-holder .left-menu .open .graph-transition ~ .left-menu-link {
  padding-left: 125px;
  padding-top: 25px;
  padding-bottom: 51px;
}
.column-left .left-menu-holder .left-menu .open .graph-transition ~ .left-menu-link.vertical-center {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 136px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.column-left .left-menu-holder .left-menu .vertical-caption.open .graph-transition ~ .left-menu-link {
  padding-top: 65px;
  padding-bottom: 55px;
}
.column-left .left-menu-holder .left-menu .panel.open .menu-count {
  z-index: 2;
}
.column-left .left-menu-holder .left-menu .panel.open .left-menu-link.panel-link .menu-text,
.column-left .left-menu-holder .left-menu .panel.open .left-menu-link.panel-link .menu-highlight-text,
.column-left .left-menu-holder .left-menu .panel.open .left-menu-link.panel-link .menu-text-small {
  z-index: 2;
  position: relative;
}
.column-left .left-menu-holder .left-menu .panel.open .left-menu-link.panel-link ~ .panel-content {
  z-index: 2;
  position: relative;
}
.column-left .left-menu-holder .left-menu .panel.open .sprite-icon,
.column-left .left-menu-holder .left-menu .panel.open .radial-progress-holder {
  z-index: 2;
}
.column-left .left-menu-holder .left-menu .panel.open .left-menu-link.panel-link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #003e6e;
  left: 0;
  top: 0;
  z-index: 1;
}
.column-left .left-menu-holder .left-menu .menu-text {
  display: block;
  line-height: 1.2;
  padding: 0 8px 0 0;
  word-break: break-word;
  word-wrap: break-word;
}
.column-left .left-menu-holder .left-menu .small-text {
  color: #adcadf;
}
.column-left .left-menu-holder .left-menu .radial-progress-holder .small-text {
  color: #fff;
  line-height: 1.1;
  padding: 0 10px;
  word-wrap: break-word;
  word-break: break-word;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.column-left .left-menu-holder .left-menu .radial-progress-holder .inset-text .large-text {
  line-height: 1.2;
}
.column-left .left-menu-holder .menu-count .sprite-icon {
  vertical-align: middle;
}
.column-left .left-menu-holder .menu-count .sprite-icon.dot-dot-dot-icon {
  vertical-align: initial;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.column-left.check-examiner-info .column-left-inner {
  width: 100%;
  margin-top: 42px;
}
.column-left.check-examiner-info .column-left-inner .profile-info {
  padding: 15px 0 15px 20px;
}
.column-left.check-examiner-info .column-left-inner .profile-info:after {
  border: none;
}
.column-left.check-examiner-info .column-left-inner .profile-info.active {
  background-color: #003e6e;
}
.column-left .approve-status-holder {
  display: inline-flex;
}
.column-left .approve-status-holder .status-remark {
  padding-left: 3px;
}
.column-left .success {
  color: #00d096;
}
.column-left .error {
  color: #ff9292;
}
.column-left .warning {
  color: #feb200;
}
.response-type {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  -o-align-items: baseline;
  align-items: baseline;
}
.response-type .response-type-dropdown a {
  white-space: nowrap;
}
.column-right {
  height: 100%;
  /*padding-left:0;			*/
  -webkit-transition: padding-left 0.3s;
  -moz-transition: padding-left 0.3s;
  -ms-transition: padding-left 0.3s;
  -o-transition: padding-left 0.3s;
  transition: padding-left 0.3s;
}
.column-right .wrapper {
  height: 100%;
  padding: 0 20px 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.column-right .wrapper .message-bar {
  margin-top: 0;
  margin-bottom: 7px;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
.column-right .wrapper .message-bar:first-child {
  margin-top: 8px;
}
.right-page-scrolled .column-right .wrapper .message-bar:first-child {
  margin-top: 0;
}
.column-right .wrapper > .message-bar,
.column-right .wrapper > .footer-holder {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  flex: 0 0 auto;
}
.right-page-scrolled .column-right .wrapper {
  overflow: auto;
}
.hide-left.right-page-scrolled .column-right .wrapper {
  margin-left: 10px;
}
.column-right.tab-holder .tab-content-holder {
  border-top: 0 none;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  /*height:0;*/
  /*.calc-fn(max-height,"100% - 111px");*/
}
.column-right.tab-holder .tab-content-holder .tab-content {
  height: 100%;
  padding: 0;
  padding-top: 20px;
}
.worklist-wrapper .column-right.tab-holder .tab-content-holder .tab-content.grid-split-holder {
  padding-top: 0;
}
.column-right.tab-holder .tab-content-holder .tab-content.active {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.helper-menu .tab-content-holder .tab-content.active {
  display: block;
}
.helper-menu .tab-content-holder .tab-content {
  display: none;
}
.worklist-wrapper,
.std-setup-wrapper {
  margin: 0;
}
.worklist-wrapper .tab-content,
.std-setup-wrapper .tab-content {
  position: absolute;
  width: 100%;
}
.worklist-wrapper .worklist-loader,
.familiarisation-loader,
.login-loader,
.marking-wrapper .marking-loader,
.message-wrapper .message-loader {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 9999;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 1s;
  -moz-animation: fade-in 1s;
  -ms-animation: fade-in 1s;
  -o-animation: fade-in 1s;
  animation: fade-in 1s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.worklist-wrapper .worklist-loader .loader,
.familiarisation-loader .loader,
.login-loader .loader,
.marking-wrapper .marking-loader .loader,
.message-wrapper .message-loader .loader {
  background: #fff;
  left: 50%;
  max-width: 500px;
  padding: 40px;
  text-align: center;
  width: 100% /*.calc-fn(left,"50% + (@{left-column-width}/2)");	*/;
}
.worklist-wrapper .column-left {
  /*left:-@left-column-width;*/
  position: absolute;
  width: 260px;
  /*.loading&{
			z-index:0;	
		}/*Removing this to fix Flickering issue ofo tab heading background left edge while showing loader*/
}
.worklist-wrapper .column-right,
.std-setup-wrapper .column-right,
.awarding-wrapper .column-right {
  min-width: 100%;
  padding-left: 260px;
}
.switch-view-icon {
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  vertical-align: top;
}
/*.grid-wrapper{
	margin-top:68px;
	.grid-nav ~ &{
		margin-top:146px;
	}
	
}*/
.accurate .tolerance-level {
  color: #007e49;
}
.inaccurate .tolerance-level {
  color: #e31111;
}
.intolerance .tolerance-level {
  color: #ed9c00;
}
.work-list-grid {
  /*.col-candidate {
		text-align: center;
	}*/
}
.work-list-grid .resp-id {
  display: inline-block;
}
.work-list-grid .resp-id a {
  text-decoration: underline;
}
body:not(.touch-device) .work-list-grid .resp-id a:hover {
  text-decoration: none;
}
.work-list-grid .response-type-text {
  border: none;
  background-color: #3b5062;
  color: #fff;
  display: inline-block;
  margin-bottom: 5px;
  padding: 2px 10px;
  word-break: break-word;
  word-wrap: break-word;
  /*white-space:nowrap;*/
}
.work-list-grid .row {
  /*padding:20px 10px;*/
}
.work-list-grid .row:not(.accurate):not(.inaccurate):not(.intolerance) + .row.accurate td,
.work-list-grid .row:not(.accurate):not(.inaccurate):not(.intolerance) + .row.inaccurate td,
.work-list-grid .row:not(.accurate):not(.inaccurate):not(.intolerance) + .row.intolerance td {
  border-top-width: 1px;
  border-top-style: solid;
}
.work-list-grid .row.accurate td,
.tile-view .work-list-grid .row.accurate {
  background-color: #f8fffd;
  border-color: #aeecda;
}
.work-list-grid .row.accurate td a,
.tile-view .work-list-grid .row.accurate a,
.work-list-grid .row.accurate td .tolerance-level,
.tile-view .work-list-grid .row.accurate .tolerance-level {
  color: #007e49;
}
.work-list-grid .row.accurate .response-type-label .response-type-text {
  background-color: #007e49;
}
.tab-content .tile-view .work-list-grid .row.accurate:hover {
  background-color: #f3fffc;
  border-color: #007e49;
}
.work-list-grid .row.accurate.highlight-seed td {
  border-color: #007e49;
}
.work-list-grid .row.inaccurate td,
.tile-view .work-list-grid .row.inaccurate {
  background-color: #fffdfd;
  border-color: #f5d4d4;
}
.work-list-grid .row.inaccurate td a,
.tile-view .work-list-grid .row.inaccurate a,
.work-list-grid .row.inaccurate td .tolerance-level,
.tile-view .work-list-grid .row.inaccurate .tolerance-level {
  color: #e31111;
}
.work-list-grid .row.inaccurate .response-type-label .response-type-text {
  background-color: #e31111;
}
.tab-content .tile-view .work-list-grid .row.inaccurate:hover {
  background-color: #fff7f7;
  border-color: #e31111;
}
.work-list-grid .row.inaccurate.highlight-seed td {
  border-color: #e31111;
}
.work-list-grid .row.intolerance td,
.tile-view .work-list-grid .row.intolerance {
  background-color: #fffffa;
  border-color: #ededa1;
}
.work-list-grid .row.intolerance td a,
.tile-view .work-list-grid .row.intolerance a,
.work-list-grid .row.intolerance td .tolerance-level,
.tile-view .work-list-grid .row.intolerance .tolerance-level {
  color: #ed9c00;
}
.work-list-grid .row.intolerance .response-type-label .response-type-text {
  background-color: #ed9c00;
}
.tab-content .tile-view .work-list-grid .row.intolerance:hover {
  background-color: #ffffef;
}
.work-list-grid .row.intolerance.highlight-seed td {
  border-color: #ed9c00;
}
.work-list-grid .row.warning-alert td,
.tile-view .work-list-grid .row.warning-alert {
  background-color: #fff7e1;
}
.work-list-grid .row.warning-alert td a,
.tile-view .work-list-grid .row.warning-alert a {
  color: #ec8d01;
}
.tile-view .work-list-grid .row.warning-alert,
.work-list-grid .row .table-wrap-l .warning-alert td:first-child {
  border-color: #ec8d01;
  border-style: solid;
  border-left-width: 3px;
}
.work-list-grid .row a.dark-link {
  color: #0075cd;
}
.tile-view .work-list-grid .row {
  background-color: #f7fbff;
  border-color: #cce9ff;
  -webkit-transition: border-color 0.3s ease, background-color 0.3s;
  -moz-transition: border-color 0.3s ease, background-color 0.3s;
  -ms-transition: border-color 0.3s ease, background-color 0.3s;
  -o-transition: border-color 0.3s ease, background-color 0.3s;
  transition: border-color 0.3s ease, background-color 0.3s;
}
.tab-content .tile-view .work-list-grid .row {
  cursor: pointer;
  position: relative;
}
.tile-view .work-list-grid .row .dark-link:hover {
  text-decoration: underline;
}
.tab-content .tile-view .work-list-grid .row:hover {
  background-color: #e9f7ff;
  border-color: #61aee5;
}
.tab-content .tile-view .work-list-grid .row.warning-alert:hover {
  background-color: #ffedbd;
  border-color: #ec8d01;
}
.work-list-grid .row .col-inner {
  white-space: normal;
}
.work-list-grid .row.submitted {
  border-width: 1px;
  border-style: none;
  height: 0;
  overflow: hidden;
  padding: 0;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-out 0.15s;
  -moz-animation: fade-out 0.15s;
  -ms-animation: fade-out 0.15s;
  -o-animation: fade-out 0.15s;
  animation: fade-out 0.15s;
  -webkit-transition: height 0.3s, padding 0.3s, border-width 0.3s;
  -moz-transition: height 0.3s, padding 0.3s, border-width 0.3s;
  -ms-transition: height 0.3s, padding 0.3s, border-width 0.3s;
  -o-transition: height 0.3s, padding 0.3s, border-width 0.3s;
  transition: height 0.3s, padding 0.3s, border-width 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
.work-list-grid .txt-inacurate {
  color: #e31111;
}
.work-list-grid .txt-intolerence {
  color: #ec8d01;
}
.work-list-grid .txt-accurate {
  color: #007e49;
}
.work-list-grid .wl-status {
  min-width: 100px;
  /*width:10.5%;*/
}
.work-list-grid .wl-id {
  /*width:20%;*/
}
.tab-content:not(.resp-closed) .grid-view .work-list-grid .wl-id {
  max-width: -moz-calc(100% - 100px);
  max-width: -webkit-calc(100% - 100px);
  max-width: calc(100% - 100px);
}
.work-list-grid .wl-id .resp-modified-date,
.work-list-grid .wl-id .resp-mark {
  white-space: normal;
  width: 100%;
}
.work-list-grid .wl-id .resp-mark .dim-text {
  display: inline-block;
  padding-top: 4px;
}
.work-list-grid .wl-id .resp-mark .large-text {
  color: #071a2b;
  margin-left: 3px;
}
.work-list-grid .wl-mark {
  /*width:8%;*/
  min-width: 30px;
}
.work-list-grid .wl-mark .col-inner {
  margin: 0 auto;
}
.work-list-grid .wl-mark .col-inner .total-mark {
  border-top: 1px #e5e5e5 solid;
  display: inline-block;
}
.grid-view .work-list-grid .wl-allocated-date {
  max-width: -moz-calc(100% - 130px);
  max-width: -webkit-calc(100% - 130px);
  max-width: calc(100% - 130px);
}
.work-list-grid .wl-allocated-date,
.work-list-grid .wl-grace-period,
.work-list-grid .wl-slao-holder,
.work-list-grid .wl-tolerance {
  /*width:20%;*/
  /*.grid-view &{
			margin-left:20px;
		}*/
}
.work-list-grid .wl-allocated-date .slao,
.work-list-grid .wl-grace-period .slao,
.work-list-grid .wl-slao-holder .slao,
.work-list-grid .wl-tolerance .slao {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}
.work-list-grid .wl-allocated-date .slao + .slao,
.work-list-grid .wl-grace-period .slao + .slao,
.work-list-grid .wl-slao-holder .slao + .slao,
.work-list-grid .wl-tolerance .slao + .slao {
  padding-left: 10px;
}
.work-list-grid .wl-allocated-date .resp-allocated-date,
.work-list-grid .wl-grace-period .resp-allocated-date,
.work-list-grid .wl-slao-holder .resp-allocated-date,
.work-list-grid .wl-tolerance .resp-allocated-date {
  white-space: normal;
}
.work-list-grid .wl-amdtmd .amd .txt-label,
.work-list-grid .wl-amdtmd .tmd .txt-label {
  float: left;
}
.work-list-grid .wl-amdtmd .amd .txt-val,
.work-list-grid .wl-amdtmd .tmd .txt-val {
  float: right;
}
.work-list-grid .wl-grace-period {
  color: #6e35e2;
}
.work-list-grid .svn-icon-holder svg {
  width: 25px;
}
.work-list-grid .wl-message {
  /*width:7%;*/
  /*margin-left:28%;*/
  min-width: 24px;
  text-align: center;
}
.work-list-grid .wl-alert {
  /*width:7%;*/
  /*margin-left:18px;*/
  min-width: 20px;
  text-align: center;
}
.work-list-grid .wl-tag {
  /*width:6%;*/
  min-width: 24px;
  text-align: center;
}
.work-list-grid .wl-tag .col-inner {
  display: inline-block;
}
.work-list-grid .wl-share {
  /*width:6%;*/
  margin-left: 10%;
}
.work-list-grid .wl-share .col-inner {
  min-width: 24px;
}
.work-list-grid .wl-alert,
.work-list-grid .wl-message {
  display: inline-block;
  position: relative;
}
.work-list-grid .wl-alert .col-inner,
.work-list-grid .wl-message .col-inner {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  vertical-align: middle;
}
.work-list-grid .wl-alert .notification,
.work-list-grid .wl-message .notification {
  left: 10px;
  top: -8px;
}
.work-list-grid .button {
  min-width: 70px;
}
.work-list-grid .button.select-mark-btn {
  min-width: 115px;
}
.work-list-grid .wl-alert .notification {
  /* right:0;*/
}
.col-availability .center-available-btn {
  min-width: 148px;
}
.col-availability .center-available-btn:focus {
  background-color: transparent;
  color: #0075cd;
}
.col-availability .center-available-btn:focus:hover {
  background-color: rgba(0, 146, 255, 0.1);
  color: #0092ff;
}
.col-availability .center-available-btn.primary:focus {
  background-color: #0075cd;
  color: #fff;
}
.col-availability .center-available-btn.primary:focus:hover {
  background-color: #0092ff;
}
.col-packet-status .packet-status-btn {
  min-width: 80px;
}
.col-packet-status .status-change-text {
  padding: 10px;
  text-decoration: underline;
}
.col-attendance .attendance-status {
  min-width: 50px;
  display: inline-block;
}
.col-attendance .dropdown-wrap.open .disabled .menu-arrow-icon {
  transform: rotate(0deg);
}
.col-attendance .menu-button {
  padding: 0px;
}
.col-attendance .white.open.dropdown-wrap > a.menu-button {
  background-color: transparent;
}
/*SEED ALERT MESSAGE*/
.show-seed-message .table-wrap-l,
.show-seed-message .table-body-wrap .table-scroll-holder {
  overflow: visible;
}
.show-seed-message tbody .row,
.show-row-highlight tbody .row,
.show-seed-message li.row,
.show-row-highlight li.row {
  opacity: 0.3;
  pointer-events: none;
}
.show-seed-message tbody .row.highlight-seed,
.show-row-highlight tbody .row.highlight-seed,
.show-seed-message li.row.highlight-seed,
.show-row-highlight li.row.highlight-seed,
.show-seed-message tbody .row.highlight-active,
.show-row-highlight tbody .row.highlight-active,
.show-seed-message li.row.highlight-active,
.show-row-highlight li.row.highlight-active {
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-style: solid;
  opacity: 1;
  pointer-events: inherit;
}
.show-seed-message tbody .row.highlight-seed td,
.show-row-highlight tbody .row.highlight-seed td,
.show-seed-message li.row.highlight-seed td,
.show-row-highlight li.row.highlight-seed td,
.show-seed-message tbody .row.highlight-active td,
.show-row-highlight tbody .row.highlight-active td,
.show-seed-message li.row.highlight-active td,
.show-row-highlight li.row.highlight-active td {
  /*border-bottom-width:1px;*/
  /*border-color:@inaccurate;*/
  border-style: solid;
  border-top-width: 1px;
  position: relative;
}
.show-seed-message tbody .row.highlight-active td,
.show-row-highlight tbody .row.highlight-active td,
.show-seed-message li.row.highlight-active td,
.show-row-highlight li.row.highlight-active td {
  border-color: #e5e5e5;
}
.show-seed-message tbody .row.highlight-active td:first-child,
.show-row-highlight tbody .row.highlight-active td:first-child,
.show-seed-message li.row.highlight-active td:first-child,
.show-row-highlight li.row.highlight-active td:first-child {
  border-left: 0;
  border-top: 0;
}
.show-seed-message tbody .row.highlight-active td + td,
.show-row-highlight tbody .row.highlight-active td + td,
.show-seed-message li.row.highlight-active td + td,
.show-row-highlight li.row.highlight-active td + td {
  border-top-width: 0;
}
.show-seed-message .table-wrap-l .row td:first-child,
.show-row-highlight .table-wrap-l .row td:first-child {
  border-left-color: transparent;
}
.grid-view .grid-wrapper .message-box,
.tile-view .grid-wrapper .message-box {
  margin-top: 1px;
  white-space: normal;
  width: 480px;
  z-index: 1;
}
.grid-view .grid-wrapper .message-box {
  left: 4px;
}
.grid-view .show-seed-message .table-wrap-l {
  overflow: visible;
}
.grid-view .show-seed-message .table-body-wrap .table-scroll-holder {
  overflow-y: hidden;
}
.show-seed-message.grid-wrapper .message-box,
.tile-view .show-seed-message.grid-wrapper .message-box,
.grid-view .show-seed-message.grid-wrapper .message-box {
  top: -moz-calc(100% + 15px);
  top: -webkit-calc(100% + 15px);
  top: calc(100% + 15px);
}
/* .response-type-label{
  	max-width: 47px;
  }*/
.tile-view .grid-wrapper .message-box {
  top: 15px;
  left: 0;
}
.tile-view .response-type-label {
  float: right;
  margin-right: -17px;
  margin-top: 3px;
  max-width: 94px;
  text-align: right;
  padding-left: 10px;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  /*		flex: 1 1 25%;
		-webkit-flex: 1 1 25%; 62812 - UI-Alignment issue with qualification response in the tile view*/
}
.tile-view .response-type-label .response-type-text {
  line-height: 1.3;
  text-align: left;
  /*   margin-top:2px;*/
}
.lang-spanish .tile-view .response-type-label .response-type-text {
  max-width: 94px;
}
/*SEED ALERT MESSAGE - END*/
.grid-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-bottom: 10px;
  height: 100%;
  width: 100%;
}
.grid-holder .grid-title-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.grid-holder .grid-title-wrapper .clearfix.page-sub-header {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.grid-holder.selectable-grid {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -o-flex: 1 1 auto;
  flex: 1 1 auto;
}
.tab-content .grid-holder {
  height: 100%;
}
.team-wrapper .grid-holder,
.awarding-wrapper .grid-holder {
  flex: 1 1 auto;
}
.grid-holder .grid-nav {
  /*background-color:@pure-white;		*/
  /*left:@left-column-width+20px;*/
  /*min-width:566px;*/
  padding: 0 0 20px 0;
  /*position:fixed;
		right:@site-margin;
		top:@header-height+89px;
		z-index:7;*/
}
.loading .grid-holder .grid-nav {
  z-index: 0;
}
.grid-holder .grid-nav.shaded {
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.1);
}
.grid-holder .grid-wrapper {
  display: none;
}
.grid-holder.grid-view .grid-wrapper,
.grid-holder.tile-view .grid-wrapper {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.3s;
  -moz-animation: fade-in 0.3s;
  -ms-animation: fade-in 0.3s;
  -o-animation: fade-in 0.3s;
  animation: fade-in 0.3s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.grid-holder.grid-view .grid-wrapper .work-list-grid {
  height: 100%;
  margin-left: -8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  position: absolute;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
}
.hide-left .grid-holder.grid-view .grid-wrapper .work-list-grid {
  margin-left: 0px;
}
.right-page-scrolled .grid-holder.grid-view .grid-wrapper .work-list-grid {
  position: relative;
  margin: 0;
  width: 100%;
  height: auto;
}
.grid-holder .icon-holder {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  height: 22px;
  margin-right: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.grid-holder .icon-holder > .col {
  line-height: 0;
  vertical-align: middle;
}
.grid-holder.tile-view {
  /*.wl-mark,.wl-allocated-date .resp-allocated-date, .wl-message, .wl-tag, .wl-share,.wl-alert{
			display:none;
		}
		.wl-allocated-date{
			visibility:hidden;	
		}*/
}
.grid-holder.tile-view .filter-menu .filter-label,
.grid-holder.tile-view .filter-menu .drop-menu,
.grid-holder.tile-view .filter-menu .sorting-btn {
  display: none;
}
.grid-holder.tile-view .grid-wrapper {
  text-align: center;
}
.grid-holder.tile-view .data-grid {
  display: block;
  margin-left: -15px;
  margin-right: auto;
  min-width: 196px;
  text-align: left;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.grid-holder.tile-view .data-grid:after {
  display: block;
  content: '';
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0;
}
.grid-holder.tile-view .progressing-mark {
  display: inline-block;
  position: relative;
  top: -3px;
}
.grid-holder.tile-view .row {
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  -webkit-flex-direction: column;
  /*display:block;
			float:left;
			height:135px;*/
  padding: 14px 17px 19px 17px;
  max-height: 500px;
  margin: 0 0 15px 15px;
  text-align: left;
  width: 196px;
  vertical-align: top;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  /*.icon-holder{
				float:right;	
			}*/
}
.grid-holder.tile-view .row .worklist-tile-footer {
  margin-top: auto;
  padding-top: 13px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.resp-closed .grid-holder.tile-view .row .worklist-tile-footer {
  margin-top: 0;
}
.grid-holder.tile-view .row.warning-alert {
  /*.wl-alert{
					width:14%;		
				}
				.wl-slao-holder{
					
				}*/
}
.grid-holder.tile-view .row.warning-alert .wl-alert,
.grid-holder.tile-view .row.warning-alert .wl-slao-holder,
.grid-holder.tile-view .row.warning-alert .wl-eur-reason-holder,
.grid-holder.tile-view .row.warning-alert .wl-view-indicator {
  margin-left: 5px;
  /*padding-top:19px;*/
  /*vertical-align:middle;*/
}
.grid-holder.tile-view .row.warning-alert .wl-alert,
.grid-holder.tile-view .row.warning-alert .wl-slao-holder,
.grid-holder.tile-view .row.warning-alert .wl-eur-reason-holder,
.grid-holder.tile-view .row.warning-alert .wl-view-indicator,
.grid-holder.tile-view .row.warning-alert .wl-alert .col-inner,
.grid-holder.tile-view .row.warning-alert .wl-slao-holder .col-inner,
.grid-holder.tile-view .row.warning-alert .wl-eur-reason-holder .col-inner,
.grid-holder.tile-view .row.warning-alert .wl-view-indicator .col-inner {
  display: inline-block;
}
.grid-holder.tile-view .row.warning-alert .wl-alert:first-child,
.grid-holder.tile-view .row.warning-alert .wl-slao-holder:first-child,
.grid-holder.tile-view .row.warning-alert .wl-eur-reason-holder:first-child,
.grid-holder.tile-view .row.warning-alert .wl-view-indicator:first-child {
  margin-left: 0;
}
.grid-holder.tile-view .row.submitted {
  border-style: none;
  border-width: 0;
  max-height: 0;
  margin: 0;
  padding: 20px 0;
  width: 0;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: max-height 0.3s ease-out, width 0.3s ease-out, margin 0.3s ease-out, border-width 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out, width 0.3s ease-out, margin 0.3s ease-out, border-width 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out, width 0.3s ease-out, margin 0.3s ease-out, border-width 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out, width 0.3s ease-out, margin 0.3s ease-out, border-width 0.3s ease-out;
  transition: max-height 0.3s ease-out, width 0.3s ease-out, margin 0.3s ease-out, border-width 0.3s ease-out;
}
.grid-holder.tile-view .row.submitted p,
.grid-holder.tile-view .row.submitted span {
  white-space: nowrap;
}
.grid-holder.tile-view .row.labeled .wl-id .resp-id {
  max-width: 82px;
}
.grid-holder.tile-view .row.seed .wl-id .resp-id,
.grid-holder.tile-view .row.labeled.seed .wl-id .resp-id {
  max-width: 130px;
  width: auto;
}
.grid-holder.tile-view .col {
  display: block;
}
.grid-holder.tile-view .wl-id {
  width: 100%;
}
.grid-holder.tile-view .wl-id .col-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.grid-holder.tile-view .wl-id .resp-id {
  /*max-width:105px;- 62812- UI-Alignment issue with qualification response in the tile view*/
  width: auto;
  padding-bottom: 10px;
  /*padding-right:10px; 62812- UI-Alignment issue with qualification response in the tile view*/
  word-wrap: break-word;
  /*	flex: 0 0 auto ;
				-webkit-flex:0 0 auto; 62812- UI-Alignment issue with qualification response in the tile view*/
  flex: 1 1 auto ;
  -webkit-flex: 1 1 auto;
}
.grid-holder.tile-view .wl-id .txt-label {
  min-height: 16px;
  display: block;
}
.grid-holder.tile-view .wl-status {
  /*margin-top:auto;*/
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  height: 19px;
  min-width: 0;
  /*padding-top:19px;*/
  text-align: left;
  width: 48%;
  /*.col-inner{
				min-height:31px;	
			}*/
}
.grid-holder.tile-view .wl-status button {
  margin-top: -7px;
}
.grid-holder.tile-view .wl-tolerance {
  padding-top: 9px;
  width: 100%;
}
.grid-holder.tile-view .wl-tolerance .amd,
.grid-holder.tile-view .wl-tolerance .tmd {
  width: 100%;
}
.grid-holder.tile-view .wl-tolerance .amd .txt-label,
.grid-holder.tile-view .wl-tolerance .tmd .txt-label {
  display: inline-block;
  float: left;
  max-width: -moz-calc(100% - 21px);
  max-width: -webkit-calc(100% - 21px);
  max-width: calc(100% - 21px);
}
.grid-holder.tile-view .wl-tolerance .amd .txt-val,
.grid-holder.tile-view .wl-tolerance .tmd .txt-val {
  float: right;
}
.grid-holder.tile-view .wl-grace-period {
  display: block;
  margin-left: 0;
  width: 100%;
}
.grid-holder.tile-view .wl-grace-period .slao {
  display: none;
}
.grid-holder.tile-view .wl-allocated-date {
  margin-left: 3%;
  padding-top: 17px;
  text-align: right;
  width: 30%;
}
.grid-holder.tile-view .wl-allocated-date .sprite-icon {
  text-align: left;
}
.grid-holder.tile-view .wl-allocated-date {
  float: left;
  min-height: 10px;
}
.grid-holder.grid-view .warning-alert td {
  border-top-width: 1px;
  /*margin-top: -1px;*/
}
.grid-split-holder {
  height: 100%;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.grid-split-holder .packet-grid {
  margin-top: 20px;
}
.grid-split-holder .table-group-container {
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  /*overflow-y: hidden;
		overflow-x: hidden;*/
  margin-left: -8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.grid-split-holder .table-group-container .grid-wrapper .work-list-grid {
  margin-left: 0px;
}
.wl-status {
  width: 100px;
  min-width: 80px;
}
.response-button-holder,
.tab-right-end {
  /*flex:0 0 auto;*/
  float: left;
  position: relative;
  z-index: 2;
}
.download-rsp-btn,
.submit-all-rsp-btn {
  margin-right: 9px;
  min-height: 38px;
}
.download-rsp-btn.disabled,
.submit-all-rsp-btn.disabled,
.download-rsp-btn[disabled],
.submit-all-rsp-btn[disabled] {
  /*margin-top:-3px;*/
  padding: 0px 17px 6px;
  border: 1px solid #c7c7c7;
}
.download-rsp-btn.disabled span,
.submit-all-rsp-btn.disabled span,
.download-rsp-btn[disabled] span,
.submit-all-rsp-btn[disabled] span {
  display: block;
  line-height: 1;
  padding: 0;
}
.download-rsp-btn.disabled span.empty-response-msg,
.submit-all-rsp-btn.disabled span.empty-response-msg,
.download-rsp-btn[disabled] span.empty-response-msg,
.submit-all-rsp-btn[disabled] span.empty-response-msg {
  font-family: "Roboto", "Myriad Pro Regular", Arial, Tahoma;
}
.download-rsp-btn {
  min-width: 151px;
}
.submit-all-rsp-btn {
  min-width: 190px;
}
.submit-all-rsp-btn.disabled,
.submit-all-rsp-btn[disabled] {
  min-width: 158px;
  padding: 0px 17px 3px;
}
.submit-all-rsp-btn.disabled span,
.submit-all-rsp-btn[disabled] span {
  display: block;
}
.toggle-left-panel {
  margin-top: 8px;
  padding: 6px 10px;
  position: absolute;
  z-index: 9;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.hide-left .toggle-left-panel {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.hide-left .wrapper .message-bar:first-child {
  margin-left: 16px;
}
.right-page-scrolled .hide-left .wrapper {
  margin-left: 0;
}
.page-sub-header {
  padding: 20px 0 10px;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  flex: 0 0 auto;
}
.hide-left {
  /*.response-tabs{
		min-width:1044px;
	}*/
  /*.grid-holder{
		.grid-nav{		
			left:@left-column-width+20px;
		}	
	}*/
}
.hide-left .wrapper .wl-page-header:first-child .page-title {
  padding-left: 36px;
}
.hide-left .column-left {
  /*left:0;*/
  left: -260px;
}
.hide-left .column-right {
  /*padding-left:@left-column-width;*/
  padding-left: 0;
}
.hide-left .wl-page-header {
  /*left:@left-column-width+20px;*/
  /*.tab-nav{
			.active:after{
				left:@left-column-width+20px;								
			}
		}*/
}
.right-page-holder .hide-left .wl-page-header {
  padding-left: 25px;
}
.wl-page-header {
  /*background-color:@pure-white;left:@left-column-width;*/
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  /*padding-top:7px;
	padding-left:20px;
	position:fixed;
	right:0;
	top:@header-height;*/
  margin-right: -20px;
  margin-left: -20px;
  /*overflow:hidden;*/
  position: relative;
  z-index: 8;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  /*.arrow-tab{
		height:52px;	
		
	}*/
}
.wl-page-header.re-active-button {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
@media (max-width: 768px) {
  .wl-page-header.re-active-button .page-title .right-spacer {
    height: 23px;
    padding-left: 0 !important;
  }
}
.loading .wl-page-header {
  z-index: 1;
}
.wl-page-header .page-title {
  align-items: center;
  flex: 1 1 auto;
  flex-wrap: wrap;
  -webkit-flex: 1 1 auto;
  /*margin-bottom: 9px;*/
  padding-left: 20px;
  min-height: 40px;
  padding-bottom: 5px;
  width: 100%;
  order: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  /*display:inline-flex;
		.vendorize(flex-wrap,wrap);
		*/
}
.wl-page-header .page-title .page-title-text {
  display: inline;
  vertical-align: middle;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  line-height: 1;
}
.Safari.iPad .wl-page-header .page-title .page-title-text {
  line-height: 1.4;
}
.wl-page-header .page-title .right-spacer {
  display: inline-block;
  /*float: right;*/
  height: 50px;
  padding-left: 0;
  vertical-align: middle;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.horizontal.tab-holder .wl-page-header .tab-nav li:last-child.arrow-tab.active .arrow-link {
  padding-right: 20px;
}
.horizontal.tab-holder .wl-page-header .tab-nav li:last-child.arrow-tab.active a:after {
  background-color: transparent;
}
.wl-page-header .get-response-wrapper {
  margin-right: 0px;
  /*min-width:170px;*/
  position: relative;
  top: 25px;
  z-index: 1;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.wl-page-header .get-response-wrapper .download-rsp-btn {
  margin-right: 0;
}
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab.resp-closed .arrow-link {
  padding-right: 20px;
}
.wl-page-header .arrow-link {
  /*.calc-fn(height,"100% - 2px");	*/
}
.wl-page-header .arrow-link button {
  display: inline-block;
  height: 38px;
  padding: 6px 12px 9px;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool button {
  padding: 6px 6px 9px;
  vertical-align: middle;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool button.disabled,
.wl-page-header .arrow-link .split-button-wrap.response-pool button[disabled] {
  min-height: 44px;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool button.disabled.download-rsp-btn,
.wl-page-header .arrow-link .split-button-wrap.response-pool button[disabled].download-rsp-btn {
  padding: 6px 10px 9px 20px;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool .menu {
  padding: 10px 13px 22px;
  /* width: 100%;*/
}
.wl-page-header .arrow-link .split-button-wrap.response-pool .menu li {
  border: 0;
  line-height: 1;
  padding: 4px 0px;
  width: 100%;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool .menu li .info-text {
  color: #b2b2b2;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool .menu li input[type="text"] {
  height: 30px;
  margin-bottom: 4px;
  width: 100%;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool .menu li input[type="text"]::-webkit-input-placeholder {
  color: #a2a4a8;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool .menu li input[type="text"]:-moz-placeholder {
  color: #a2a4a8;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool .menu li input[type="text"]::-moz-placeholder {
  color: #a2a4a8;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool .menu li input[type="text"]:-ms-input-placeholder {
  color: #a2a4a8;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool .menu .get-pool-btn,
.wl-page-header .arrow-link .split-button-wrap.response-pool .menu button {
  padding: 5px 6px;
  height: auto;
  min-width: 75px;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool .menu .get-pool-btn {
  width: 100%;
}
.wl-page-header .arrow-link .split-button-wrap.response-pool.response-pool .split-btn.rounded:first-of-type {
  text-align: left;
  padding: 5px 7px 5px 14px;
  min-width: 185px;
}
.wl-page-header .arrow-link,
.wl-page-header .arrow-link:after {
  background-color: #f0f1f2;
}
.wl-page-header .arrow-link:after {
  left: -moz-calc(100% - 15.2px);
  left: -webkit-calc(100% - 15.2px);
  left: calc(100% - 15.2px);
  top: -moz-calc(50% - 16px);
  top: -webkit-calc(50% - 16px);
  top: calc(50% - 16px);
}
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab {
  margin-left: 7px;
  position: relative;
  border: 0 none;
  /*&.response-button-holder{
			/*flex:0 0 auto;
			-webkit-flex:0 0 auto;
			margin-left:auto;
			margin-top:-50px;	
			padding-right:20px;		
			.arrow-link	{
				padding-left:@site-margin;
				padding-right:0;
				background-color:transparent;
			}
		}*/
}
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab:before,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab:before {
  background-color: #fff;
  z-index: 3;
  right: -moz-calc(100% - 16.2px);
  right: -webkit-calc(100% - 16.2px);
  right: calc(100% - 16.2px);
  top: -moz-calc(50% - 15.6px);
  top: -webkit-calc(50% - 15.6px);
  top: calc(50% - 15.6px);
}
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab .arrow-link:after,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab .arrow-link:after,
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab:before,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab:before {
  border-width: 1px;
  border-style: solid;
  border-color: transparent #f0f1f2 #f0f1f2 transparent;
  content: "";
  /*display:block;*/
  height: 32px;
  position: absolute;
  width: 32px;
  -webkit-transform: rotate(-52.5deg) skew(-17deg);
  -moz-transform: rotate(-52.5deg) skew(-17deg);
  -ms-transform: rotate(-52.5deg) skew(-17deg);
  -o-transform: rotate(-52.5deg) skew(-17deg);
  transform: rotate(-52.5deg) skew(-17deg);
  z-index: 11;
}
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab.response-button-holder:before,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab.response-button-holder:before,
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab.tab-right-end:before,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab.tab-right-end:before,
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab.tab-right-end .arrow-link:after,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab.tab-right-end .arrow-link:after {
  display: none;
}
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab.resp-allocated,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab.resp-allocated {
  z-index: 4;
}
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab.resp-open,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab.resp-open {
  z-index: 3;
}
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab.resp-grace,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab.resp-grace {
  z-index: 2;
}
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab.resp-closed,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab.resp-closed {
  z-index: 1;
  /*.tab-text-holder{
				text-align:right;
				padding-right:@site-margin;	
			}*/
}
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab.active a,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab.active a,
.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab.active a:after,
.horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab.active a:after {
  cursor: default;
  background-color: #fff;
}
.horizontal.tab-holder .wl-page-header .tab-nav:last-child .arrow-tab:last-child .arrow-link:after {
  display: none;
}
.wl-page-header ~ .grid-holder {
  height: auto;
  flex: 1 1 auto;
}
.wl-page-header .breadcrumb-holder .breadcrumb .breadcrumb-item,
.wl-page-header .breadcrumb-holder .breadcrumb .nav-text {
  color: #000;
  font-size: 2.4rem;
}
.wl-page-header .breadcrumb-holder .breadcrumb .breadcrumb-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  align-items: center;
}
.wl-page-header .breadcrumb-holder .breadcrumb .breadcrumb-item a {
  color: #0092ff;
  font-size: 2.4rem;
}
.wl-page-header .breadcrumb-holder .breadcrumb .breadcrumb-item a:hover {
  text-decoration: none;
}
.right-page-scrolled .wl-page-header {
  margin: 0;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.wl-page-header .reactive-btn {
  position: absolute;
  right: 0;
  top: 14px;
  right: 30px;
}
.tab-nav-holder {
  /*background-color:@light-grey;*/
  float: right;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  /*margin-right:-@site-margin;*/
  position: relative;
  z-index: 1;
  /*.calc-fn(max-width,"100% - 250px");*/
  order: 3;
}
.tab-nav-holder .tab-nav {
  background-color: #fff;
  float: left;
  /*width:100%;*/
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.tab-nav-holder .tab-nav li {
  flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  min-width: 166px;
}
.tab-nav-holder.tab-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.response-button-holder {
  /*flex:0 0 auto;
	-webkit-flex:0 0 auto;*/
  margin-left: auto;
  margin-top: -50px;
  order: 2;
  height: auto;
  min-height: 52px;
  /*&.arrow-tab{
		padding-right:20px;
	}*/
}
.response-button-holder:not(.arrow-tab) {
  border-right-width: 1px;
  border-color: #f0f1f2;
  border-style: solid;
}
.response-button-holder .arrow-link {
  border-top: 0 none;
}
.arrow-link {
  padding-right: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #f0f1f2 transparent #f0f1f2 transparent;
  border-left: 0 none;
  height: 100%;
  padding: 0px 5px 0 16px;
  position: relative;
  z-index: 2;
}
.tab-right-end .arrow-link,
.tab-nav li .arrow-link {
  background-color: #f0f1f2;
}
.tab-nav li {
  border-top-width: 1px;
}
.tab-text-holder {
  /*display:block;
	padding:0 0 0 46px;*/
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  position: relative;
  height: 50px;
  /*white-space:nowrap;
	top:50%;*/
  z-index: 12;
}
.tab-text-holder:after {
  display: block;
  content: '';
  /*height: 52px;*/
  width: 1px;
  background: red;
}
.tab-text-holder .tab-text {
  /*display:block;	
		margin-left:6px;*/
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  vertical-align: middle;
  /*white-space:normal;*/
  line-height: 1;
}
.tab-text-holder .tab-text,
.tab-text-holder .response-count {
  /*.vendorize(transform,translateY(-50%));*/
}
.tab-text-holder .response-count {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  position: relative;
  left: auto;
}
.arrow-tab .tab-text-holder {
  padding-left: 15px;
}
.tab-right-end {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  overflow: hidden;
  margin: 0;
  height: 52px;
}
.tab-nav {
  max-width: -moz-calc(100vw - 260px);
  max-width: -webkit-calc(100vw - 260px);
  max-width: calc(100vw - 260px);
}
.hide-left .tab-nav {
  max-width: -moz-calc(100vw - 40px);
  max-width: -webkit-calc(100vw - 40px);
  max-width: calc(100vw - 40px);
}
.wl-page-header .arrow-tab.response-button-holder .arrow-link {
  border-color: transparent;
  background-color: transparent;
}
.wl-page-header .arrow-tab.response-button-holder .arrow-link:after {
  display: none;
}
.tab-holder .wl-page-header .arrow-tab.resp-open:before {
  right: 100%;
}
.response-button-holder.arrow-tab + .tab-nav {
  margin-left: -20px;
}
.tab-nav .arrow-tab:first-child:after {
  border: 0;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #f0f1f2;
  content: "";
  /*display:block;*/
  height: 32px;
  position: absolute;
  width: 32px;
  -webkit-transform: rotate(-52.5deg) skew(-17deg);
  -moz-transform: rotate(-52.5deg) skew(-17deg);
  -ms-transform: rotate(-52.5deg) skew(-17deg);
  -o-transform: rotate(-52.5deg) skew(-17deg);
  transform: rotate(-52.5deg) skew(-17deg);
  right: -moz-calc(100% - 9px);
  right: -webkit-calc(100% - 9px);
  right: calc(100% - 9px);
  top: -moz-calc(50% - 15.6px);
  top: -webkit-calc(50% - 15.6px);
  top: calc(50% - 15.6px);
  background-color: #f0f1f2;
  z-index: 100;
}
/* Worklist -  Message*/
.worklist-msgs {
  border: 0 none;
  margin-left: 150px;
  max-width: 500px;
  padding-top: 100px;
  position: relative;
}
.worklist-msgs .msg-title {
  color: #D51E8E;
  margin-bottom: 1em;
}
.worklist-msgs .wl-resp-download {
  margin-bottom: 15px;
}
.worklist-msgs p {
  margin: 0 auto 15px;
}
.worklist-msgs .message-arrow-icon {
  position: absolute;
  left: 130px;
  top: 0px;
}
.worklist-msgs.wait-advise-msg {
  margin: auto;
  max-width: 500px;
}
.download-resp-msg,
.wait-advise-msg {
  max-width: 500px;
}
/*@media (max-width: 1366px){
	@tile-media-width:@tile-width * 3;
	.grid-holder{
		&.tile-view{
			.data-grid{
				width:@tile-media-width;
				.calc-fn(margin-left,"(100% - @{tile-media-width}) / 2");
			}
		}
	}
}*/
@media (max-width: 1400px) and (min-width: 1271px) {
  /*
	.worklist-wrapper:not(.hide-left){
		.wl-page-header.header-search{
			.tab-nav-holder{
				margin-right:-@site-margin;
			}
			.tab-right-end{
				display:none;
			}	
			.tab-nav-holder{
				flex:1;
				-webkit-flex:1;
			}
		}
	}
	.worklist-wrapper.hide-left{
		.wl-page-header.header-search .page-title{
			width:100%;
		}
	}
*/
}
@media (max-width: 1270px) {
  /*
	
	.worklist-wrapper:not(.hide-left){
		.wl-page-header.header-search .tab-nav-holder{
			max-width:none;
		}
		.header-search .response-button-holder .arrow-link:after{
			display:none;	
		}
		.tab-holder .wl-page-header.header-search .response-button-holder .arrow-link{
			background-color:transparent;
			border:0 none;
			float:right;
			button{
				margin-right:0;
			}
		}
		.horizontal.tab-holder .wl-page-header.header-search .tab-nav-holder .tab-nav .arrow-tab:first-child .arrow-link{
			padding: 0 5px 0 5px;
		}
		.header-search .tab-nav-holder{
			margin-left:-@site-margin;
		}
		.horizontal.tab-holder .wl-page-header.header-search .tab-nav li.arrow-tab.resp-open{
			margin-left:0;
			&:before{
				display:none;
			}
		}
		.wl-page-header.tabs-2 .tab-nav-holder{
			flex:1;
			-webkit-flex:1;
		}
		.wl-page-header.tabs-2 .page-title{
			flex:1 1 auto;
			-webkit-flex:1 1 auto;
			width:100%;	
		}
		.wl-page-header.header-search:not(.tabs-2) .page-title{
			flex:1 1 auto;
			-webkit-flex:1 1 auto;
			width:auto;	
		}
		.tab-holder .wl-page-header.header-search.tabs-2 .response-button-holder .arrow-link{
			background-color:@light-grey;
		}
		.tab-holder .wl-page-header.header-search.tabs-2  .arrow-tab.resp-closed:after,
		.header-search.tabs-2  .response-button-holder .arrow-link:after{
			display:block;	
		}
		.horizontal.tab-holder .wl-page-header.header-search.tabs-2 .tab-nav li.active.arrow-tab.resp-open{
			margin-left:7px;
			&:before{
				display:block;
			}
		}
		.horizontal.tab-holder .wl-page-header.header-search.tabs-2 .tab-nav-holder .tab-nav .arrow-tab:first-child .arrow-link{
			padding:0px 5px 0 16px;
		}
		.tabs-2 .tab-nav-holder{
			margin-left:0;
		}
	}
	.worklist-wrapper.hide-left{
		.wl-page-header.header-search:not(.tabs-2) .page-title{
			flex:1 1 100%;
			-webkit-flex:1 1 100%;
			width:100%;
		}

		.wl-page-header.header-search:not(.tabs-2) .tab-nav-holder{
			flex:0 1 auto;
			-webkit-flex:0 1 auto;
			max-width:none;
		}
		.wl-page-header.header-search.tabs-2 .page-title{
			flex:1 1 100%;
			-webkit-flex:1 1 100%;
			width:auto;	
		}		
	}
	
*/
}
@media (max-width: 1140px) {
  /*
	.show-left .horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab .arrow-link, .horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab .arrow-link, .tab-holder .wl-page-header .arrow-tab .arrow-link{
		padding-top:8px;
	}
	.worklist-wrapper:not(.hide-left){
		.wl-page-header .tab-nav-holder{
			max-width:none;
		}
		.header-search.tabs-2 .response-button-holder .arrow-link:after{
			display:none;	
		}
		.tab-holder .wl-page-header.header-search.tabs-2 .response-button-holder .arrow-link{
			background-color:transparent;
			border:0 none;
			float:right;
			button{
				margin-right:0;
			}
		}
		.horizontal.tab-holder .wl-page-header.header-search.tabs-2 .tab-nav-holder .tab-nav .arrow-tab:first-child .arrow-link{
			padding: 0 5px 0 5px;
		}
		.tab-nav-holder{
			margin-left:-@site-margin;
		}
		.horizontal.tab-holder .wl-page-header.header-search.tabs-2 .tab-nav li.active.arrow-tab.resp-open{
			margin-left:0;
			&:before{
				display:none;
			}
		}
		.wl-page-header.header-search.tabs-2 .page-title{
			flex:1 1 auto;
			-webkit-flex:1 1 auto;
			width:auto;	
		}
	}
	.worklist-wrapper.hide-left .horizontal.tab-holder{
		.wl-page-header.header-search .tab-nav-holder{
			flex:1;
			-webkit-flex:1;
		}
		.header-search .response-button-holder .arrow-link{
			background-color:@light-grey;
		}
		.tab-holder .wl-page-header.header-search .arrow-tab.resp-closed:after,
		.header-search .response-button-holder .arrow-link:after{
			display:block;	
		}
		.wl-page-header.header-search .tab-nav-holder .arrow-tab.active.resp-open{
			margin-left:8px;
		}
		.wl-page-header.header-search .tab-nav-holder .tab-nav .arrow-tab:first-child .arrow-link{
			padding:0px 5px 0 16px;
		}
		.header-search .tab-nav-holder{
			flex:1;
			-webkit-flex:1;
			margin-left:0;
		}
		
		.wl-page-header.header-search .arrow-tab.active.resp-open:before{
			display:block;	
		}
		
	}
	.download-resp-msg{
		float:right;
		right:0;
	 }
	.response-button-holder{
		flex:0 0 auto;
		-webkit-flex:0 0 auto;	
		z-index:3;
		.tab-holder .wl-page-header & .arrow-link{
			padding:0 0 0 16px;
		}
	}
	.wl-page-header .page-title{
		flex:1 1 auto;
		-webkit-flex:1 1 auto;
		width:auto;	
	}
	.tab-holder .wl-page-header .response-button-holder .arrow-link{
		background-color:transparent;
		border:0 none;
		button{
			margin-right:0;
		}
		
	}
	.tab-holder .wl-page-header .arrow-tab.resp-closed:after,
	.response-button-holder .arrow-link:after{
			display:none;	
		}
	.horizontal.tab-holder .wl-page-header{
		 .tab-nav-holder{
			float:none;
			flex:1 1 100%;
			-webkit-flex:1 1 100%;
			margin-left:-@site-margin;
			margin-right:-@site-margin+2;	
			.calc-fn(max-width,"100% + 37px");
			.flex-display();
			.arrow-tab,
			.arrow-tab.active{
				flex:1 1 100%;
				-webkit-flex:1 1 100%;	
				
				&.resp-open{
					margin-left:0;	
					&:before{
						display:none;	
					}
				}
			}
			
			.tab-nav{
				.flex-display();
				flex:1 1 100%;
				-webkit-flex:1 1 100%;
				.arrow-tab:first-child .arrow-link{
					padding:0 5px 0 5px;
				}
				
			}
		}
		.tab-right-end{
			display:none;	
			.arrow-link{
				padding:0;	
			}
		}
	}
	.horizontal.tab-holder .wl-page-header .tab-nav li.arrow-tab, .horizontal.tab-holder .wl-page-header .tab-nav li.active.arrow-tab, .tab-holder .wl-page-header .arrow-tab
*/
}
@media (max-width: 992px) {
  /*
	.worklist-wrapper.hide-left{
		.wl-page-header .tab-nav-holder{
			max-width:none;
		}
		.wl-page-header.header-search:not(.tabs-2) .page-title{
			width:auto;
			flex:1 1 auto;
			-webkit-flex:1 1 auto;
		}
		.wl-page-header.header-search.tabs-2 .page-title{
			width:auto;
		}
		.header-search .response-button-holder .arrow-link:after,.horizontal.tab-holder .header-search .response-button-holder .arrow-link:after{
			display:none;	
		}
		.tab-holder .wl-page-header.header-search .response-button-holder .arrow-link{
			background-color:transparent;
			border:0 none;
			float:right;
			button{
				margin-right:0;
			}
		}
		.horizontal.tab-holder .wl-page-header.header-search .tab-nav-holder .tab-nav .arrow-tab:first-child .arrow-link{
			padding: 0 5px 0 5px;
		}
		.horizontal.tab-holder .wl-page-header.header-search .tab-nav-holder{
			margin-left:-@site-margin;
		}
		.horizontal.tab-holder .wl-page-header.header-search:not(tabs-2) .tab-nav-holder{
			flex:1 1 100%;
			-webkit-flex:1 1 100%;
		}
		.horizontal.tab-holder .wl-page-header.header-search .tab-nav li.active.arrow-tab.resp-open{
			margin-left:0;
			&:before{
				display:none;
			}
		}
	}
	.worklist-wrapper:not(.hide-left) .horizontal.tab-holder{
		.wl-page-header.header-search.tabs-2 .tab-nav-holder{
			flex:1 1 100%;
			-webkit-flex:1 1 100%;
		}
		.wl-page-header.header-search.tabs-2 .page-title{
			width:auto;
			flex:0 1 auto;
			-webkit-flex:0 1 auto;
		}
	}
*/
  /*	.worklist-wrapper:not(.hide-left){ #65515 - Alignment issue in EUR pooled worklist. 
		.response-button-holder.atypical-search{
			margin-top: -10px;
		}
		.right-spacer{
			padding-left: 0 !important;
		}
	}*/
}
/*
@media (max-width: 740px){ #65515 - Alignment issue in EUR pooled worklist. 
	.response-button-holder.atypical-search{
		margin-top: 0;
	}
	.right-spacer{
		padding-left: 0 !important;
	}
}
*/
@media (max-width: 900px) {
  /*
	.worklist-wrapper.hide-left{
		.wl-page-header .tab-nav-holder{
			max-width:none;
		}
		.tab-holder .wl-page-header.header-search.tabs-2 .response-button-holder .arrow-link{
			background-color:transparent;
			border:0 none;
			float:right;
			button{
				margin-right:0;
			}
		}
		.horizontal.tab-holder .header-search.tabs-2 .response-button-holder .arrow-link:after{
			display:none;	
		}
		.horizontal.tab-holder .wl-page-header.tabs-2 .tab-nav-holder{
			margin-left:-@site-margin;
		}
		.header-search:not(.tabs-2) .response-button-holder .arrow-link:after,.horizontal.tab-holder .header-search:not(.tabs-2) .response-button-holder .arrow-link:after{
			display:none;	
		}
		.horizontal.tab-holder .wl-page-header.header-search.tabs-2 .tab-nav-holder .tab-nav .arrow-tab:first-child .arrow-link{
			padding: 0 5px 0 5px;
		}
		
		.horizontal.tab-holder .wl-page-header.header-search.tabs-2 .tab-nav li.active.arrow-tab.resp-open{
			margin-left:0;
			&:before{
				display:none;
			}
		}
		.wl-page-header.tabs-2 .page-title{
			flex:1 1 auto;
			-webkit-flex:1 1 auto;
			width:auto;	
		}
	}
*/
}
@media screen and (max-width: 1023px) {
  /*
	 @tile-media-width:@tile-width * 2;	
	 
	 .response-button-holder{
		float:right;
	}
	.grid-holder{
		.grid-nav{
				left:@left-column-width+20px;
				right:20px;
				top:@header-height+130px;
		}			
	}
	.grid-wrapper{
		margin-top:132px;			
		.column-left{
			overflow:auto;
		}							
	}
	
	.worklist-msgs{
		float:right;
		margin-left:0;
		max-width:500px;
		.message-arrow-icon{
			top: 0px;			
			.calc-fn(left,"80% ");
			left:auto;
			right:100px;
			.vendorize(transform, scaleX(-1));
		}
	}
	
	.worklist-wrapper .column-left .left-menu-holder{
		padding-top:0;	
	}
	.worklist-wrapper .column-left .profile-info{
		padding:10px 0 6px @site-margin;	
	}
	
	
	
	.download-rsp-btn{
		margin-right:0px;
	}
	
	
	.grid-holder{
		.grid-nav{		
			left:20px;
		}	
	}
	.grid-wrapper{
		margin-top:112px;								
	}
	.grid-nav~.grid-wrapper{
		.calc-fn(max-height,"100vh - (188px + @{header-height})");
	}
	
	
	
	
*/
}
.grid-wrapper {
  margin-right: -20px;
  padding-right: 20px;
  position: relative;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.grid-wrapper .message-box {
  /*margin-top:20px;*/
}
.grid-wrapper .message-box p + p {
  margin-top: 10px;
}
.tile-view .grid-wrapper {
  overflow: auto;
  /*.vendorize(transform;translate3d(0,0,0));*/
}
.tile-view .grid-wrapper .message-box {
  text-align: left;
}
.grid-wrapper .number-of-batches.dropdown-wrap .menu table tr {
  background-color: transparent;
}
.grid-wrapper .number-of-batches.dropdown-wrap .menu table tr th,
.grid-wrapper .number-of-batches.dropdown-wrap .menu table tr td {
  white-space: nowrap;
}
.grid-wrapper .number-of-batches.dropdown-wrap .menu table tr th:before,
.grid-wrapper .number-of-batches.dropdown-wrap .menu table tr td:before {
  height: 25px;
}
.grid-wrapper .number-of-batches.dropdown-wrap .menu table tr th .small-text,
.grid-wrapper .number-of-batches.dropdown-wrap .menu table tr td .small-text {
  padding: 3px;
}
.worklist-wrapper .content-wrapper,
.std-setup-wrapper .content-wrapper {
  /*position:-webkit-sticky;*/
  overflow: visible;
}
.filter-menu .pagination-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  margin: 14px 0px;
}
.filter-menu .pagination-item .arrow-right,
.filter-menu .pagination-item .arrow-left {
  border: 1px solid #0078d4;
  border-radius: 2px;
  min-width: 0;
}
.filter-menu .pagination-item .arrow-right.disabled,
.filter-menu .pagination-item .arrow-left.disabled {
  border: 1px solid #b2b2b2;
  opacity: 1;
}
.filter-menu .pagination-item .arrow-left {
  padding: 4px 6px 0px 0px;
}
.filter-menu .pagination-item .arrow-right {
  padding: 4px 0px 0px 6px;
}
.filter-menu .pagination-item .pagination-text {
  padding: 5px 13px 0px 13px;
}
.filter-menu > li {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.filter-menu > li.drop-menu {
  padding: 0;
}
.filter-menu > li.switch-view-btn .toggle-btn-label {
  font-size: 1.3rem;
}
.filter-menu > li.switch-view-btn .switch-view {
  background-color: #fff;
  /*border:1px solid @light-grey;*/
  border-right: 0 none;
  color: #071a2b;
  display: inline-block;
  font-size: 1.3rem;
  padding: 7px 10px;
  text-decoration: none;
}
.filter-menu > li.switch-view-btn .switch-view + .switch-view {
  /*border-right:1px solid @light-grey;*/
}
.filter-menu > li.switch-view-btn .switch-view.active {
  background-color: #f0f1f2;
  color: #707070;
  cursor: default;
  display: none;
}
.filter-menu > li.switch-view-btn .switch-view:hover .view-text {
  color: #0092ff;
}
.filter-menu > li.switch-view-btn .switch-view .view-text,
.filter-menu > li.switch-view-btn .switch-view .sprite-icon {
  vertical-align: middle;
}
.filter-menu > li.switch-view-btn .switch-view .view-text {
  color: #0075cd;
  padding-left: 5px;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .filter-menu > li.switch-view-btn {
    white-space: nowrap;
  }
}
.filter-menu > li.sorting-btn {
  border-right: 1px solid #e5e5e5;
  padding-right: 12px;
  padding-top: 1px;
}
.worklist-radio-filter {
  -webkit-flex: auto 0;
  flex: auto 0;
}
.worklist-radio-filter input[type="radio"] + label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.worklist-radio-filter input[type="radio"] + label .label-text {
  -webkit-flex: 0 auto;
  flex: 0 auto;
}
.worklist-radio-filter input[type="radio"] + label .radio-ui {
  -webkit-flex: none;
  flex: none;
}
.worklist-toggle-filter {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.worklist-radio-filter,
.worklist-toggle-filter {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.worklist-radio-filter > li,
.worklist-toggle-filter > li {
  padding: 5px 15px;
  vertical-align: top;
}
.touch-device .worklist-radio-filter > li,
.touch-device .worklist-toggle-filter > li {
  padding: 5px;
}
.worklist-radio-filter > li.filter-by-title,
.worklist-toggle-filter > li.filter-by-title {
  padding-right: 0;
  font-weight: bold;
  color: #707070;
  min-width: 75px;
}
@media (max-width: 768px) {
  .worklist-wrapper:not(.hide-left) .worklist-radio-filter > li.filter-by-title,
  .worklist-wrapper:not(.hide-left) .worklist-toggle-filter > li.filter-by-title {
    min-width: inherit;
    margin-right: 6px;
  }
}
.worklist-radio-filter > li:last-child,
.worklist-toggle-filter > li:last-child {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.worklist-radio-filter:after,
.worklist-toggle-filter:after {
  content: '';
  display: block;
  height: 1px;
  line-height: 0;
  clear: both;
}
.worklist-radio-filter input[type="radio"] + label,
.worklist-toggle-filter input[type="radio"] + label {
  white-space: nowrap;
}
.worklist-radio-filter input[type="radio"] + label .label-text,
.worklist-toggle-filter input[type="radio"] + label .label-text {
  vertical-align: top;
  max-width: 100%;
  white-space: normal;
}
.worklist-toggle-filter li:first-child {
  padding-left: 0;
}
.worklist-toggle-filter .frv-toggler-label {
  color: #707070;
  font-weight: bold;
}
.worklist-toggle-filter .toggle-button {
  margin-left: 8px;
}
.work-list-grid table {
  table-layout: auto;
}
.table-header-wrap,
.table-content-wrap {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.table-header-wrap tr:nth-child(even),
.table-content-wrap tr:nth-child(even) {
  background-color: #f8f9fb;
}
.table-wrap-t {
  overflow: hidden;
  position: relative;
}
.table-wrap-t .header-scroll-holder {
  height: 100%;
  /*left:0;*/
  overflow: hidden;
  /*position:absolute;
		top:0;*/
  width: 100%;
}
.table-wrap-t,
.table-body-wrap {
  width: 100%;
}
.table-wrap-lt tr th:first-child,
.table-wrap-l tr td:first-child {
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: transparent;
}
.table-wrap-t tr th:last-child,
.table-body-wrap tr td:last-child {
  width: auto;
}
.table-wrap-t tr th:last-child.col-declassify,
.table-body-wrap tr td:last-child.col-declassify {
  min-width: 85px;
}
.table-wrap-t tr th:last-child .header-data,
.table-body-wrap tr td:last-child .header-data,
.table-wrap-t tr th:last-child .cell-data,
.table-body-wrap tr td:last-child .cell-data {
  padding-right: 17px;
}
/*.table-content-wrap tr{
	line-height:40px;
}*/
.grid-view td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #fff;
}
.grid-view .row td .close-icon-link {
  display: inline-block;
  height: 11px;
  position: relative;
  overflow: hidden;
  text-indent: 999px;
  width: 11px;
}
.table-content-wrap td {
  border-left-color: transparent;
  vertical-align: middle;
  white-space: nowrap;
}
.table-content-wrap td:before {
  content: "";
  display: inline-block;
  height: 40px;
  vertical-align: middle;
}
.header-data,
.cell-data {
  padding: 3px 8px 3px 3px;
  position: relative;
}
.cell-data {
  white-space: nowrap;
}
.table-header-wrap {
  position: relative;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.table-header-wrap .sort-head-text {
  white-space: nowrap;
}
.table-header-wrap .header-scroll-holder tr > [class^="col-"],
.table-content-wrap .table-scroll-holder tr > [class^="col-"] {
  width: 1%;
}
.table-content-wrap {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.table-content-wrap .header-data,
.table-content-wrap .cell-data {
  display: inline-block;
  vertical-align: middle;
}
.resp-alerts {
  display: inline-block;
}
.table-wrap-l,
.table-wrap-lt {
  position: relative;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  /*.vendorize(box-shadow, 3px 0px 3px fade(@pure-black,10%));
	.scrolled-left &{
		.vendorize(box-shadow,none);	
	}*/
}
.IE .table-wrap-l,
.IE .table-wrap-lt {
  z-index: 7;
}
.table-wrap-lt {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
}
.table-wrap-l {
  overflow: hidden;
}
.table-scroll-l {
  overflow: auto;
  height: 100%;
}
.work-list-grid .drop-shadow {
  background-color: transparent;
  float: right;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: -5px;
  width: 100%;
  height: -moz-calc(100% + 5px);
  height: -webkit-calc(100% + 5px);
  height: calc(100% + 5px);
  -webkit-box-shadow: inset 5px 0px 9px -5px rgba(0, 0, 0, 0.2), inset -5px 0px 9px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 5px 0px 9px -5px rgba(0, 0, 0, 0.2), inset -5px 0px 9px -5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 5px 0px 9px -5px rgba(0, 0, 0, 0.2), inset -5px 0px 9px -5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 5px 0px 9px -5px rgba(0, 0, 0, 0.2), inset -5px 0px 9px -5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 5px 0px 9px -5px rgba(0, 0, 0, 0.2), inset -5px 0px 9px -5px rgba(0, 0, 0, 0.2);
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -ms-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.scrolled-left.work-list-grid .drop-shadow {
  -webkit-box-shadow: inset 0px 0px 0px -20px rgba(0, 0, 0, 0), inset -5px 0px 9px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 0px -20px rgba(0, 0, 0, 0), inset -5px 0px 9px -5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0px 0px 0px -20px rgba(0, 0, 0, 0), inset -5px 0px 9px -5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0px 0px 0px -20px rgba(0, 0, 0, 0), inset -5px 0px 9px -5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 0px -20px rgba(0, 0, 0, 0), inset -5px 0px 9px -5px rgba(0, 0, 0, 0.2);
}
.scrolled-right.work-list-grid .drop-shadow {
  -webkit-box-shadow: inset 5px 0px 9px -5px rgba(0, 0, 0, 0.2), inset 0px 0px 9px -20px rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 5px 0px 9px -5px rgba(0, 0, 0, 0.2), inset 0px 0px 9px -20px rgba(0, 0, 0, 0);
  -ms-box-shadow: inset 5px 0px 9px -5px rgba(0, 0, 0, 0.2), inset 0px 0px 9px -20px rgba(0, 0, 0, 0);
  -o-box-shadow: inset 5px 0px 9px -5px rgba(0, 0, 0, 0.2), inset 0px 0px 9px -20px rgba(0, 0, 0, 0);
  box-shadow: inset 5px 0px 9px -5px rgba(0, 0, 0, 0.2), inset 0px 0px 9px -20px rgba(0, 0, 0, 0);
}
.scrolled-left.scrolled-right.work-list-grid .drop-shadow {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.work-list-grid.feedback-grid .cell-data .notification {
  position: relative;
  padding: 3px 5.5px;
}
.iPad .table-body-wrap .table-content-holder {
  /*transform: translateZ(0); /*To fix defect #81376 - On selecting tag to apply, grid content not displayed. (only reproducible when single row available)*/
  /*.tag{
				transform: translateZ(100px); /*To fix defect #81376 - On selecting tag to apply, grid content not displayed. (only reproducible when single row available)
			}*/
  width: 101%;
  /*Added to fix 94206 - Unable to scroll closed worklist , when only one response is available (ipad)*/
}
.iPad .table-body-wrap .table-content-holder tr:only-child {
  transform: translateZ(100px) /*#81376*/;
}
.table-body-wrap {
  position: relative;
  /*&:before {
		content:'';
		display:block;		
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		pointer-events:none;
		.vendorize(box-shadow,inset -3px 3px 3px fade(@pure-black,10%));
	}​*/
  /*&:after {
		content:'';
		display:block;		
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		pointer-events:none;
		.vendorize(box-shadow,inset -3px 3px 3px fade(@pure-black,10%));
	}​*/
}
.table-body-wrap .table-scroll-holder,
.table-body-wrap .form-scroll-holder {
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}
.IE .table-body-wrap .table-scroll-holder,
.IE .table-body-wrap .form-scroll-holder,
.Edge .table-body-wrap .table-scroll-holder,
.Edge .table-body-wrap .form-scroll-holder {
  /*commented this style for avoiding mis-alignment on scrolling(this line ia already a fix for cutting the last row when thr is no bottom scroll bar)*/
}
.right-page-scrolled .table-body-wrap .table-scroll-holder,
.right-page-scrolled .table-body-wrap .form-scroll-holder {
  position: relative;
}
.table-body-wrap .table-content-holder {
  height: 100%;
  /*left:0;
		position:absolute;
		top:0;*/
  width: 100%;
}
.table-body-wrap .table-content-holder .col-marker .marker-name {
  text-decoration: underline;
}
.scrolled-left .table-body-wrap:before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.popup.small.request-marking-check .popup-wrap {
  width: 265px;
  min-width: inherit;
}
.popup.small.request-marking-check .popup-wrap .despt {
  color: #707070;
  margin-bottom: 22px;
}
.popup.change-status:before,
.popup.request-marking-check:before {
  height: auto;
}
.open.popup.change-status,
.open.popup.request-marking-check,
.open.popup.change-status .popup-wrap,
.open.popup.request-marking-check .popup-wrap {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.3s;
  -moz-animation: fade-in 0.3s;
  -ms-animation: fade-in 0.3s;
  -o-animation: fade-in 0.3s;
  animation: fade-in 0.3s;
  padding: 12px 16px 16px 14px;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.close.popup.change-status,
.close.popup.request-marking-check,
.close.popup.change-status .popup-wrap,
.close.popup.request-marking-check .popup-wrap {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-out 0.3s;
  -moz-animation: fade-out 0.3s;
  -ms-animation: fade-out 0.3s;
  -o-animation: fade-out 0.3s;
  animation: fade-out 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
.popup.change-status .popup-wrap,
.popup.request-marking-check .popup-wrap {
  height: auto;
  left: 10px;
  min-width: 235px;
  padding: 0;
  position: absolute;
  top: 155px;
  width: auto;
  -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0.3s;
  -moz-border-radius: 0.3s;
  -ms-border-radius: 0.3s;
  -o-border-radius: 0.3s;
  border-radius: 0.3s;
  padding: 12px;
}
.popup.change-status .popup-wrap .popup-footer,
.popup.request-marking-check .popup-wrap .popup-footer {
  margin-top: 1px;
}
.change-status .popup-content,
.request-marking-check .popup-content {
  padding: 0 2px;
}
.change-status .approval-options,
.request-marking-check .approval-options {
  padding-bottom: 12px;
}
.change-status .approval-options .remark-label,
.request-marking-check .approval-options .remark-label {
  display: inline-block;
  padding-left: 22px;
}
.change-status .approval-options .remark-label:before,
.request-marking-check .approval-options .remark-label:before {
  margin-left: -22px;
}
.change-status .button,
.request-marking-check .button {
  min-width: 60px;
}
.change-status .button + .button,
.request-marking-check .button + .button {
  margin-left: 10px;
}
.change-status input[type="radio"] + label {
  line-height: 1;
}
.change-status input[type="radio"] + label .label-text {
  line-height: 1;
  vertical-align: middle;
}
.work-list-grid thead th {
  color: #707070;
  font-size: 1.2rem;
  font-weight: normal;
  vertical-align: bottom;
}
.work-list-grid thead th .header-data {
  padding-bottom: 4px;
  white-space: nowrap;
  /*avoid wrapping of text in table header - review fix*/
}
.work-list-grid thead th .header-data > a,
.sortable-link {
  color: #707070;
  text-decoration: none;
}
.sortable-link {
  display: inline-block;
}
.work-list-grid thead th .header-data > a.sortable-link {
  display: block;
}
.sortable-link .sort-head-text {
  /*display:inline-block;*/
  padding-right: 10px;
}
.sortable-link .sort-arrow {
  content: "";
  display: inline-block;
  height: 2px;
  margin-left: -5px;
  margin-top: -3px;
  position: relative;
  vertical-align: middle;
  width: 5px;
}
.sortable-link.desc .sort-arrow-down {
  border-width: 4px;
  border-style: solid;
  border-color: #3b5062;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-width: 0;
}
.sortable-link.asc .sort-arrow-up {
  border-width: 4px;
  border-style: solid;
  border-color: #000;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-width: 0;
}
.sortable-link .sort-arrow-down,
.sortable-link .sort-arrow-up {
  left: 0;
  position: absolute;
}
.sortable-link .sort-arrow-down {
  top: 100%;
  border-width: 4px;
  border-style: solid;
  border-color: #b2b2b2;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-width: 0;
}
.sortable-link .sort-arrow-up {
  bottom: 100%;
  border-width: 4px;
  border-style: solid;
  border-color: #b2b2b2;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-width: 0;
}
.col-accuracy .tolerance-level {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.col-review-decision .cell-data {
  line-height: 1;
}
.col-slao .cell-data,
.col-message .cell-data,
.col-notification .cell-data,
.col-eur-reason .cell-data,
.col-tag .cell-data,
.col-time-spend .cell-data,
.col-share .cell-data {
  line-height: 0;
}
.table-header-wrap th {
  text-align: left;
}
.table-header-wrap th.text-center {
  text-align: center;
}
.table-header-wrap th.col-status,
.table-header-wrap th.col-slao,
.table-header-wrap th.col-mark-obt,
.table-header-wrap th.col-status,
.table-header-wrap th.col-message,
.table-header-wrap th.col-eur-reason,
.table-header-wrap th.col-notification,
.table-header-wrap th.col-tag,
.table-header-wrap th.col-amd,
.table-header-wrap th.col-tmd,
.table-header-wrap th.col-original-mark,
.table-header-wrap th.col-number-available,
.table-header-wrap th.col-criterion,
.table-header-wrap th.col-number,
.table-header-wrap th.col-review-remark,
.table-header-wrap th.col-mcq-mark,
.table-header-wrap th.col-mcq-total-mark-,
.table-header-wrap th.col-candidates-available,
.table-header-wrap th.col-absolute-mark,
.table-header-wrap th.col-number-items-changes,
.table-header-wrap th.col-pronunciation,
.table-header-wrap th.col-fluency,
.table-header-wrap th.col-grammar,
.table-header-wrap th.col-lexis,
.table-header-wrap th.col-task,
.table-header-wrap th.col-org,
.table-header-wrap th.col-candidate,
.table-header-wrap th.col-complete {
  text-align: center;
}
.col-slao,
.col-mark-obt,
.col-status,
.col-message,
.col-eur-reason,
.col-notification,
.col-tag,
.col-amd,
.col-tmd,
.col-original-mark,
.col-number-available,
.col-criterion,
.col-number,
.col-review-remark,
.col-time-spend,
.col-mcq-mark,
.col-mcq-total-mark,
.col-candidates-available,
.col-absolute-mark,
.col-number-items-changes,
.col-pronunciation,
.col-fluency,
.col-grammar,
.col-lexis,
.col-task,
.col-org,
.col-candidate,
.col-complete {
  text-align: center;
}
.row.warning-alert .col-declassify .declassify-link {
  color: #0075cd;
}
/* Atypical Search*/
.atypical-search-wrap,
.mfp-search-wrap {
  position: relative;
  z-index: 3;
  padding: 0;
  margin-top: 4px;
  min-width: 470px;
}
.atypical-search .atypical-search-wrap,
.atypical-search .mfp-search-wrap {
  white-space: nowrap;
}
.atypical-search-wrap .aty-center,
.mfp-search-wrap .aty-center,
.atypical-search-wrap .aty-candidate,
.mfp-search-wrap .aty-candidate {
  max-width: 100%;
}
.atypical-search-wrap .aty-center .search-input,
.mfp-search-wrap .aty-center .search-input,
.atypical-search-wrap .aty-candidate .search-input,
.mfp-search-wrap .aty-candidate .search-input {
  width: 110px;
  padding: 1px 5px;
  height: 31px;
  margin-left: 10px;
  -webkit-appearance: none;
  vertical-align: middle;
}
.atypical-search-wrap .aty-center .search-input::-ms-clear,
.mfp-search-wrap .aty-center .search-input::-ms-clear,
.atypical-search-wrap .aty-candidate .search-input::-ms-clear,
.mfp-search-wrap .aty-candidate .search-input::-ms-clear {
  display: none;
}
.atypical-search-wrap .aty-center label,
.mfp-search-wrap .aty-center label,
.atypical-search-wrap .aty-candidate label,
.mfp-search-wrap .aty-candidate label {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
}
.tab-holder .wl-page-header .arrow-link .atypical-search-wrap .aty-search-btn,
.tab-holder .wl-page-header .arrow-link .mfp-search-wrap .aty-search-btn {
  padding: 5px 0;
}
.tab-holder .wl-page-header .arrow-link .atypical-search-wrap .aty-search-btn .btn,
.tab-holder .wl-page-header .arrow-link .mfp-search-wrap .aty-search-btn .btn {
  min-width: auto;
  padding: 7px 15px 9px;
  height: 31px;
  line-height: 1;
}
.atypical-search-wrap .mfp-search-btn,
.mfp-search-wrap .mfp-search-btn {
  margin-left: -10px;
}
.atypical-search-wrap .mfp-search,
.mfp-search-wrap .mfp-search {
  display: inline-block;
  margin-top: 30px;
}
.atypical-search-wrap .mfp-search input[type="text"],
.mfp-search-wrap .mfp-search input[type="text"] {
  border-color: #b2b2b2;
  margin-left: 8px;
  height: 31px;
}
.atypical-search-wrap .aty-center,
.mfp-search-wrap .aty-center,
.atypical-search-wrap .mfp-search,
.mfp-search-wrap .mfp-search {
  padding-right: 20px;
  color: #707070;
}
.atypical-search-wrap .aty-center .search-input,
.mfp-search-wrap .aty-center .search-input,
.atypical-search-wrap .mfp-search .search-input,
.mfp-search-wrap .mfp-search .search-input {
  width: 105px;
}
.atypical-search-wrap .aty-center label,
.mfp-search-wrap .aty-center label,
.atypical-search-wrap .mfp-search label,
.mfp-search-wrap .mfp-search label {
  /*max-width:65px;*/
}
.atypical-search-wrap .aty-candidate,
.mfp-search-wrap .aty-candidate {
  padding-right: 10px;
  color: #707070;
}
.atypical-search-wrap .aty-candidate .search-input,
.mfp-search-wrap .aty-candidate .search-input {
  width: 132px;
}
.atypical-search-wrap .aty-candidate label,
.mfp-search-wrap .aty-candidate label {
  /*max-width:80px;*/
}
.aty-center,
.aty-candidate,
.aty-search-btn,
.mfp-search-btn {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-device-width: 1024px) {
  /*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
  html,
  body {
    -webkit-overflow-scrolling: touch;
  }
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    /*width: 5px;*/
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
  }
}
.left-column-menu {
  left: 260px;
  position: fixed;
  top: 0px;
  margin-top: -12px;
  min-width: 146px;
  border-radius: 2px;
  z-index: 12;
}
.left-column-menu .menu {
  position: relative;
  -webkit-overflow-scrolling: auto;
}
.left-column-menu .menu .marking-instruction-item,
.left-column-menu .menu .marker-survey-item {
  border: none;
  word-break: break-all;
  display: block;
  max-width: 500px;
}
.left-column-menu .menu .marking-instruction-item .marking-instruction-link,
.left-column-menu .menu .marker-survey-item .marking-instruction-link,
.left-column-menu .menu .marking-instruction-item .marker-survey-link,
.left-column-menu .menu .marker-survey-item .marker-survey-link {
  padding: 10px 18px;
  color: #fff;
  margin: 3px 6px;
  min-height: 35px;
}
.left-column-menu .menu .marking-instruction-item .marking-instruction-link:hover,
.left-column-menu .menu .marker-survey-item .marking-instruction-link:hover,
.left-column-menu .menu .marking-instruction-item .marker-survey-link:hover,
.left-column-menu .menu .marker-survey-item .marker-survey-link:hover {
  color: #fff;
  background-color: #003e6e;
  border-radius: 2px;
}
.left-column-menu .menu .marking-instruction-item .marker-survey-link,
.left-column-menu .menu .marker-survey-item .marker-survey-link {
  padding-left: 35px;
}
.left-column-menu .menu .marking-instruction-item .marker-survey-link .tick,
.left-column-menu .menu .marker-survey-item .marker-survey-link .tick {
  color: #fff;
  margin-top: -1px;
  left: 15px;
  position: absolute;
  width: 20px;
  height: 20px;
}
.left-column-menu .menu .marking-instruction-item .marker-survey-link .tick svg,
.left-column-menu .menu .marker-survey-item .marker-survey-link .tick svg {
  color: #fff;
}
.attendance-status-dropdown,
.marking-state-dropdown {
  width: 180px;
  position: fixed;
  height: 17px;
}
.attendance-status-dropdown.open,
.marking-state-dropdown.open {
  z-index: 12;
}
.dropdown-wrap .attendence-status-wrapper {
  padding: 16px;
  width: 180px;
}
.dropdown-wrap .attendence-status-wrapper .attendence-status-item {
  color: #071a2b;
  white-space: nowrap;
}
.dropdown-wrap .attendence-status-wrapper .attendence-status-item:hover {
  background-color: #e1f5fe;
}
.dropdown-wrap .attendence-status-wrapper .status-link-text {
  padding: 8px 16px;
}
.bold-text {
  font-weight: bold;
}
@media (max-height: 800px) {
  .grid-split-wrapper .grid-holder .page-sub-header {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
/*Response select form*/
.response-select-outer {
  border-top: none;
  overflow: auto;
  padding: 0 0 20px 6px;
}
.iPad .response-select-outer,
.touch-device.android.response-select-outer {
  overflow: visible;
}
.response-select-wrapper {
  margin-top: 17px;
}
.response-select-wrapper .field-wrapper {
  display: flex;
  margin-bottom: 18px;
}
.response-select-wrapper .field-wrapper .form-group {
  display: flex;
  align-items: baseline;
}
.response-select-wrapper .field-wrapper .form-group:first-child .label {
  width: 100px;
}
.response-select-wrapper .field-wrapper .form-group:nth-child(2) .label {
  width: 57px;
}
.response-select-wrapper .field-wrapper .form-group:nth-child(2) .label,
.response-select-wrapper .field-wrapper .form-group:first-child .label {
  margin-right: 10px;
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
}
.response-select-wrapper .field-wrapper .form-group .label {
  padding-bottom: 6px;
  color: #707070;
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper {
  padding-right: 24px;
  font-size: 16px;
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper .bar {
  margin-top: -1px;
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper .react-datepicker__input-container {
  border-bottom: 1px solid #e5e5e5;
  width: 200px;
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper .react-datepicker__input-container input[type="text"] {
  border-bottom: 0;
  width: 180px;
}
@media (max-width: 900px) {
  .response-select-wrapper .field-wrapper .form-group .input-wrapper .react-datepicker__input-container {
    width: 195px;
  }
  .response-select-wrapper .field-wrapper .form-group .input-wrapper .react-datepicker__input-container input[type="text"] {
    width: 175px;
  }
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper input[type="text"] {
  padding: 7px 4px 0 4px;
  color: #071a2b;
  width: 200px;
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper input[type="text"]::-webkit-input-placeholder {
  color: #a2a4a8;
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper input[type="text"]:-moz-placeholder {
  color: #a2a4a8;
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper input[type="text"]::-moz-placeholder {
  color: #a2a4a8;
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper input[type="text"]:-ms-input-placeholder {
  color: #a2a4a8;
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper input[type="text"]::-ms-clear {
  display: none;
}
@media (max-width: 900px) {
  .response-select-wrapper .field-wrapper .form-group .input-wrapper input[type="text"] {
    width: 195px;
  }
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper.dropdown-wrap .menu-arrow-icon {
  margin-left: 20px;
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper .react-datepicker-wrapper {
  position: relative;
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper .react-datepicker-wrapper:after {
  content: '';
  right: 0;
  top: 8px;
  position: absolute;
  z-index: 11;
  background-color: #fff;
}
.response-select-wrapper .field-wrapper .form-group .input-wrapper .react-datepicker__header {
  background-color: #fff;
}
.response-select-wrapper .button-wrapper {
  margin-top: 30px;
}
.response-select-wrapper .menu-button {
  padding: 0;
}
.feedback-details .arrow-circle-icon.arrow-next {
  transform: rotate(180deg);
}
.feedback-details .previous-link {
  margin-right: 8px;
}
.feedback-details .grid-wrapper {
  flex: none;
  width: 100%;
}
.feedback-details .table-content-wrap {
  border-top: 0;
  overflow-x: auto;
  width: 100%;
}
.feedback-details .collapsed .panel-toggle-blue-icon {
  transform: rotate(180deg);
}
.feedback-details .grid-nav {
  padding: 8px 0 20px 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.feedback-details .grid-nav h4 {
  line-height: 1;
  color: #06192c;
  font-weight: 400;
}
.feedback-details .btn-holder {
  padding: 20px 0 20px 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.feedback-details .feedback-data-grid tr:first-child td.red-shade {
  border-top: 1px solid #ff8f9d;
}
.feedback-details .feedback-data-grid tr:first-child td.blue-shade {
  border-top: 1px solid #92d0ff;
}
.feedback-details .feedback-data-grid tr:last-child td.blue-shade {
  border-bottom: 1px solid #92d0ff;
}
.feedback-details .feedback-data-grid tr:last-child td.red-shade {
  border-bottom: 1px solid #ff8f9d;
}
.feedback-details .feedback-data-grid tr td {
  border: 0;
}
.feedback-details .feedback-data-grid tr td.blue-shade {
  background-color: rgba(0, 146, 255, 0.08);
  border-left: 1px solid #92d0ff;
  border-right: 1px solid #92d0ff;
}
.feedback-details .feedback-data-grid tr td.red-shade {
  background-color: rgba(247, 5, 28, 0.08);
  border-left: 1px solid #ff8f9d;
  border-right: 1px solid #ff8f9d;
}
.feedback-details .feedback-data-grid tr td:before {
  content: none;
}
.feedback-details .feedback-data-grid tr td.text-left {
  text-align: left;
}
.feedback-details .feedback-data-grid tr td .header-data.header-text {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feedback-details .feedback-data-grid tr.bdr-top td {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.feedback-details .feedback-data-grid tr.bdr-bottom td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.feedback-details .feedback-data-grid tr.feed-back-row td {
  vertical-align: bottom;
}
.feedback-details .feedback-data-grid tr.feed-back-row td:first-child {
  vertical-align: middle;
}
.feedback-details .feedback-data-grid tr.feed-back-row td .cell-data {
  padding: 8px 8px 8px 3px;
}
.feedback-details .feedback-data-grid .two-cols .column-one,
.feedback-details .feedback-data-grid .two-cols .column-two {
  padding: 10px;
  flex: 1;
  text-align: center;
}
.feedback-details .feedback-data-grid .cell-data.ico-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.feedback-details .feedback-data-grid .cell-data.ico-wrap .red-bubble-icon,
.feedback-details .feedback-data-grid .cell-data.ico-wrap .blue-bubble-icon {
  margin-bottom: 5px;
}
.feedback-details .feedback-data-grid .cell-data.ico-wrap .green-tick-icon {
  margin-bottom: 8px;
}
.feedback-details .feedback-data-grid .cell-data.two-cols {
  display: flex;
  align-items: center;
}
.feedback-details .collapse-expand-panel {
  display: flex;
  align-items: center;
}
.feedback-details .collapse-expand-panel h4 {
  line-height: 1;
}
.feedback-details .overall-required-section .offpage-comment-editor {
  min-height: 92px;
}
.feedback-details .feedback-required-section {
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.feedback-details .feedback-required-section.collapsed {
  height: 30px;
  overflow: hidden;
}
.feedback-details .overall-required-section {
  margin-top: 21px;
  padding-top: 13px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.feedback-details .overall-required-section.collapsed {
  height: 40px;
  overflow: hidden;
}
.feedback-details .viewdetails-feedback.collapsed {
  height: 25px;
  overflow: hidden;
}
.feedback-details .group-section {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 0px;
}
.feedback-details .group-section + .group-section {
  margin-top: 10px;
}
.feedback-details .group-section .right-cols {
  flex: 1;
}
.feedback-details .group-section .lef-cols {
  margin-right: 10px;
  flex: 0;
  display: flex;
}
.feedback-details .group-section .lef-cols .label-text {
  color: #707070;
  padding: 0 10px;
  border: 1px solid #9b9b9b;
  display: flex;
  flex: 1;
  white-space: nowrap;
  align-items: center;
  font-weight: bold;
}
.feedback-details .group-section .offpage-comment-editor-holder {
  margin: 0;
}
.feedback-details .group-section .offpage-comment-editor-holder .offpage-comment-editor {
  padding: 4px 7px;
  min-height: 30px;
}
.feedback-details .group-section.active-red .lef-cols .label-text {
  border: 1px solid #ff9299;
  background-color: #feebed;
  color: #f70a20;
}
.feedback-details .group-section.active-red .offpage-comment-editor,
.feedback-details .group-section.active-blue .offpage-comment-editor {
  border: 2px solid #0092ff;
}
.feedback-details .group-section.active-blue .lef-cols .label-text {
  color: #0075cd;
  border: 1px solid #0075cd;
  background-color: #ebf6ff;
}
.feedback-details .offpage-comment-editor-holder {
  margin-top: 0;
}
.with-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.with-info .button {
  -webkit-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  -o-flex: auto;
  flex: auto;
}
.with-info .info-icon-blue {
  margin-left: 6px;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  -o-flex: none;
  flex: none;
}
.not-start-icon,
.progress-icon,
.approved-icon {
  position: relative;
  top: 2px;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  -o-flex: none;
  flex: none;
}
/* Tools panel*/
.s20x20.annotation-wrap {
  width: 2.5%;
}
.s20x20.annotation-wrap .svg-icon {
  padding-top: 100%;
}
.s20x20.tool-wrap .tool-link svg {
  width: 62.5%;
}
.s20x20.cursor,
.s20x20.cursor-drag {
  width: calc(2.5% - (2.5*(236px + 60px + 84px) / 100));
  /*width:-webkit-calc(unit(@percentage,%) - (@percentage*(236px + 60px + 84px) / 100)); 
		width:moz-calc(unit(@percentage,%) - (@percentage*(236px + 60px + 84px) / 100)); */
}
.s20x24.annotation-wrap {
  width: 2.5%;
}
.s20x24.annotation-wrap .svg-icon {
  padding-top: 120%;
}
.s20x24.tool-wrap .tool-link svg {
  width: 62.5%;
}
.s20x24.cursor,
.s20x24.cursor-drag {
  width: calc(2.5% - (2.5*(236px + 60px + 84px) / 100));
  /*width:-webkit-calc(unit(@percentage,%) - (@percentage*(236px + 60px + 84px) / 100)); 
		width:moz-calc(unit(@percentage,%) - (@percentage*(236px + 60px + 84px) / 100)); */
}
.s24x20.annotation-wrap {
  width: 3%;
}
.s24x20.annotation-wrap .svg-icon {
  padding-top: 83.33333333%;
}
.s24x20.tool-wrap .tool-link svg {
  width: 75%;
}
.s24x20.cursor,
.s24x20.cursor-drag {
  width: calc(3% - (3*(236px + 60px + 84px) / 100));
  /*width:-webkit-calc(unit(@percentage,%) - (@percentage*(236px + 60px + 84px) / 100)); 
		width:moz-calc(unit(@percentage,%) - (@percentage*(236px + 60px + 84px) / 100)); */
}
.s28x20.annotation-wrap {
  width: 3.5%;
}
.s28x20.annotation-wrap .svg-icon {
  padding-top: 71.42857143%;
}
.s28x20.tool-wrap .tool-link svg {
  width: 87.5%;
}
.s28x20.cursor,
.s28x20.cursor-drag {
  width: calc(3.5% - (3.5*(236px + 60px + 84px) / 100));
  /*width:-webkit-calc(unit(@percentage,%) - (@percentage*(236px + 60px + 84px) / 100)); 
		width:moz-calc(unit(@percentage,%) - (@percentage*(236px + 60px + 84px) / 100)); */
}
.s32x22.annotation-wrap {
  width: 4%;
}
.s32x22.annotation-wrap .svg-icon {
  padding-top: 68.75%;
}
.s32x22.tool-wrap .tool-link svg {
  width: 100%;
}
.s32x22.cursor,
.s32x22.cursor-drag {
  width: calc(4% - (4*(236px + 60px + 84px) / 100));
  /*width:-webkit-calc(unit(@percentage,%) - (@percentage*(236px + 60px + 84px) / 100)); 
		width:moz-calc(unit(@percentage,%) - (@percentage*(236px + 60px + 84px) / 100)); */
}
.col-1 .icon-tray-right {
  width: 48px;
}
.col-1.undocked-wrapper {
  left: -moz-calc(50% - 24px);
  left: -webkit-calc(50% - 24px);
  left: calc(50% - 24px);
}
.expanded.col-1 .cutomise-toolbar-msg {
  max-width: -moz-calc(70vw - 52px - 15px - 48px * 1);
  max-width: -webkit-calc(70vw - 52px - 15px - 48px * 1);
  max-width: calc(70vw - 52px - 15px - 48px * 1);
}
.media-expanded.expanded.col-1 .cutomise-toolbar-msg,
.media-expanded.expanded.col-1 .cutomise-toolbar-msg1 {
  max-width: -moz-calc(70vw - 236px - 15px - 48px * 1);
  max-width: -webkit-calc(70vw - 236px - 15px - 48px * 1);
  max-width: calc(70vw - 236px - 15px - 48px * 1);
}
.content-wrapper:not(.messaging):not(.closed-response) .col-1:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.minimized:not(.closed-response) .col-1:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 0px;
}
.content-wrapper.docked-toolpanel:not(.messaging):not(.closed-response) .col-1:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.docked-toolpanel.minimized:not(.closed-response) .col-1:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 0;
}
.tool-panel.col-1:not(.expanded) ~ .marksheets .enhanced.offpage-comment-container:not(.tool-panel-space) {
  margin-left: 5px;
  width: -moz-calc(100% + -5px);
  width: -webkit-calc(100% + -5px);
  width: calc(100% + -5px);
  max-width: -moz-calc(100% + -5px);
  max-width: -webkit-calc(100% + -5px);
  max-width: calc(100% + -5px);
}
.col-1 .marking-tools-panel {
  margin-left: 48px;
}
.undocked-wrapper.col-1 .marking-tools-panel {
  margin-left: 0;
}
.col-1.expanded .marking-tools-panel {
  -webkit-transform: translateX(-48px);
  -moz-transform: translateX(-48px);
  -ms-transform: translateX(-48px);
  -o-transform: translateX(-48px);
  transform: translateX(-48px);
}
.col-2 .icon-tray-right {
  width: 96px;
}
.col-2.undocked-wrapper {
  left: -moz-calc(50% - 48px);
  left: -webkit-calc(50% - 48px);
  left: calc(50% - 48px);
}
.expanded.col-2 .cutomise-toolbar-msg {
  max-width: -moz-calc(70vw - 52px - 15px - 48px * 2);
  max-width: -webkit-calc(70vw - 52px - 15px - 48px * 2);
  max-width: calc(70vw - 52px - 15px - 48px * 2);
}
.media-expanded.expanded.col-2 .cutomise-toolbar-msg,
.media-expanded.expanded.col-2 .cutomise-toolbar-msg1 {
  max-width: -moz-calc(70vw - 236px - 15px - 48px * 2);
  max-width: -webkit-calc(70vw - 236px - 15px - 48px * 2);
  max-width: calc(70vw - 236px - 15px - 48px * 2);
}
.content-wrapper:not(.messaging):not(.closed-response) .col-2:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.minimized:not(.closed-response) .col-2:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 48px;
}
.content-wrapper.docked-toolpanel:not(.messaging):not(.closed-response) .col-2:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.docked-toolpanel.minimized:not(.closed-response) .col-2:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 0;
}
.tool-panel.col-2:not(.expanded) ~ .marksheets .enhanced.offpage-comment-container:not(.tool-panel-space) {
  margin-left: -43px;
  width: -moz-calc(100% + 43px);
  width: -webkit-calc(100% + 43px);
  width: calc(100% + 43px);
  max-width: -moz-calc(100% + 43px);
  max-width: -webkit-calc(100% + 43px);
  max-width: calc(100% + 43px);
}
.col-2 .marking-tools-panel {
  margin-left: 96px;
}
.undocked-wrapper.col-2 .marking-tools-panel {
  margin-left: 0;
}
.col-2.expanded .marking-tools-panel {
  -webkit-transform: translateX(-96px);
  -moz-transform: translateX(-96px);
  -ms-transform: translateX(-96px);
  -o-transform: translateX(-96px);
  transform: translateX(-96px);
}
.col-3 .icon-tray-right {
  width: 144px;
}
.col-3.undocked-wrapper {
  left: -moz-calc(50% - 72px);
  left: -webkit-calc(50% - 72px);
  left: calc(50% - 72px);
}
.expanded.col-3 .cutomise-toolbar-msg {
  max-width: -moz-calc(70vw - 52px - 15px - 48px * 3);
  max-width: -webkit-calc(70vw - 52px - 15px - 48px * 3);
  max-width: calc(70vw - 52px - 15px - 48px * 3);
}
.media-expanded.expanded.col-3 .cutomise-toolbar-msg,
.media-expanded.expanded.col-3 .cutomise-toolbar-msg1 {
  max-width: -moz-calc(70vw - 236px - 15px - 48px * 3);
  max-width: -webkit-calc(70vw - 236px - 15px - 48px * 3);
  max-width: calc(70vw - 236px - 15px - 48px * 3);
}
.content-wrapper:not(.messaging):not(.closed-response) .col-3:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.minimized:not(.closed-response) .col-3:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 96px;
}
.content-wrapper.docked-toolpanel:not(.messaging):not(.closed-response) .col-3:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.docked-toolpanel.minimized:not(.closed-response) .col-3:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 0;
}
.tool-panel.col-3:not(.expanded) ~ .marksheets .enhanced.offpage-comment-container:not(.tool-panel-space) {
  margin-left: -91px;
  width: -moz-calc(100% + 91px);
  width: -webkit-calc(100% + 91px);
  width: calc(100% + 91px);
  max-width: -moz-calc(100% + 91px);
  max-width: -webkit-calc(100% + 91px);
  max-width: calc(100% + 91px);
}
.col-3 .marking-tools-panel {
  margin-left: 144px;
}
.undocked-wrapper.col-3 .marking-tools-panel {
  margin-left: 0;
}
.col-3.expanded .marking-tools-panel {
  -webkit-transform: translateX(-144px);
  -moz-transform: translateX(-144px);
  -ms-transform: translateX(-144px);
  -o-transform: translateX(-144px);
  transform: translateX(-144px);
}
.col-4 .icon-tray-right {
  width: 192px;
}
.col-4.undocked-wrapper {
  left: -moz-calc(50% - 96px);
  left: -webkit-calc(50% - 96px);
  left: calc(50% - 96px);
}
.expanded.col-4 .cutomise-toolbar-msg {
  max-width: -moz-calc(70vw - 52px - 15px - 48px * 4);
  max-width: -webkit-calc(70vw - 52px - 15px - 48px * 4);
  max-width: calc(70vw - 52px - 15px - 48px * 4);
}
.media-expanded.expanded.col-4 .cutomise-toolbar-msg,
.media-expanded.expanded.col-4 .cutomise-toolbar-msg1 {
  max-width: -moz-calc(70vw - 236px - 15px - 48px * 4);
  max-width: -webkit-calc(70vw - 236px - 15px - 48px * 4);
  max-width: calc(70vw - 236px - 15px - 48px * 4);
}
.content-wrapper:not(.messaging):not(.closed-response) .col-4:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.minimized:not(.closed-response) .col-4:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 144px;
}
.content-wrapper.docked-toolpanel:not(.messaging):not(.closed-response) .col-4:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.docked-toolpanel.minimized:not(.closed-response) .col-4:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 0;
}
.tool-panel.col-4:not(.expanded) ~ .marksheets .enhanced.offpage-comment-container:not(.tool-panel-space) {
  margin-left: -139px;
  width: -moz-calc(100% + 139px);
  width: -webkit-calc(100% + 139px);
  width: calc(100% + 139px);
  max-width: -moz-calc(100% + 139px);
  max-width: -webkit-calc(100% + 139px);
  max-width: calc(100% + 139px);
}
.col-4 .marking-tools-panel {
  margin-left: 192px;
}
.undocked-wrapper.col-4 .marking-tools-panel {
  margin-left: 0;
}
.col-4.expanded .marking-tools-panel {
  -webkit-transform: translateX(-192px);
  -moz-transform: translateX(-192px);
  -ms-transform: translateX(-192px);
  -o-transform: translateX(-192px);
  transform: translateX(-192px);
}
.col-5 .icon-tray-right {
  width: 240px;
}
.col-5.undocked-wrapper {
  left: -moz-calc(50% - 120px);
  left: -webkit-calc(50% - 120px);
  left: calc(50% - 120px);
}
.expanded.col-5 .cutomise-toolbar-msg {
  max-width: -moz-calc(70vw - 52px - 15px - 48px * 5);
  max-width: -webkit-calc(70vw - 52px - 15px - 48px * 5);
  max-width: calc(70vw - 52px - 15px - 48px * 5);
}
.media-expanded.expanded.col-5 .cutomise-toolbar-msg,
.media-expanded.expanded.col-5 .cutomise-toolbar-msg1 {
  max-width: -moz-calc(70vw - 236px - 15px - 48px * 5);
  max-width: -webkit-calc(70vw - 236px - 15px - 48px * 5);
  max-width: calc(70vw - 236px - 15px - 48px * 5);
}
.content-wrapper:not(.messaging):not(.closed-response) .col-5:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.minimized:not(.closed-response) .col-5:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 192px;
}
.content-wrapper.docked-toolpanel:not(.messaging):not(.closed-response) .col-5:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.docked-toolpanel.minimized:not(.closed-response) .col-5:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 0;
}
.tool-panel.col-5:not(.expanded) ~ .marksheets .enhanced.offpage-comment-container:not(.tool-panel-space) {
  margin-left: -187px;
  width: -moz-calc(100% + 187px);
  width: -webkit-calc(100% + 187px);
  width: calc(100% + 187px);
  max-width: -moz-calc(100% + 187px);
  max-width: -webkit-calc(100% + 187px);
  max-width: calc(100% + 187px);
}
.col-5 .marking-tools-panel {
  margin-left: 240px;
}
.undocked-wrapper.col-5 .marking-tools-panel {
  margin-left: 0;
}
.col-5.expanded .marking-tools-panel {
  -webkit-transform: translateX(-240px);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  transform: translateX(-240px);
}
.col-6 .icon-tray-right {
  width: 288px;
}
.col-6.undocked-wrapper {
  left: -moz-calc(50% - 144px);
  left: -webkit-calc(50% - 144px);
  left: calc(50% - 144px);
}
.expanded.col-6 .cutomise-toolbar-msg {
  max-width: -moz-calc(70vw - 52px - 15px - 48px * 6);
  max-width: -webkit-calc(70vw - 52px - 15px - 48px * 6);
  max-width: calc(70vw - 52px - 15px - 48px * 6);
}
.media-expanded.expanded.col-6 .cutomise-toolbar-msg,
.media-expanded.expanded.col-6 .cutomise-toolbar-msg1 {
  max-width: -moz-calc(70vw - 236px - 15px - 48px * 6);
  max-width: -webkit-calc(70vw - 236px - 15px - 48px * 6);
  max-width: calc(70vw - 236px - 15px - 48px * 6);
}
.content-wrapper:not(.messaging):not(.closed-response) .col-6:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.minimized:not(.closed-response) .col-6:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 240px;
}
.content-wrapper.docked-toolpanel:not(.messaging):not(.closed-response) .col-6:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.docked-toolpanel.minimized:not(.closed-response) .col-6:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 0;
}
.tool-panel.col-6:not(.expanded) ~ .marksheets .enhanced.offpage-comment-container:not(.tool-panel-space) {
  margin-left: -235px;
  width: -moz-calc(100% + 235px);
  width: -webkit-calc(100% + 235px);
  width: calc(100% + 235px);
  max-width: -moz-calc(100% + 235px);
  max-width: -webkit-calc(100% + 235px);
  max-width: calc(100% + 235px);
}
.col-6 .marking-tools-panel {
  margin-left: 288px;
}
.undocked-wrapper.col-6 .marking-tools-panel {
  margin-left: 0;
}
.col-6.expanded .marking-tools-panel {
  -webkit-transform: translateX(-288px);
  -moz-transform: translateX(-288px);
  -ms-transform: translateX(-288px);
  -o-transform: translateX(-288px);
  transform: translateX(-288px);
}
.col-7 .icon-tray-right {
  width: 336px;
}
.col-7.undocked-wrapper {
  left: -moz-calc(50% - 168px);
  left: -webkit-calc(50% - 168px);
  left: calc(50% - 168px);
}
.expanded.col-7 .cutomise-toolbar-msg {
  max-width: -moz-calc(70vw - 52px - 15px - 48px * 7);
  max-width: -webkit-calc(70vw - 52px - 15px - 48px * 7);
  max-width: calc(70vw - 52px - 15px - 48px * 7);
}
.media-expanded.expanded.col-7 .cutomise-toolbar-msg,
.media-expanded.expanded.col-7 .cutomise-toolbar-msg1 {
  max-width: -moz-calc(70vw - 236px - 15px - 48px * 7);
  max-width: -webkit-calc(70vw - 236px - 15px - 48px * 7);
  max-width: calc(70vw - 236px - 15px - 48px * 7);
}
.content-wrapper:not(.messaging):not(.closed-response) .col-7:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.minimized:not(.closed-response) .col-7:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 288px;
}
.content-wrapper.docked-toolpanel:not(.messaging):not(.closed-response) .col-7:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.docked-toolpanel.minimized:not(.closed-response) .col-7:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 0;
}
.tool-panel.col-7:not(.expanded) ~ .marksheets .enhanced.offpage-comment-container:not(.tool-panel-space) {
  margin-left: -283px;
  width: -moz-calc(100% + 283px);
  width: -webkit-calc(100% + 283px);
  width: calc(100% + 283px);
  max-width: -moz-calc(100% + 283px);
  max-width: -webkit-calc(100% + 283px);
  max-width: calc(100% + 283px);
}
.col-7 .marking-tools-panel {
  margin-left: 336px;
}
.undocked-wrapper.col-7 .marking-tools-panel {
  margin-left: 0;
}
.col-7.expanded .marking-tools-panel {
  -webkit-transform: translateX(-336px);
  -moz-transform: translateX(-336px);
  -ms-transform: translateX(-336px);
  -o-transform: translateX(-336px);
  transform: translateX(-336px);
}
.col-8 .icon-tray-right {
  width: 384px;
}
.col-8.undocked-wrapper {
  left: -moz-calc(50% - 192px);
  left: -webkit-calc(50% - 192px);
  left: calc(50% - 192px);
}
.expanded.col-8 .cutomise-toolbar-msg {
  max-width: -moz-calc(70vw - 52px - 15px - 48px * 8);
  max-width: -webkit-calc(70vw - 52px - 15px - 48px * 8);
  max-width: calc(70vw - 52px - 15px - 48px * 8);
}
.media-expanded.expanded.col-8 .cutomise-toolbar-msg,
.media-expanded.expanded.col-8 .cutomise-toolbar-msg1 {
  max-width: -moz-calc(70vw - 236px - 15px - 48px * 8);
  max-width: -webkit-calc(70vw - 236px - 15px - 48px * 8);
  max-width: calc(70vw - 236px - 15px - 48px * 8);
}
.content-wrapper:not(.messaging):not(.closed-response) .col-8:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.minimized:not(.closed-response) .col-8:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 336px;
}
.content-wrapper.docked-toolpanel:not(.messaging):not(.closed-response) .col-8:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.docked-toolpanel.minimized:not(.closed-response) .col-8:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 0;
}
.tool-panel.col-8:not(.expanded) ~ .marksheets .enhanced.offpage-comment-container:not(.tool-panel-space) {
  margin-left: -331px;
  width: -moz-calc(100% + 331px);
  width: -webkit-calc(100% + 331px);
  width: calc(100% + 331px);
  max-width: -moz-calc(100% + 331px);
  max-width: -webkit-calc(100% + 331px);
  max-width: calc(100% + 331px);
}
.col-8 .marking-tools-panel {
  margin-left: 384px;
}
.undocked-wrapper.col-8 .marking-tools-panel {
  margin-left: 0;
}
.col-8.expanded .marking-tools-panel {
  -webkit-transform: translateX(-384px);
  -moz-transform: translateX(-384px);
  -ms-transform: translateX(-384px);
  -o-transform: translateX(-384px);
  transform: translateX(-384px);
}
.col-9 .icon-tray-right {
  width: 432px;
}
.col-9.undocked-wrapper {
  left: -moz-calc(50% - 216px);
  left: -webkit-calc(50% - 216px);
  left: calc(50% - 216px);
}
.expanded.col-9 .cutomise-toolbar-msg {
  max-width: -moz-calc(70vw - 52px - 15px - 48px * 9);
  max-width: -webkit-calc(70vw - 52px - 15px - 48px * 9);
  max-width: calc(70vw - 52px - 15px - 48px * 9);
}
.media-expanded.expanded.col-9 .cutomise-toolbar-msg,
.media-expanded.expanded.col-9 .cutomise-toolbar-msg1 {
  max-width: -moz-calc(70vw - 236px - 15px - 48px * 9);
  max-width: -webkit-calc(70vw - 236px - 15px - 48px * 9);
  max-width: calc(70vw - 236px - 15px - 48px * 9);
}
.content-wrapper:not(.messaging):not(.closed-response) .col-9:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.minimized:not(.closed-response) .col-9:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 384px;
}
.content-wrapper.docked-toolpanel:not(.messaging):not(.closed-response) .col-9:not(.expanded) ~ .marksheets .marksheets-inner,
.content-wrapper.docked-toolpanel.minimized:not(.closed-response) .col-9:not(.expanded) ~ .marksheets .marksheets-inner {
  padding-left: 0;
}
.tool-panel.col-9:not(.expanded) ~ .marksheets .enhanced.offpage-comment-container:not(.tool-panel-space) {
  margin-left: -379px;
  width: -moz-calc(100% + 379px);
  width: -webkit-calc(100% + 379px);
  width: calc(100% + 379px);
  max-width: -moz-calc(100% + 379px);
  max-width: -webkit-calc(100% + 379px);
  max-width: calc(100% + 379px);
}
.col-9 .marking-tools-panel {
  margin-left: 432px;
}
.undocked-wrapper.col-9 .marking-tools-panel {
  margin-left: 0;
}
.col-9.expanded .marking-tools-panel {
  -webkit-transform: translateX(-432px);
  -moz-transform: translateX(-432px);
  -ms-transform: translateX(-432px);
  -o-transform: translateX(-432px);
  transform: translateX(-432px);
}
.tool-panel {
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  bottom: 0;
  /*z-index:152;*/
  flex: 0 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.tool-panel .tools-panel-default {
  width: 48px;
  /*.vendorize(box-shadow,0px 0px 1px 2px rgba(0,0,0,0.15));*/
  height: 100%;
  z-index: 152;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.tool-panel .tools-panel-default .icon-tray + .annotation-panel-holder .marking-tools-panel {
  margin-top: 0;
}
.tool-panel .icon-tray {
  /* &.change-view-icons, &.exception-icons, &.zoom-icons,&.new-msg-icons{
			 background-color:@midnight-blue-90;
		 }*/
  flex: 0 0 auto;
  -webkit-flex: 0 0  auto;
  background-color: #00345a;
  position: relative;
  z-index: 31;
  /*border-right:1px solid @border-dark-grey;*/
}
.tool-panel .icon-tray.change-view-icons {
  margin: 1px 0 0 0;
}
.tool-panel .mrk-zoom-icon,
.tool-panel .mark-print-icon,
.tool-panel .mrk-exception,
.tool-panel .mrk-change-view,
.tool-panel .mrk-new-message,
.tool-panel .raise-supervisor-remark-icon,
.tool-panel .promote-seed-icon,
.tool-panel .bookmark-dropdown,
.tool-panel .return-supervisor-icon,
.tool-panel .review-remark-icon,
.tool-panel .retire,
.tool-panel .reinstate,
.tool-panel .escalate-response-icon,
.tool-panel .appeals-comments {
  text-align: center;
  padding: 0;
  /*&.dropdown-wrap .menu li a{
			 padding:0;
		 }*/
}
.tool-panel .mrk-zoom-icon > a,
.tool-panel .mark-print-icon > a,
.tool-panel .mrk-exception > a,
.tool-panel .mrk-change-view > a,
.tool-panel .mrk-new-message > a,
.tool-panel .raise-supervisor-remark-icon > a,
.tool-panel .promote-seed-icon > a,
.tool-panel .bookmark-dropdown > a,
.tool-panel .return-supervisor-icon > a,
.tool-panel .review-remark-icon > a,
.tool-panel .retire > a,
.tool-panel .reinstate > a,
.tool-panel .escalate-response-icon > a,
.tool-panel .appeals-comments > a {
  border: 0 none;
  border-radius: 0;
  display: inline-block;
  height: 48px;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 48px;
}
.tool-panel .mrk-zoom-icon > a.menu-button:hover,
.tool-panel .mark-print-icon > a.menu-button:hover,
.tool-panel .mrk-exception > a.menu-button:hover,
.tool-panel .mrk-change-view > a.menu-button:hover,
.tool-panel .mrk-new-message > a.menu-button:hover,
.tool-panel .raise-supervisor-remark-icon > a.menu-button:hover,
.tool-panel .promote-seed-icon > a.menu-button:hover,
.tool-panel .bookmark-dropdown > a.menu-button:hover,
.tool-panel .return-supervisor-icon > a.menu-button:hover,
.tool-panel .review-remark-icon > a.menu-button:hover,
.tool-panel .retire > a.menu-button:hover,
.tool-panel .reinstate > a.menu-button:hover,
.tool-panel .escalate-response-icon > a.menu-button:hover,
.tool-panel .appeals-comments > a.menu-button:hover {
  border: 0 none;
}
.tool-panel .mrk-zoom-icon > a .toolexpand-icon,
.tool-panel .mark-print-icon > a .toolexpand-icon,
.tool-panel .mrk-exception > a .toolexpand-icon,
.tool-panel .mrk-change-view > a .toolexpand-icon,
.tool-panel .mrk-new-message > a .toolexpand-icon,
.tool-panel .raise-supervisor-remark-icon > a .toolexpand-icon,
.tool-panel .promote-seed-icon > a .toolexpand-icon,
.tool-panel .bookmark-dropdown > a .toolexpand-icon,
.tool-panel .return-supervisor-icon > a .toolexpand-icon,
.tool-panel .review-remark-icon > a .toolexpand-icon,
.tool-panel .retire > a .toolexpand-icon,
.tool-panel .reinstate > a .toolexpand-icon,
.tool-panel .escalate-response-icon > a .toolexpand-icon,
.tool-panel .appeals-comments > a .toolexpand-icon {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.tool-panel .mrk-zoom-icon .svg-icon,
.tool-panel .mark-print-icon .svg-icon,
.tool-panel .mrk-exception .svg-icon,
.tool-panel .mrk-change-view .svg-icon,
.tool-panel .mrk-new-message .svg-icon,
.tool-panel .raise-supervisor-remark-icon .svg-icon,
.tool-panel .promote-seed-icon .svg-icon,
.tool-panel .bookmark-dropdown .svg-icon,
.tool-panel .return-supervisor-icon .svg-icon,
.tool-panel .review-remark-icon .svg-icon,
.tool-panel .retire .svg-icon,
.tool-panel .reinstate .svg-icon,
.tool-panel .escalate-response-icon .svg-icon,
.tool-panel .appeals-comments .svg-icon {
  vertical-align: middle;
  line-height: 48px;
  color: #e1f5fe;
  /*width:36px;*/
}
.tool-panel .mrk-zoom-icon .svg-icon svg,
.tool-panel .mark-print-icon .svg-icon svg,
.tool-panel .mrk-exception .svg-icon svg,
.tool-panel .mrk-change-view .svg-icon svg,
.tool-panel .mrk-new-message .svg-icon svg,
.tool-panel .raise-supervisor-remark-icon .svg-icon svg,
.tool-panel .promote-seed-icon .svg-icon svg,
.tool-panel .bookmark-dropdown .svg-icon svg,
.tool-panel .return-supervisor-icon .svg-icon svg,
.tool-panel .review-remark-icon .svg-icon svg,
.tool-panel .retire .svg-icon svg,
.tool-panel .reinstate .svg-icon svg,
.tool-panel .escalate-response-icon .svg-icon svg,
.tool-panel .appeals-comments .svg-icon svg {
  display: inline-block;
  height: 100%;
  /*vertical-align:middle;*/
  /*removed to fix icon blur issue in IE*/
  width: 100%;
}
.tool-panel .mrk-zoom-icon .svg-icon .notification-count,
.tool-panel .mark-print-icon .svg-icon .notification-count,
.tool-panel .mrk-exception .svg-icon .notification-count,
.tool-panel .mrk-change-view .svg-icon .notification-count,
.tool-panel .mrk-new-message .svg-icon .notification-count,
.tool-panel .raise-supervisor-remark-icon .svg-icon .notification-count,
.tool-panel .promote-seed-icon .svg-icon .notification-count,
.tool-panel .bookmark-dropdown .svg-icon .notification-count,
.tool-panel .return-supervisor-icon .svg-icon .notification-count,
.tool-panel .review-remark-icon .svg-icon .notification-count,
.tool-panel .retire .svg-icon .notification-count,
.tool-panel .reinstate .svg-icon .notification-count,
.tool-panel .escalate-response-icon .svg-icon .notification-count,
.tool-panel .appeals-comments .svg-icon .notification-count {
  right: 4px;
  top: 5px;
}
.tool-panel .appeals-comments-message.open {
  background-color: #071a2b;
}
.tool-panel .appeals-comments-message .message-box {
  width: 348px;
  left: 59px;
  top: 0;
  margin-top: -21px;
}
.tool-panel .tool-option-menu {
  color: #fff;
  left: 100%;
  /*overflow:visible;*/
  /*removed to fix message click working when message tool menu closed in IPAD*/
  text-align: left;
  top: 0;
  width: 213px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  /*width:200%; */
  /*li{
			float:left;
			color:inherit;
			width:50%;
			*/
  /*a:hover{
				background-color:@midnight-blue-90;	
			}
			a.active{
				background-color:@dark-cerulean;	
			}*/
  /*}*/
}
.tool-panel .tool-option-menu a.disabled {
  pointer-events: none;
}
.tool-panel .tool-option-menu .zoom-button-holder {
  padding: 10px 10px;
}
.tool-panel .tool-option-menu .zoom-button-holder .button-label {
  margin: 1px 0 1px 6px;
}
.tool-panel .tool-option-menu .rotate-button-holder {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 7px;
  padding: 10px 10px 10px 10px;
}
.tool-panel .tool-option-menu .rotate-button-holder .button-label {
  margin-left: 6px;
}
.tool-panel .tool-option-menu .rotate-button-holder .rotate-left-icon {
  margin-right: 5px;
}
.tool-panel .tool-option-menu .rotate-button-holder .rotate-left-icon,
.tool-panel .tool-option-menu .rotate-button-holder .rotate-right-icon {
  display: inline-block;
  height: 40px;
  width: 40px;
}
.tool-panel .tool-option-menu .rotate-button-holder .rotate-left-icon .svg-icon,
.tool-panel .tool-option-menu .rotate-button-holder .rotate-right-icon .svg-icon {
  width: 100%;
}
.tool-panel .tool-option-menu .rotate-button-holder .rotate-left-icon .svg-icon svg,
.tool-panel .tool-option-menu .rotate-button-holder .rotate-right-icon .svg-icon svg {
  display: block;
  margin: auto;
  padding: 0;
  width: 26px;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.tool-panel .tool-option-menu .button-label {
  padding-bottom: 5px;
}
.tool-panel .tool-option-menu .border-button-holder {
  border: 1px solid #0075cd;
}
.tool-panel .tool-option-menu .border-button-holder .border-button {
  border-left: 1px solid #0075cd;
}
.tool-panel .tool-option-menu .border-button-holder .border-button:first-child {
  border-left: 0 none;
}
.tool-panel .tool-option-menu .fit-screen-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.tool-panel .tool-option-menu .fit-button {
  color: #fff;
  display: inline-block;
  height: auto;
  padding: 4.5px 10px;
  text-align: center;
  text-decoration: none;
  width: 50%;
}
.tool-panel .tool-option-menu .fit-button.active,
.tool-panel .tool-option-menu .fit-button:hover {
  background-color: #003e6e;
}
.tool-panel .tool-option-menu .enlarger {
  margin-top: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.tool-panel .tool-option-menu .enlarger .decrease-zoom,
.tool-panel .tool-option-menu .enlarger .increase-zoom,
.tool-panel .tool-option-menu .enlarger .zoom-level {
  color: #fff;
  display: inline-block;
  height: auto;
  padding: 4.5px 10px;
  text-align: center;
  text-decoration: none;
}
.tool-panel .tool-option-menu .enlarger.active .zoom-level {
  background-color: #003e6e;
}
.tool-panel .tool-option-menu .enlarger .decrease-zoom,
.tool-panel .tool-option-menu .enlarger .increase-zoom {
  width: 30px;
}
.tool-panel .tool-option-menu .enlarger .decrease-zoom:hover,
.tool-panel .tool-option-menu .enlarger .increase-zoom:hover {
  background-color: #003e6e;
}
.tool-panel .tool-option-menu .enlarger .zoom-level {
  flex: 1 1 30px;
}
.tool-panel .droping .exp-colp-mrking-tary a {
  background-color: #e9f7ff;
}
.tool-panel .tool-ordering {
  padding: 5px 0;
}
.tool-panel .exp-colp-mrking-tary,
.undocked-wrapper .exp-colp-mrking-tary {
  text-align: right;
  /*border-left:1px solid @border-grey;*/
  position: relative;
}
.tool-panel .exp-colp-mrking-tary a,
.undocked-wrapper .exp-colp-mrking-tary a {
  background-color: #f0f1f2;
  display: inline-block;
  padding: 3px 5px;
  /*text-align:center;*/
  width: 100%;
}
.zoom-level {
  position: relative;
}
.zoom-level .zoom-leavel-input {
  display: block;
  width: 100%;
  border-color: transparent;
  background-color: transparent;
  opacity: 0;
  text-align: center;
  padding: 0;
  height: 17px;
  position: absolute;
  left: 0;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.zoom-level.edit {
  background-color: #fff;
}
.zoom-level.edit .zoom-label {
  display: none;
}
.zoom-level.edit .zoom-leavel-input {
  opacity: 1;
  padding-right: 10px;
  z-index: 1;
}
/*Supervisor Remark*/
.sup-remark-icons .tool-option-menu.menu {
  background: #fff;
  min-width: 190px;
  width: auto;
}
.raise-remark-holder {
  border-radius: 0 0 2px 2px;
  padding: 8px 15px 15px;
}
.raise-remark-holder .raise-remark-title {
  color: #071a2b;
}
.raise-remark-holder .raise-remark-desc {
  margin: 13px 0 0px;
  min-width: 257px;
}
.raise-remark-holder p {
  color: #071a2b;
  margin-bottom: 3px;
}
.raise-remark-holder .remark-button-holder {
  padding-top: 10px;
}
.raise-remark-holder .remark-button-holder .button {
  width: 100%;
  margin: 0;
}
.raise-new-exception .tool-option-menu.list-menu .create-new-list-item .svg-icon {
  height: 48px;
  overflow: hidden;
}
.bookmark-panel.list-menu:not(.tool-toption-menu) .list-menu-content .list-menu-item-holder .list-item {
  border: 0;
}
.touch-device  .list-menu.tool-option-menu.menu {
  overflow: visible;
}
.touch-device  .list-menu.tool-option-menu.menu .list-menu-content {
  -webkit-overflow-scrolling: touch;
}
.touch-device .close .list-menu.tool-option-menu.menu {
  overflow: hidden;
}
.tool-option-menu.list-menu {
  background-color: #fff;
  color: #071a2b;
  min-width: 313px;
}
.tool-option-menu.list-menu .bookmark-name {
  color: #071a2b;
  display: block;
  padding: 7px 7px 7px 14px;
  text-decoration: none;
}
.tool-option-menu.list-menu .create-new-list-item,
.tool-option-menu.list-menu .go-back-menu {
  color: #071a2b;
  display: block;
  height: 40px;
  text-decoration: none;
  width: 100%;
}
.tool-option-menu.list-menu .create-new-list-item .new-message-label,
.tool-option-menu.list-menu .go-back-menu .new-message-label {
  vertical-align: middle;
}
.tool-option-menu.list-menu .create-new-list-item .svg-icon,
.tool-option-menu.list-menu .go-back-menu .svg-icon {
  display: inline-block;
  height: 40px;
  height: inherit;
  line-height: inherit;
  vertical-align: middle;
  margin-right: 8px;
}
.tool-option-menu.list-menu .create-new-list-item .svg-icon svg,
.tool-option-menu.list-menu .go-back-menu .svg-icon svg {
  fill: #071a2b;
}
.tool-option-menu.list-menu .list-menu-item-holder {
  display: block;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item {
  /*border-left-width:3px;
			border-left-style:solid;
			border-left-color:transparent;*/
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  float: none;
  margin: 0px 10px 0px 10px;
  padding: 2px 0;
  position: relative;
  width: auto;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item.selected,
.exception-menu.tool-option-menu.list-menu .list-menu-item-holder .list-item.selected.resolved,
.escalation-menu.tool-option-menu.list-menu .list-menu-item-holder .list-item.selected.resolved {
  cursor: default;
  background-color: #f7fbff;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item.selected,
.exception-menu.tool-option-menu.list-menu .list-menu-item-holder .list-item.selected.resolved,
.escalation-menu.tool-option-menu.list-menu .list-menu-item-holder .list-item.selected.resolved,
.tool-option-menu.list-menu .list-menu-item-holder .list-item.selected + .list-item,
.exception-menu.tool-option-menu.list-menu .list-menu-item-holder .list-item.selected.resolved + .list-item,
.escalation-menu.tool-option-menu.list-menu .list-menu-item-holder .list-item.selected.resolved + .list-item {
  border-color: #b3e5fc;
}
.exception-menu.tool-option-menu.list-menu .list-menu-item-holder .list-item.resolved,
.escalation-menu.tool-option-menu.list-menu .list-menu-item-holder .list-item.resolved {
  background-color: #fffaf2;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .exception-status .exception-status-icon {
  display: inline-block;
  height: 18px;
  margin-right: 5px;
  width: 18px;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .exception-status .exception-status-icon.blocking-exception {
  fill: #ff9800;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .exception-status .exception-status-icon,
.tool-option-menu.list-menu .list-menu-item-holder .list-item .exception-status .exception-status-text {
  vertical-align: middle;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item:not(.selected):hover {
  background-color: #e6f4ff;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item:not(.selected):hover.resolved {
  background-color: rgba(255, 152, 0, 0.1);
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item:first-child {
  border-top: 0 none;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .list-item-holder {
  padding: 7px 7px 7px 14px;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .list-item-holder.msg-item {
  border-bottom-width: 0;
  margin: 0;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .list-item-holder:before {
  bottom: 2px;
  content: "";
  display: block;
  left: -3px;
  position: absolute;
  top: 2px;
  width: 3px;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .list-item-holder .list-item-row {
  padding-top: 2px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .list-item-holder .list-item-data {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1 1 0;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  -o-flex: 1 1 0;
  flex: 1 1 0;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .list-item-holder .list-item-data:last-child {
  margin-right: 0;
  padding-right: 0;
  flex: 0 0 auto;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .list-item-holder .list-item-data.exception-title {
  max-width: 100%;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .list-item-holder .list-item-data .draft-text {
  color: #fe0000;
  margin-right: 2px;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .list-item-holder .list-item-data .draft-text .italics {
  font-style: italic;
  margin-right: 2px;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item .list-item-holder .msg-meta-icons .sprite-icon {
  padding: 3px;
}
.message-menu.tool-option-menu.list-menu .list-menu-item-holder .list-item.unread .list-item-holder:before {
  background-color: #0075cd;
}
.tool-option-menu.list-menu .list-menu-item-holder .list-item.unread .list-item-holder .list-item-content {
  font-weight: bold;
}
.exception-menu.tool-option-menu.list-menu .list-menu-item-holder .list-item.resolved.unread .list-item-holder:before,
.escalation-menu.tool-option-menu.list-menu .list-menu-item-holder .list-item.resolved.unread .list-item-holder:before {
  background-color: #ff9800;
}
.tool-option-menu.list-menu .list-menu-header,
.tool-option-menu.list-menu .list-menu-footer {
  background-color: #f7f7f7;
  border-bottom: 1px solid #c8c7cc;
  height: 48px;
  padding-left: 18px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: left;
  -moz-justify-content: left;
  -ms-justify-content: left;
  -o-justify-content: left;
  justify-content: left;
}
.tool-option-menu.list-menu .list-menu-footer {
  border-top: 1px solid #c8c7cc;
  border-bottom: none;
}
.tool-option-menu.list-menu .list-menu-content {
  max-height: 300px;
  overflow: auto;
  padding-bottom: 10px;
}
.exception-menu .list-menu-footer .svg-icon {
  display: inline-block;
  vertical-align: middle;
  height: 34px;
  line-height: inherit;
  padding-left: 0;
  width: 43px;
  color: #071a2b;
}
.exception-menu .list-menu-footer .svg-icon svg {
  fill: #071a2b;
  height: 100%;
  margin-left: 1px;
  padding: 0;
  width: 30px;
}
.exception-menu .list-menu-footer .rject-repsone-text {
  display: inline-block;
  vertical-align: middle;
  color: #071a2b;
}
.exception-menu .list-menu-footer a:hover svg {
  fill: #071a2b;
  padding: 0;
}
.tool-wrap {
  width: 40px;
  border-radius: 2px;
}
.txt-tool-icons .tool-wrap {
  width: 38px;
}
.tool-wrap .tool-link {
  position: relative;
  /* .icon-tray-left &{
			float:left; 
	 	}*/
}
.icon-tray-right .tool-wrap:not(.selected) {
  /*&:after{
			.icon-tray-left &{
				float:right;	
			}
		}*/
  /*&.droping.after{		
			&:after{			
				height:40px;
				.icon-tray-left &{
					width:40px;
				}
				.txt-tool-icons &{
					height:21px;	
				}
			}
		}*/
}
.icon-tray-right .tool-wrap:not(.selected):before {
  content: "";
  display: block;
  height: 0;
  margin: auto;
  width: 100%;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}
.icon-tray-left .icon-tray-right .tool-wrap:not(.selected):before {
  float: left;
}
.icon-tray-right .icon-tray-right .tool-wrap:not(.selected).droping {
  /*width:40px;*/
}
.icon-tray-left .icon-tray-right .tool-wrap:not(.selected).droping.before,
.icon-tray-left .icon-tray-right .tool-wrap:not(.selected).droping.after + .tool-wrap:not(.selected) {
  width: 80px;
}
.icon-tray-right .tool-wrap:not(.selected).droping.before:before,
.icon-tray-right .tool-wrap:not(.selected).droping.after + .tool-wrap:before {
  background-color: rgba(97, 174, 229, 0.5);
  content: "+";
  padding-top: 10px;
  text-align: center;
  /*border:1px dashed fade(@lochmara,20%);	*/
}
.icon-tray-right .tool-wrap:not(.selected).droping.before:before,
.icon-tray-right .tool-wrap:not(.selected).droping.after + .tool-wrap:before {
  height: 40px;
}
.icon-tray-left .icon-tray-right .tool-wrap:not(.selected).droping.before:before,
.icon-tray-left .icon-tray-right .tool-wrap:not(.selected).droping.after + .tool-wrap:before {
  width: 40px;
}
.txt-tool-icons .icon-tray-right .tool-wrap:not(.selected).droping.before:before,
.txt-tool-icons .icon-tray-right .tool-wrap:not(.selected).droping.after + .tool-wrap:before {
  height: 21px;
}
.tool-link {
  display: block;
  height: 100%;
}
.icon-tray-left .droping .tool-link {
  float: left;
}
.tool-link .svg-icon {
  padding: 4px;
}
.tool-link svg {
  /*height:100%;	*/
  pointer-events: none;
  width: 32px;
}
.annotation-panel-holder {
  /*background-color:@pure-white;*/
  flex: 1 1 auto;
  /*height:100%;*/
  -webkit-flex: 1 1 auto;
  position: relative;
}
svg {
  transform: translateZ(0);
}
.icon-tray-right .txt-icon svg {
  transform: none;
}
.marking-tools-panel {
  background-color: #fff;
  border-top-width: 1px;
  /*border-right-width:1px;*/
  border-style: solid;
  border-color: #e5e5e5;
  margin-top: 45px;
  height: 100%;
  /*margin-left: @toolbar-width;*/
  /*min-width:@marking-tool-panel-width;
	left:-(@marking-tool-panel-width - @toolbar-width + 1);*/
  position: absolute;
  z-index: 30;
  white-space: nowrap;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: margin-left 0.3s, transform 0.3s;
  -moz-transition: margin-left 0.3s, transform 0.3s;
  -ms-transition: margin-left 0.3s, transform 0.3s;
  -o-transition: margin-left 0.3s, transform 0.3s;
  transition: margin-left 0.3s, transform 0.3s;
  /*.flex-display();*/
}
.expanded .marking-tools-panel {
  /*left:0;*/
  border-right-width: 1px;
  /*margin-left: 0;*/
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  /*.vendorize(transform,translateX(0%));*/
}
.expanded .marking-tools-panel .icon-tray-left {
  visibility: visible;
}
.marking-tools-panel .icon-tray-left,
.marking-tools-panel .icon-tray-right {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.marking-tools-panel .icon-tray-left {
  height: 100%;
  padding: 15px;
  visibility: hidden;
  max-width: 371px;
  width: 30vw;
  /*float:left;*/
  /*.vendorize(flex,1 1 370px);*/
}
.marking-tools-panel .icon-tray-left .icon-groups-wrap {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.marking-tools-panel .icon-tray-left .icon-grouping {
  padding: 10px 0;
  border-bottom: 1px #e5e5e5 solid;
}
.marking-tools-panel .icon-tray-left .icon-grouping li {
  display: inline-block;
  height: 38px;
  vertical-align: middle;
  margin: 5px 2px;
}
.marking-tools-panel .icon-tray-left .icon-grouping.txt-tool-icons {
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  /*text tool cut off border - Fixed*/
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  /*text tool cut off border - Fixed */
}
.marking-tools-panel .icon-tray-left .icon-grouping.txt-tool-icons li {
  /*height:20px;*/
  padding: 9px 3px;
}
.marking-tools-panel .icon-tray-left .icon-grouping.txt-tool-icons li a {
  display: block;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
.marking-tools-panel .icon-tray-left .icon-grouping .svg-icon {
  /*padding:5px;*/
  height: 38px;
  text-align: center;
  width: 40px;
}
.marking-tools-panel .icon-tray-left .icon-grouping:last-child {
  border-bottom: 0 none;
}
.marking-tools-panel .icon-tray-right {
  background-color: #fff;
  text-align: center;
  height: 100%;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-box-shadow: 0px 3px 6px 4px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 6px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0px 3px 6px 4px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 3px 6px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 6px 4px rgba(0, 0, 0, 0.05);
}
.marking-tools-panel .icon-tray-right.droping {
  border: 1px dashed #0092ff;
  background-color: #e9f7ff;
}
.expanded .marking-tools-panel .icon-tray-right:not(.droping) {
  border-left: 1px solid #e5e5e5;
}
.marking-tools-panel .default-marking-tray {
  /*background-color:@pure-white;*/
  /*.vendorize(box-shadow,0px 0px 1px 0px rgba(0,0,0,0.50));*/
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
  height: -moz-calc(100% - 30px);
  height: -webkit-calc(100% - 30px);
  height: calc(100% - 30px);
}
.marking-tools-panel .default-marking-tray .marking-tool-tray {
  /* height:100%;			*/
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.marking-tools-panel .default-marking-tray .marking-tool-tray:not(.overlay-icons) a {
  display: block;
}
.marking-tools-panel .default-marking-tray .marking-tool-tray .tool-wrap {
  float: left;
  margin-left: 4px;
  margin-bottom: 8px;
  /*margin-top:4px;*/
  /* padding:3px 0;			*/
}
.marking-tools-panel .default-marking-tray .marking-tool-tray .tool-wrap a {
  display: block;
}
.marking-tools-panel .default-marking-tray .svg-icon {
  height: 40px;
}
.marking-tools-panel .default-marking-tray .txt-icon {
  height: 22px;
  margin: 10px 0;
}
.marking-tools-panel .marking-tool-instruction {
  font-weight: bold;
  padding-bottom: 5px;
}
.marking-tools-panel.no-tool {
  margin-top: 45px;
}
.annotation-count {
  bottom: -4px;
  color: #071a2b;
  font-size: 1rem;
  position: absolute;
  right: -2px;
}
.txt-icon {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 11px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.txt-icon.bold {
  font-weight: bold;
  font-size: 13px;
}
.txt-icon.small {
  font-size: 10px;
}
.txt-icon svg {
  border: 1px currentColor solid;
  /*.selected &{
			border:1px @red500 solid;
			
		}*/
}
.txt-icon svg .caption {
  text-anchor: middle;
}
.annotation-holder .txt-icon .caption,
.cursor .txt-icon svg .caption,
.cursor-drag .txt-icon svg .caption {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.7px;
}
.annotation-holder .txt-icon .caption.char-1,
.cursor .txt-icon svg .caption.char-1,
.cursor-drag .txt-icon svg .caption.char-1 {
  font-size: 24px;
}
.annotation-holder .txt-icon .caption.char-2,
.cursor .txt-icon svg .caption.char-2,
.cursor-drag .txt-icon svg .caption.char-2 {
  font-size: 20px;
}
.annotation-holder .txt-icon .caption.char-3,
.cursor .txt-icon svg .caption.char-3,
.cursor-drag .txt-icon svg .caption.char-3 {
  font-size: 14px;
}
.annotation-holder .txt-icon .caption.char-4,
.cursor .txt-icon svg .caption.char-4,
.cursor-drag .txt-icon svg .caption.char-4,
.annotation-holder .txt-icon .caption.char-5,
.cursor .txt-icon svg .caption.char-5,
.cursor-drag .txt-icon svg .caption.char-5 {
  font-size: 10px;
}
.annotation-holder .txt-icon .caption.char-6,
.cursor .txt-icon svg .caption.char-6,
.cursor-drag .txt-icon svg .caption.char-6 {
  font-size: 8px;
}
.annotation-holder .txt-icon {
  padding-top: 68%;
}
.svg-icon {
  display: block;
  margin: auto;
}
.svg-icon .hit-area {
  display: none;
}
.static.annotation-wrap .svg-icon .hit-area {
  display: block;
}
.annotation-holder .svg-icon {
  padding-top: 66.6%;
}
.txt-icon,
.svg-icon {
  color: #3b5062;
  fill: currentColor;
  height: 100%;
}
.annotation-panel-holder .overlay-icons .txt-icon,
.annotation-panel-holder .overlay-icons .svg-icon {
  color: #3b5062;
}
.annotation-holder .txt-icon,
.annotation-holder .svg-icon,
.annotation-panel-holder .txt-icon,
.annotation-panel-holder .svg-icon,
.undocked-wrapper .txt-icon,
.undocked-wrapper .svg-icon {
  color: #e31111;
}
.tool-wrap .txt-icon:before,
.tool-wrap .svg-icon:before {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: currentColor;
  transition: opacity 0.3s;
}
.selected.tool-wrap .txt-icon:before,
.selected.tool-wrap .svg-icon:before {
  opacity: 0.22;
}
body:not(.touch-device) .tool-wrap .tool-link:hover .txt-icon:before,
body:not(.touch-device) .tool-wrap .tool-link:hover .svg-icon:before {
  opacity: 0.15;
}
body:not(.touch-device) .selected.tool-wrap .tool-link:hover .txt-icon:before,
body:not(.touch-device) .selected.tool-wrap .tool-link:hover .svg-icon:before {
  opacity: 0.28;
}
.annotation-holder .txt-icon,
.annotation-holder .svg-icon {
  color: inherit;
  display: block;
  fill: currentColor;
  height: auto;
  margin: auto;
  position: relative;
  width: 100%;
}
.annotation-holder .txt-icon svg,
.annotation-holder .svg-icon svg {
  display: block;
  min-height: 3px;
  min-width: 6px;
  transform: translate(0);
  /*height:auto;*/
  width: 100%;
}
.annotation-holder .txt-icon svg,
.annotation-holder .svg-icon svg,
.cursor .txt-icon svg,
.cursor .svg-icon svg,
.cursor-drag .txt-icon svg,
.cursor-drag .svg-icon svg {
  border-color: currentColor;
  fill: currentColor;
  left: 0;
  position: absolute;
  top: 0;
  overflow: visible;
}
.add-tool-wrap {
  flex: 1 1 40px;
  -webkit-flex: 1 1 40px;
  position: relative;
}
.add-tool-wrap .add-tool-link:hover {
  background-color: #eaf7ff;
}
.add-tool-wrap .svg-icon {
  color: transparent;
}
.tool-wrap.add-tool-wrap:not(.selected):before {
  display: none;
}
.add-tool-link {
  background-color: rgba(7, 26, 43, 0.05);
  border: 1px dashed rgba(59, 80, 98, 0.2);
  border-radius: 50%;
  width: 40px;
  -webkit-transition: border-radius 0.3s;
  -moz-transition: border-radius 0.3s;
  -ms-transition: border-radius 0.3s;
  -o-transition: border-radius 0.3s;
  transition: border-radius 0.3s;
}
.droping .add-tool-link {
  background-color: rgba(97, 174, 229, 0.2);
  border-radius: 0;
  border: 1px dashed transparent;
}
.add-tool-link svg {
  color: rgba(59, 80, 98, 0.2);
  fill: rgba(59, 80, 98, 0.2);
}
.droping .add-tool-link svg {
  color: rgba(97, 174, 229, 0.5);
  fill: rgba(97, 174, 229, 0.5);
}
.overlay-icons .tool-wrap.selected {
  background-color: #e1f5fe;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: overlayToolBg 0.6s;
  -moz-animation: overlayToolBg 0.6s;
  -ms-animation: overlayToolBg 0.6s;
  -o-animation: overlayToolBg 0.6s;
  animation: overlayToolBg 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes overlayToolBg {
  0% {
    background-color: transparent;
  }
  20% {
    background-color: #e1f5fe;
  }
  60% {
    background-color: #e1f5fe;
  }
  100% {
    background-color: transparent;
  }
}
@-webkit-keyframes overlayToolBg {
  0% {
    background-color: transparent;
  }
  20% {
    background-color: #e1f5fe;
  }
  60% {
    background-color: #e1f5fe;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes overlayToolBg {
  0% {
    background-color: transparent;
  }
  20% {
    background-color: #e1f5fe;
  }
  60% {
    background-color: #e1f5fe;
  }
  100% {
    background-color: transparent;
  }
}
.overlay-icons .tool-wrap.selected .svg-icon {
  fill: #071a2b;
}
.annotating.hover .cursor {
  display: block;
  white-space: normal;
}
.cursor-drag .svg-icon svg,
.cursor-drag .txt-icon svg {
  background-color: rgba(255, 255, 255, 0.5);
  outline: 1px solid #c7c7c7;
  border-color: #c7c7c7;
  border-radius: 2px;
  -webkit-box-shadow: -2px 0px 9px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -2px 0px 9px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: -2px 0px 9px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: -2px 0px 9px 1px rgba(0, 0, 0, 0.2);
  box-shadow: -2px 0px 9px 1px rgba(0, 0, 0, 0.2);
}
.cursor,
.cursor-drag {
  cursor: none;
  display: none;
  height: 40px;
  left: 0;
  padding: 0;
  position: fixed;
  top: 0;
  z-index: 203;
  width: -moz-calc(4% - 4px - (4*(236px + 60px + 84px) / 100));
  width: -webkit-calc(4% - 4px - (4*(236px + 60px + 84px) / 100));
  width: calc(4% - 4px - (4*(236px + 60px + 84px) / 100));
}
.html-response-container .cursor,
.html-response-container .cursor-drag {
  height: 32px;
  width: 32px;
}
.dragging .cursor,
.dragging .cursor-drag {
  cursor: move;
}
.cursor svg,
.cursor-drag svg {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /*to fix re render issue in Firefox (laptop with 2gb RAM)*/
}
.cursor .svg-icon,
.cursor-drag .svg-icon,
.cursor .txt-icon,
.cursor-drag .txt-icon {
  height: 0;
  pointer-events: none;
  position: relative;
  width: 100%;
  transform: translate(-50%, -50%);
}
.cursor .svg-icon,
.cursor-drag .svg-icon {
  padding-top: 100%;
}
.cursor .txt-icon,
.cursor-drag .txt-icon {
  padding-top: 68%;
}
.annotating .cursor-drag {
  display: block;
}
.cutomise-toolbar-msg {
  display: none;
  top: -27px;
  width: 330px;
  left: -moz-calc(100% + 13px);
  left: -webkit-calc(100% + 13px);
  left: calc(100% + 13px);
  max-width: -moz-calc(100vw - 504px);
  max-width: -webkit-calc(100vw - 504px);
  max-width: calc(100vw - 504px);
}
.cutomise-toolbar-msg1 {
  display: none;
  width: 330px;
  top: -22px;
  /*.calc-fn(left,"100% + 18px");*/
  left: -moz-calc(100% + 18px);
  left: -webkit-calc(100% + 18px);
  left: calc(100% + 18px);
  max-width: -moz-calc(100vw - 504px);
  max-width: -webkit-calc(100vw - 504px);
  max-width: calc(100vw - 504px);
}
.content-wrapper:not(.messaging) .cutomise-toolbar-msg.hide,
.content-wrapper:not(.messaging) .cutomise-toolbar-msg1.hide {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-out 0.3s;
  -moz-animation: fade-out 0.3s;
  -ms-animation: fade-out 0.3s;
  -o-animation: fade-out 0.3s;
  animation: fade-out 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
.content-wrapper:not(.messaging) .cutomise-toolbar-msg.show,
.content-wrapper:not(.messaging) .cutomise-toolbar-msg1.show {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.3s;
  -moz-animation: fade-in 0.3s;
  -ms-animation: fade-in 0.3s;
  -o-animation: fade-in 0.3s;
  animation: fade-in 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.content-wrapper.minimized .cutomise-toolbar-msg.show,
.content-wrapper.minimized .cutomise-toolbar-msg1.show {
  display: block;
}
.cutomise-toolbar-msg.annotation-drag-warning {
  top: 10px;
}
.link-lock {
  pointer-events: none;
}
.prevent-marking-overlay {
  display: none;
  left: 0;
  height: 100%;
  position: absolute;
  right: 0;
  stroke-width: 3px;
  top: 0;
  width: 100%;
  z-index: 151;
  background-color: rgba(0, 0, 0, 0.5);
}
.prevent-marking-overlay.show {
  display: block;
}
.prevent-marking-overlay ~ .tool-panel .marking-tools-panel {
  z-index: 152;
}
.prevent-marking-overlay ~ .tool-panel .tools-panel-default {
  z-index: auto;
}
.message-box.fav-message-box {
  width: 398px;
  max-width: -moz-calc(100vw - 395px + 120px);
  max-width: -webkit-calc(100vw - 395px + 120px);
  max-width: calc(100vw - 395px + 120px);
}
.message-box.fav-message-box.bottom {
  top: -192px;
  left: -moz-calc(100% - 221px);
  left: -webkit-calc(100% - 221px);
  left: calc(100% - 221px);
}
.message-box.fav-message-box.bottom:before,
.message-box.fav-message-box.bottom:after {
  left: 50%;
  right: inherit;
}
.media-expanded .fav-message-box.message-box.cutomise-toolbar-msg {
  width: 235px;
}
/* Media Panel*/
.tool-panel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.media-panel {
  background-color: #fff;
  border-right: 1px #c7c7c7 solid;
  height: 100%;
  position: relative;
  z-index: 153;
}
.media-panel .panel-header {
  background-color: #f0f1f2;
  line-height: 1;
  padding-left: 20px;
  border-bottom: 1px #f0f1f2 solid;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  white-space: nowrap;
}
.media-panel .exp-col-media-panel {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 5px;
  width: 48px;
  text-align: center;
  -webkit-transition: transform 0.3s, padding 0.3s;
  -moz-transition: transform 0.3s, padding 0.3s;
  -ms-transition: transform 0.3s, padding 0.3s;
  -o-transition: transform 0.3s, padding 0.3s;
  transition: transform 0.3s, padding 0.3s;
  transform-origin: center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.media-expanded .media-panel .exp-col-media-panel {
  padding: 8px 5px 8px 0px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 0.3s, padding 0.3s;
  -moz-transition: transform 0.3s, padding 0.3s;
  -ms-transition: transform 0.3s, padding 0.3s;
  -o-transition: transform 0.3s, padding 0.3s;
  transition: transform 0.3s, padding 0.3s;
}
.media-panel .panel-content {
  height: 1px;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.media-panel .file-list {
  display: block;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.media-expanded .media-panel .file-list {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.media-collapsed .media-panel .file-list {
  /*overflow:hidden;*/
  height: -moz-calc(100% - 78px);
  height: -webkit-calc(100% - 78px);
  height: calc(100% - 78px);
}
.media-panel .media-file-item {
  border-top-width: 1px;
  border-style: solid;
  -webkit-transition: padding 0.3s;
  -moz-transition: padding 0.3s;
  -ms-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  transition: padding 0.3s;
  /*body:not(.touch-device) &{*/
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
  /*}*/
}
.media-panel .media-file-item:first-child {
  margin-top: 0;
}
.media-panel .media-file-item:last-child {
  border-bottom-width: 1px;
}
.media-expanded .media-panel .media-file-item.active,
.media-collapsed .media-panel .media-file-item.active {
  background-color: #e9f7ff;
  /*position: relative;
				z-index: 1;*/
}
.media-expanded .media-panel .media-file-item.active,
.media-collapsed .media-panel .media-file-item.active,
.media-expanded .media-panel .media-file-item.active + .media-file-item,
.media-collapsed .media-panel .media-file-item.active + .media-file-item {
  border-top-color: #61aee5;
}
.media-expanded .media-panel .media-file-item.active:last-child,
.media-collapsed .media-panel .media-file-item.active:last-child {
  border-bottom-color: #61aee5;
}
.media-expanded .media-panel .media-file-item.active .svg-icon,
.media-collapsed .media-panel .media-file-item.active .svg-icon {
  color: #0075cd;
  fill: #0075cd;
}
body:not(.touch-device) .media-expanded .media-panel .media-file-item .file-list-anchor:hover,
body:not(.touch-device) .media-collapsed .media-panel .media-file-item .file-list-anchor:hover {
  background-color: #e9f7ff;
}
body:not(.touch-device) .media-expanded .media-panel .media-file-item .file-list-anchor:hover .file-icon,
body:not(.touch-device) .media-collapsed .media-panel .media-file-item .file-list-anchor:hover .file-icon {
  background-color: #e9f7ff;
}
.media-expanded .media-panel .media-file-item {
  border-color: #e5e5e5;
  overflow: hidden;
}
.media-collapsed .media-panel .media-file-item {
  border-color: transparent;
  -webkit-transition: padding 0.3s ease-in;
  -moz-transition: padding 0.3s ease-in;
  -ms-transition: padding 0.3s ease-in;
  -o-transition: padding 0.3s ease-in;
  transition: padding 0.3s ease-in;
}
.media-panel .media-file-item .file-icon {
  left: 0;
  font-size: 0;
  height: 48px;
  position: relative;
  padding-left: 20px;
  vertical-align: middle;
  width: 48px;
  -webkit-transition: left 0.3s, text-align 0.3s;
  -moz-transition: left 0.3s, text-align 0.3s;
  -ms-transition: left 0.3s, text-align 0.3s;
  -o-transition: left 0.3s, text-align 0.3s;
  transition: left 0.3s, text-align 0.3s;
}
.media-collapsed .media-panel .media-file-item .file-icon {
  left: 164px;
  text-align: center;
  -webkit-transition: left 0.3s, text-align 0.3s;
  -moz-transition: left 0.3s, text-align 0.3s;
  -ms-transition: left 0.3s, text-align 0.3s;
  -o-transition: left 0.3s, text-align 0.3s;
  transition: left 0.3s, text-align 0.3s;
}
.media-panel .media-file-item .file-name {
  line-height: 1;
  padding: 10px 14px 10px 4px;
  vertical-align: middle;
  white-space: normal;
  width: -moz-calc(100% - 48px);
  width: -webkit-calc(100% - 48px);
  width: calc(100% - 48px);
  /*.vendorize(transition,padding @comp-anim-duration linear);*/
}
.media-expanded .media-panel .media-file-item .file-name {
  display: inline-block;
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  /*padding-left: 2px;
				.vendorize(transition,padding @comp-anim-duration ease-in);*/
}
.media-panel .file-list-anchor {
  color: #071a2b;
  display: block;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  /*padding:10px 0;
		.media-collapsed &{
			padding:10px 8px;
		}*/
}
.media-expanded .thumbnail-view .image-file .file-icon,
.media-expanded .thumbnail-view .image-file .file-name,
.media-expanded .thumbnail-view .image-file .file-icon:after {
  height: 0;
  font-size: 0;
  width: 0;
  padding: 0;
  transform: scale(0);
  line-height: 0;
  /*left: -5px;*/
}
.media-expanded .thumbnail-view .thumbnail-image {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 163px;
  height: 112px;
  background-color: #e5e5e5;
  margin: 5px 20px;
  text-align: center;
}
.media-expanded .thumbnail-view .thumbnail-image img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}
.media-expanded .thumbnail-view .thumbnail-image .thumbnail-inner {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  position: relative;
  width: 100%;
}
.media-expanded .thumbnail-view .thumbnail-image .thumbnail-inner:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  margin-right: -1px;
  position: relative;
  vertical-align: middle;
}
.media-collapsed .thumbnail-view .thumbnail-image {
  height: 0;
  font-size: 0;
  width: 0;
  position: relative;
}
.media-collapsed .thumbnail-view .thumbnail-image img {
  height: 0;
  width: 0;
}
.list-view .thumbnail-image {
  height: 0;
  font-size: 0;
  width: 0;
  position: relative;
}
.list-view .thumbnail-image img {
  height: 0;
}
.list-view .file-pre-loader {
  display: none;
}
.thumbnail-image,
.thumbnail-image img {
  -webkit-transition: height 0.3s, transform 0.3s;
  -moz-transition: height 0.3s, transform 0.3s;
  -ms-transition: height 0.3s, transform 0.3s;
  -o-transition: height 0.3s, transform 0.3s;
  transition: height 0.3s, transform 0.3s;
}
.list-view .thumbnail-image {
  height: 0;
  font-size: 0;
  width: 0;
  position: relative;
}
.file-icon {
  background-color: #fff;
  display: inline-block;
  height: 26px;
  width: 32px;
}
.file-icon .svg-icon {
  color: #a2a4a8;
  fill: #a2a4a8;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  /*height: auto;
		width: auto;*/
}
.file-icon .svg-icon .annotation-linked {
  top: -2px;
  left: auto;
  right: 0px;
}
.file-icon:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-right: -1px;
  width: 1px;
}
.active .file-icon,
.comment-row:hover .file-icon {
  background-color: #e9f7ff;
}
.file-icon .svg-icon {
  color: #a2a4a8;
  fill: #a2a4a8;
  height: 32px;
  width: 32px;
}
.file-icon,
.file-name {
  display: inline-block;
  vertical-align: middle;
}
.doc-file .svg-icon {
  width: 18px;
  height: 22px;
}
.image-file .svg-icon {
  width: 18px;
  height: 22px;
}
.pdf-file .svg-icon {
  width: 18px;
  height: 22px;
}
.video-file .svg-icon {
  width: 18px;
  height: 22px;
}
.audio-file .svg-icon {
  width: 18px;
  height: 22px;
}
.unknown-file .svg-icon {
  width: 18px;
  height: 22px;
}
.spreadsheet-file .svg-icon {
  width: 18px;
  height: 22px;
}
.rtf-file .svg-icon {
  width: 18px;
  height: 22px;
}
.convertible-file .svg-icon {
  width: 18px;
  height: 22px;
}
.ppt-file .svg-icon {
  width: 18px;
  height: 22px;
}
.excel-file .svg-icon {
  width: 18px;
  height: 22px;
}
.html-file .svg-icon {
  width: 18px;
  height: 22px;
}
.media-collapsed .media-file-item {
  max-height: 0;
  /*font-size: 0;*/
  border-width: 0;
  /*overflow: hidden;*/
  position: relative;
  background-color: #fff;
  -webkit-transition-property: padding, border, max-height;
  -moz-transition-property: padding, border, max-height;
  -ms-transition-property: padding, border, max-height;
  -o-transition-property: padding, border, max-height;
  transition-property: padding, border, max-height;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.media-collapsed .media-file-item.end-view ~ .media-file-item,
.media-collapsed .media-file-item.end-view,
.media-collapsed .media-file-item.start-view {
  max-height: 49px;
  /*font-size: inherit;*/
  border-top-width: 1px;
  -webkit-transition: max-height 0.3s, border 0.3s;
  -moz-transition: max-height 0.3s, border 0.3s;
  -ms-transition: max-height 0.3s, border 0.3s;
  -o-transition: max-height 0.3s, border 0.3s;
  transition: max-height 0.3s, border 0.3s;
}
.media-collapsed .media-file-item.end-view ~ .media-file-item .svg-icon,
.media-collapsed .media-file-item.end-view .svg-icon,
.media-collapsed .media-file-item.start-view .svg-icon {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.media-collapsed .media-file-item.start-view.active {
  border-bottom-width: 1px;
  border-bottom-color: #61aee5;
  max-height: 50px;
}
.media-collapsed .media-file-item.end-view ~ .start-view ~ .media-file-item {
  max-height: 0;
  font-size: 0;
  border-width: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s, border 0.3s;
  -moz-transition: max-height 0.3s, border 0.3s;
  -ms-transition: max-height 0.3s, border 0.3s;
  -o-transition: max-height 0.3s, border 0.3s;
  transition: max-height 0.3s, border 0.3s;
}
.media-collapsed .media-file-item.end-view ~ .start-view ~ .media-file-item .svg-icon {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.media-collapsed .media-file-item .svg-icon {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.media-collapsed .file-name {
  color: transparent;
  max-height: 48px;
  overflow: hidden;
}
video::-webkit-media-controls {
  display: none;
}
.panel-header-label {
  display: inline-block;
  font-weight: bold;
  white-space: normal;
  vertical-align: middle;
  width: -moz-calc(100% - 48px);
  width: -webkit-calc(100% - 48px);
  width: calc(100% - 48px);
  -webkit-transition: margin 0.3s;
  -moz-transition: margin 0.3s;
  -ms-transition: margin 0.3s;
  -o-transition: margin 0.3s;
  transition: margin 0.3s;
}
.media-expanded .panel-header-label {
  -webkit-transition: margin 0.3s;
  -moz-transition: margin 0.3s;
  -ms-transition: margin 0.3s;
  -o-transition: margin 0.3s;
  transition: margin 0.3s;
}
.media-panel-nav {
  position: relative;
  height: 39px;
  overflow: hidden;
  flex: 0 0 auto;
  text-align: right;
  -webkit-flex: 0 0 auto;
  /*	.flex-display();
	.vendorize(justify-content,space-around);*/
}
.media-expanded .file-list + .media-panel-nav {
  display: none;
}
.media-expanded .media-panel-nav {
  /*max-height: 39px;
		.collapseVertical(@comp-anim-duration);
		.vendorize(animation-fill-mode,forwards);*/
}
.media-panel-nav .download-ico {
  position: absolute;
  left: 13px;
  fill: #0075cd;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.media-panel-nav .download-ico .icon-download {
  height: auto;
  width: 32px;
}
.media-panel-nav .download-ico.disabled {
  fill: #a2a4a8;
  opacity: 1;
}
.media-collapsed .media-panel-nav .download-ico {
  left: 175px;
  top: 0px;
  overflow: hidden;
  height: auto;
  width: 48px;
  padding: 8px;
  border-bottom: 1px solid #e5e5e5;
  -webkit-transition: left 0.3s, text-align 0.3s;
  -moz-transition: left 0.3s, text-align 0.3s;
  -ms-transition: left 0.3s, text-align 0.3s;
  -o-transition: left 0.3s, text-align 0.3s;
  transition: left 0.3s, text-align 0.3s;
}
.panel-control {
  display: inline-block;
  margin-left: auto;
  text-align: center;
  width: 48px;
  vertical-align: middle;
}
.panel-control.disabled .bottom-arrow-blue {
  background-position: -24px -564px;
}
.panel-control.disabled .top-arrow-blue {
  background-position: -24px -550px;
}
.panel-control:after {
  display: inline-block;
  content: '';
  width: 1px;
  margin-right: -1px;
  height: 39px;
  vertical-align: middle;
}
.panel-control.disabled {
  opacity: 1;
}
.panel-control .bottom-arrow-blue,
.panel-control .top-arrow-blue {
  vertical-align: middle;
}
.panel-view-contol,
.panel-bottom-contol {
  display: inline-block;
  vertical-align: middle;
  padding-right: 14px;
  /*left: 0;*/
  margin-right: 0;
  min-width: 48px;
  height: 39px;
  background-color: #fff;
  -webkit-transition: margin-right 0.3s;
  -moz-transition: margin-right 0.3s;
  -ms-transition: margin-right 0.3s;
  -o-transition: margin-right 0.3s;
  transition: margin-right 0.3s;
}
.media-expanded .panel-view-contol,
.media-expanded .panel-bottom-contol {
  position: relative;
  /*left: 48px;*/
  margin-right: -48px;
  -webkit-transition: margin-right 0.3s;
  -moz-transition: margin-right 0.3s;
  -ms-transition: margin-right 0.3s;
  -o-transition: margin-right 0.3s;
  transition: margin-right 0.3s;
}
.panel-view-contol .switch-view {
  display: inline-block;
  vertical-align: middle;
}
.panel-view-contol .switch-view:after {
  display: inline-block;
  content: '';
  width: 1px;
  margin-right: -1px;
  height: 39px;
  vertical-align: middle;
}
.panel-view-contol .switch-view:hover .view-text {
  color: #0092ff;
  text-decoration: none;
}
.panel-view-contol .tile-view-icon,
.panel-view-contol .grid-view-icon {
  vertical-align: middle;
  height: 16px;
}
.panel-view-contol .view-text {
  color: #0075cd;
  display: inline-block;
  font-size: 1.3rem;
  margin-left: 5px;
  line-height: 1;
  text-decoration: underline;
  vertical-align: middle;
  max-width: 180px;
  text-align: left;
  word-wrap: break-word;
}
.media-collapsed .panel-view-contol {
  display: none;
}
.media-panel-inner {
  /*width: 48px;*/
  flex-direction: column;
  -webkit-flex-direction: column;
  height: 100%;
  margin-left: 0;
  width: 222px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -webkit-transition: margin 0.3s;
  -moz-transition: margin 0.3s;
  -ms-transition: margin 0.3s;
  -o-transition: margin 0.3s;
  transition: margin 0.3s;
}
.media-expanded .media-panel-inner {
  margin-left: 0;
}
.media-collapsed .media-panel-inner {
  margin-left: -174px;
}
/* Meta*/
.file-meta-wrapper {
  /*.vendorize(transition,padding-bottom @comp-anim-duration);*/
}
.media-expanded .file-meta-wrapper {
  position: relative;
  padding-left: 20px;
  padding-right: 14px;
  padding-bottom: 0;
  line-height: 0;
  font-size: 0;
}
.media-expanded .media-panel:not(.thumbnail-view) .active .file-meta-wrapper.more {
  font-size: 1.3rem;
  line-height: 1;
  padding-bottom: 10px;
  height: auto;
  /*.vendorize(transition,padding-bottom @comp-anim-duration);*/
}
.media-expanded .media-panel:not(.thumbnail-view) .active .file-meta-wrapper.less {
  font-size: 1.3rem;
  padding-bottom: 10px;
  line-height: 1;
  /*.vendorize(transition,padding-bottom @comp-anim-duration);*/
}
.media-expanded .media-panel:not(.thumbnail-view) .active .file-meta-wrapper {
  top: 0 !important;
  /* to over-write inline style in collapsed view*/
}
body:not(.touch-device) .media-collapsed .file-list:not(.scrolling) .media-file-item:hover .file-meta-wrapper,
.media-collapsed .media-file-item.hover .file-meta-wrapper,
.media-expanded .file-list:not(.scrolling) .media-file-item.hover:not(.active) .file-meta-wrapper,
body:not(.touch-device) .media-expanded .file-list:not(.scrolling) .media-file-item:not(.active):hover .file-meta-wrapper,
.media-expanded .thumbnail-view .file-list:not(.scrolling) .media-file-item.hover.active .file-meta-wrapper,
body:not(.touch-device) .media-expanded .thumbnail-view .file-list:not(.scrolling) .media-file-item.active:hover .file-meta-wrapper {
  background-color: #fff;
  left: 223px;
  padding: 15px 10px;
  position: absolute;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px #a2a4a8;
  -moz-box-shadow: 0 0 5px #a2a4a8;
  -ms-box-shadow: 0 0 5px #a2a4a8;
  -o-box-shadow: 0 0 5px #a2a4a8;
  box-shadow: 0 0 5px #a2a4a8;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
body:not(.touch-device) .media-collapsed .file-list:not(.scrolling) .media-file-item:hover .file-meta-wrapper .file-meta-inner,
.media-collapsed .media-file-item.hover .file-meta-wrapper .file-meta-inner,
.media-expanded .file-list:not(.scrolling) .media-file-item.hover:not(.active) .file-meta-wrapper .file-meta-inner,
body:not(.touch-device) .media-expanded .file-list:not(.scrolling) .media-file-item:not(.active):hover .file-meta-wrapper .file-meta-inner,
.media-expanded .thumbnail-view .file-list:not(.scrolling) .media-file-item.hover.active .file-meta-wrapper .file-meta-inner,
body:not(.touch-device) .media-expanded .thumbnail-view .file-list:not(.scrolling) .media-file-item.active:hover .file-meta-wrapper .file-meta-inner {
  max-height: 60vh;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: auto;
  padding-right: 5px;
  width: 300px;
}
body:not(.touch-device) .media-collapsed .file-list:not(.scrolling) .media-file-item:hover .menu-callout,
.media-collapsed .file-list:not(.scrolling) .media-file-item.hover .menu-callout,
body:not(.touch-device) .media-expanded .file-list:not(.scrolling) .media-file-item:not(.active):hover .menu-callout,
.media-expanded .file-list:not(.scrolling) .media-file-item.hover:not(.active) .menu-callout,
.media-expanded .file-list:not(.scrolling) .thumbnail-view .file-list:not(.scrolling) .media-file-item.hover .menu-callout,
body:not(.touch-device) .media-expanded .thumbnail-view .file-list:not(.scrolling) .media-file-item:hover .menu-callout {
  top: 12px;
  right: 13px;
  position: absolute;
}
body:not(.touch-device) .media-collapsed .file-list:not(.scrolling) .media-file-item:hover .menu-callout:after,
.media-collapsed .file-list:not(.scrolling) .media-file-item.hover .menu-callout:after,
body:not(.touch-device) .media-expanded .file-list:not(.scrolling) .media-file-item:not(.active):hover .menu-callout:after,
.media-expanded .file-list:not(.scrolling) .media-file-item.hover:not(.active) .menu-callout:after,
.media-expanded .file-list:not(.scrolling) .thumbnail-view .file-list:not(.scrolling) .media-file-item.hover .menu-callout:after,
body:not(.touch-device) .media-expanded .thumbnail-view .file-list:not(.scrolling) .media-file-item:hover .menu-callout:after,
body:not(.touch-device) .media-collapsed .file-list:not(.scrolling) .media-file-item:hover .menu-callout:before,
.media-collapsed .file-list:not(.scrolling) .media-file-item.hover .menu-callout:before,
body:not(.touch-device) .media-expanded .file-list:not(.scrolling) .media-file-item:not(.active):hover .menu-callout:before,
.media-expanded .file-list:not(.scrolling) .media-file-item.hover:not(.active) .menu-callout:before,
.media-expanded .file-list:not(.scrolling) .thumbnail-view .file-list:not(.scrolling) .media-file-item.hover .menu-callout:before,
body:not(.touch-device) .media-expanded .thumbnail-view .file-list:not(.scrolling) .media-file-item:hover .menu-callout:before {
  content: '';
  display: inline-block;
}
body:not(.touch-device) .media-collapsed .file-list:not(.scrolling) .media-file-item:hover .menu-callout:after,
.media-collapsed .file-list:not(.scrolling) .media-file-item.hover .menu-callout:after,
body:not(.touch-device) .media-expanded .file-list:not(.scrolling) .media-file-item:not(.active):hover .menu-callout:after,
.media-expanded .file-list:not(.scrolling) .media-file-item.hover:not(.active) .menu-callout:after,
.media-expanded .file-list:not(.scrolling) .thumbnail-view .file-list:not(.scrolling) .media-file-item.hover .menu-callout:after,
body:not(.touch-device) .media-expanded .thumbnail-view .file-list:not(.scrolling) .media-file-item:hover .menu-callout:after {
  border-width: 14px;
  border-style: solid;
  border-color: #fff;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-width: 0;
}
body:not(.touch-device) .media-collapsed .file-list:not(.scrolling) .media-file-item:hover .menu-callout:before,
.media-collapsed .file-list:not(.scrolling) .media-file-item.hover .menu-callout:before,
body:not(.touch-device) .media-expanded .file-list:not(.scrolling) .media-file-item:not(.active):hover .menu-callout:before,
.media-expanded .file-list:not(.scrolling) .media-file-item.hover:not(.active) .menu-callout:before,
.media-expanded .file-list:not(.scrolling) .thumbnail-view .file-list:not(.scrolling) .media-file-item.hover .menu-callout:before,
body:not(.touch-device) .media-expanded .thumbnail-view .file-list:not(.scrolling) .media-file-item:hover .menu-callout:before {
  border-width: 14px;
  border-style: solid;
  border-color: rgba(162, 164, 168, 0.7);
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-width: 0;
  left: -1px;
}
.media-collapsed .file-list:not(.scrolling) .media-file-item:hover .menu-callout {
  top: 12px !important;
}
.media-file-item.unread:not(.active) .file-icon:before,
.media-file-item.unread:not(.active) .file-name:after,
.media-file-item.unread:not(.active) .thumbnail-image:after,
.media-file-item.unread:not(.active) .thumbnail-image:before {
  content: '';
  border-color: #0075cd;
  border-style: solid;
  position: absolute;
  border-width: 0;
  top: 1px;
  bottom: 1px;
}
.media-file-item.unread:not(.active) .file-icon:before,
.media-file-item.unread:not(.active) .thumbnail-image:before {
  border-right-width: 3px;
  left: 5px;
}
.media-collapsed .media-file-item.unread:not(.active) .file-icon:before,
.media-collapsed .media-file-item.unread:not(.active) .thumbnail-image:before {
  left: 11px;
}
.media-file-item.unread:not(.active) .thumbnail-image:after {
  border-left-width: 3px;
  right: 5px;
}
.media-file-item.unread:not(.active) .file-name {
  font-weight: 700;
  font-size: 1.393rem;
}
.media-file-item.unread:not(.active) .file-name:after {
  border-left-width: 3px;
  right: 5px;
}
.media-collapsed .media-file-item.unread:not(.active) .file-name:after {
  right: 1px;
}
.media-file-item.unread:not(.active) .svg-icon {
  fill: #071a2b;
}
.collapsed-dropdown-title {
  height: 0;
  font-size: 0;
  line-height: 0;
}
.media-collapsed .collapsed-dropdown-title,
.media-expanded .thumbnail-view .media-file-item .collapsed-dropdown-title,
.media-expanded .media-file-item:not(.active) .collapsed-dropdown-title {
  height: auto;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 10px;
}
.file-meta-inner {
  overflow: hidden;
  max-height: 0;
  /*.vendorize(transition,max-height @comp-anim-duration);*/
}
.media-expanded .media-panel:not(.thumbnail-view) .active .more .file-meta-inner {
  max-height: 13rem;
  /*.vendorize(transition,max-height @comp-anim-duration);*/
}
.media-expanded .media-panel:not(.thumbnail-view) .active .less .file-meta-inner {
  max-height: 3000rem;
  /*.vendorize(transition,max-height @comp-anim-duration);*/
}
.meta-key {
  color: #707070;
  padding-right: 5px;
}
.meta-key:after {
  content: ':';
  margin-right: -5px;
}
.media-expanded .meta-item {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.meta-view-controll {
  line-height: 0;
  opacity: 0;
  position: relative;
  z-index: 100;
  /*.vendorize(transition,opacity @comp-anim-duration);*/
}
.media-expanded .media-panel:not(.thumbnail-view) .active .meta-view-controll {
  line-height: 1;
  height: 22px;
  opacity: 1;
  padding-top: 5px;
  text-align: right;
  -webkit-transition: opacity 0.3s 0.3s;
  -moz-transition: opacity 0.3s 0.3s;
  -ms-transition: opacity 0.3s 0.3s;
  -o-transition: opacity 0.3s 0.3s;
  transition: opacity 0.3s 0.3s;
}
.meta-change-view {
  display: inline-block;
  color: #0075cd;
}
.media-expanded .media-panel:not(.thumbnail-view) .active .meta-change-view {
  padding: 2px 0;
  /*.vendorize(transition;background-color @comp-anim-duration,padding @comp-anim-duration);*/
}
.media-expanded .media-panel:not(.thumbnail-view) .active .meta-change-view.fixed {
  /*transform: translateZ(0);*/
  bottom: 20px;
  left: 90px;
  color: #0075cd;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 8px 20px;
  -webkit-box-shadow: 0 2px 3px rgba(112, 112, 112, 0.3);
  -moz-box-shadow: 0 2px 3px rgba(112, 112, 112, 0.3);
  -ms-box-shadow: 0 2px 3px rgba(112, 112, 112, 0.3);
  -o-box-shadow: 0 2px 3px rgba(112, 112, 112, 0.3);
  box-shadow: 0 2px 3px rgba(112, 112, 112, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  /*.vendorize(transition;background-color @comp-anim-duration,padding @comp-anim-duration);*/
}
.media-expanded .media-panel:not(.thumbnail-view) .active .meta-change-view.fixed:hover {
  background-color: #fff;
}
.stamp-cursor-holder .svg-icon .select-bm-icon {
  fill: #3b5062;
}
.book-mark {
  display: block;
  height: 40px;
  position: absolute;
  width: 24px;
  right: 0;
  z-index: 20;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.book-mark .book-m-ico {
  cursor: default;
  display: block;
}
.book-mark .book-m-ico .svg-icon {
  color: #3b5062;
  fill: #3b5062;
}
.book-mark .svg-icon {
  width: 24px;
  height: 40px;
  /*to fix IE positon*/
}
.book-mark .select-bm-icon {
  display: block;
}
.rotate-90 .book-mark {
  -webkit-transform: rotate(-90deg) translateX(0%) translateZ(0) translateY(-50%);
  -moz-transform: rotate(-90deg) translateX(0%) translateZ(0) translateY(-50%);
  -ms-transform: rotate(-90deg) translateX(0%) translateZ(0) translateY(-50%);
  -o-transform: rotate(-90deg) translateX(0%) translateZ(0) translateY(-50%);
  transform: rotate(-90deg) translateX(0%) translateZ(0) translateY(-50%);
  right: -3px;
}
.rotate-180 .book-mark {
  -webkit-transform: rotate(-180deg) translateX(-13%) translateZ(0) translateY(0%);
  -moz-transform: rotate(-180deg) translateX(-13%) translateZ(0) translateY(0%);
  -ms-transform: rotate(-180deg) translateX(-13%) translateZ(0) translateY(0%);
  -o-transform: rotate(-180deg) translateX(-13%) translateZ(0) translateY(0%);
  transform: rotate(-180deg) translateX(-13%) translateZ(0) translateY(0%);
  right: 3px;
}
.rotate-270 .book-mark {
  -webkit-transform: rotate(-270deg) translateX(0%) translateZ(0) translateY(12%);
  -moz-transform: rotate(-270deg) translateX(0%) translateZ(0) translateY(12%);
  -ms-transform: rotate(-270deg) translateX(0%) translateZ(0) translateY(12%);
  -o-transform: rotate(-270deg) translateX(0%) translateZ(0) translateY(12%);
  transform: rotate(-270deg) translateX(0%) translateZ(0) translateY(12%);
  right: 3px;
}
.marksheet-zoom-holder .marksheet-holder:first-child.rotate-270 .book-mark {
  -webkit-transform: rotate(-270deg) translateX(0%) translateZ(0) translateY(32%);
  -moz-transform: rotate(-270deg) translateX(0%) translateZ(0) translateY(32%);
  -ms-transform: rotate(-270deg) translateX(0%) translateZ(0) translateY(32%);
  -o-transform: rotate(-270deg) translateX(0%) translateZ(0) translateY(32%);
  transform: rotate(-270deg) translateX(0%) translateZ(0) translateY(32%);
}
.bookmark-entry {
  position: absolute;
  /*top:50%;
	right:140%;
	 border: 1px red solid; 
	margin-right:22px;*/
  background: #00345a;
  padding: 10px;
  width: 262px;
  z-index: 145;
  /*.vendorize(transform,translateY(-50%));*/
}
.bookmark-entry input {
  display: block;
  font-size: 1.6rem;
  width: 100%;
}
.bookmark-entry a {
  display: inline-block;
  position: absolute;
  right: -10px;
  top: 50%;
  font-size: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bookmark-entry a .close-icon {
  position: relative;
}
.bookmark-entry:after {
  background-color: #00345a;
  content: "";
  display: block;
  top: 50%;
  right: 0;
  height: 40px;
  z-index: -1;
  position: absolute;
  width: 40px;
  -webkit-transform: translate(50%, -50%) rotate(-45deg);
  -moz-transform: translate(50%, -50%) rotate(-45deg);
  -ms-transform: translate(50%, -50%) rotate(-45deg);
  -o-transform: translate(50%, -50%) rotate(-45deg);
  transform: translate(50%, -50%) rotate(-45deg);
}
.bookmark-entry.right {
  /*right: auto;
		left: 140%;
		margin-right:0;
		margin-left:22px;*/
}
.bookmark-entry.right a {
  right: auto;
  left: -10px;
}
.bookmark-entry.right:after {
  right: auto;
  left: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.marking-tools-panel .icon-tray-right a.undock-panel {
  padding: 10px 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.marking-tools-panel .icon-tray-right a.undock-panel .exp-collapse-arrow {
  margin-bottom: 10px;
}
.exp-colp-mrking-tary .collapse-arrow {
  text-align: center;
}
.undocked-wrapper {
  position: fixed;
  top: -moz-calc(50% - 96.5px);
  top: -webkit-calc(50% - 96.5px);
  top: calc(50% - 96.5px);
  margin-left: 0;
  margin-top: 0;
  z-index: 155;
}
.undocked-wrapper .dock-move-area {
  background: #f0f1f2;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.undocked-wrapper .icon-tray-right {
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: fixed;
  height: auto;
}
.undocked-wrapper .icon-tray-right .exp-collapse-arrow {
  display: none;
}
.undocked-wrapper .icon-tray-left {
  display: none;
}
.undocked-wrapper .tool-panel,
.undocked-wrapper .annotation-panel-holder {
  position: static;
}
.undocked-wrapper .exp-colp-mrking-tary .icon-tray-link {
  padding: 10px 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.undocked-wrapper .move-icon {
  cursor: pointer;
  padding: 5px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.undocked-wrapper .dot {
  width: 3px;
  height: 3px;
  display: inline-block;
  background-color: #707070;
  border-radius: 50%;
  margin-right: 2px;
}
@media (max-width: 1024px) {
  .touch-device .tool-panel .tool-option-menu .fit-button:not(.active):hover,
  .touch-device .tool-panel .tool-option-menu .decrease-zoom:hover,
  .touch-device .tool-panel .tool-option-menu .increase-zoom:hover {
    background-color: transparent;
  }
}
.media-collapsed .panel-content .media-panel-nav:nth-child(1) {
  padding-bottom: 60px;
  overflow: visible;
  position: relative;
  height: 83px;
}
.media-collapsed .panel-control.prev {
  top: 42px;
  position: relative;
}
/*
 Fix for bug 350828 | 374014
*/
.android.touch-device .content-wrapper:not(.messaging) .tool-panel:not(.expanded) .icon-tray-left,
.android.touch-device .content-wrapper.messaging.minimized .tool-panel:not(.expanded) .icon-tray-left {
  display: none;
}
.android.touch-device .content-wrapper:not(.messaging) .tool-panel:not(.expanded) .icon-tray-right,
.android.touch-device .content-wrapper.messaging.minimized .tool-panel:not(.expanded) .icon-tray-right {
  display: flex;
  flex-direction: column;
}
.android.touch-device .content-wrapper:not(.messaging) .tool-panel.col-4 .icon-tray-right,
.android.touch-device .content-wrapper.messaging.minimized .tool-panel.col-4 .icon-tray-right {
  width: 195px;
}
.android.touch-device .content-wrapper:not(.messaging) .tool-panel.col-4 .marking-tools-panel,
.android.touch-device .content-wrapper.messaging.minimized .tool-panel.col-4 .marking-tools-panel {
  margin-left: 195px;
}
.android.touch-device .content-wrapper:not(.messaging) .tool-panel.col-3 .icon-tray-right,
.android.touch-device .content-wrapper.messaging.minimized .tool-panel.col-3 .icon-tray-right {
  width: 153px;
}
.android.touch-device .content-wrapper:not(.messaging) .tool-panel.col-3 .marking-tools-panel,
.android.touch-device .content-wrapper.messaging.minimized .tool-panel.col-3 .marking-tools-panel {
  margin-left: 153px;
}
.android.touch-device .content-wrapper:not(.messaging) .tool-panel.col-2 .icon-tray-right,
.android.touch-device .content-wrapper.messaging.minimized .tool-panel.col-2 .icon-tray-right {
  width: 106px;
}
.android.touch-device .content-wrapper:not(.messaging) .tool-panel.col-2 .marking-tools-panel,
.android.touch-device .content-wrapper.messaging.minimized .tool-panel.col-2 .marking-tools-panel {
  margin-left: 106px;
}
.android.touch-device .content-wrapper:not(.messaging) .tool-panel.col-1 .icon-tray-right,
.android.touch-device .content-wrapper.messaging.minimized .tool-panel.col-1 .icon-tray-right {
  width: 60px;
}
.android.touch-device .content-wrapper:not(.messaging) .tool-panel.col-1 .marking-tools-panel,
.android.touch-device .content-wrapper.messaging.minimized .tool-panel.col-1 .marking-tools-panel {
  margin-left: 60px;
}
.android.touch-device .content-wrapper:not(.messaging) .tool-panel .marking-tools-panel .default-marking-tray,
.android.touch-device .content-wrapper.messaging.minimized .tool-panel .marking-tools-panel .default-marking-tray {
  flex: 1 1 auto;
  overflow: auto;
}
.mark-col-1.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 238px;
}
.allow-reason.mark-col-1.marking-question-panel {
  min-width: 274px;
}
.mark-col-1.marking-question-panel .msc-nav-panel-holder,
.mark-col-1.marking-question-panel .active-question,
.mark-col-1.marking-question-panel .unassigned-marks-wrapper,
.mark-col-1.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (1 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (1 - 1)) - 1px);
  width: calc(100% - (52px * (1 - 1)) - 1px);
}
.mark-col-1.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-1.marking-question-panel .total-panel .complete-button-holder,
.mark-col-1.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-1.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-1.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-1.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-1.marking-question-panel .total-panel .judgement-holder,
.mark-col-1.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 15px;
}
.mark-col-1.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-1.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-1.marking-question-panel .outcome-popup .popup-wrap {
  right: 0px;
}
.mark-col-1.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: -42px;
}
.mark-col-1.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-1.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-1.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 15px);
  width: -webkit-calc(100% - 15px);
  width: calc(100% - 15px);
}
.mark-col-1.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: 0px;
}
.marking-wrapper .minimized.closed-response .mark-col-1.marking-question-panel ~ .messaging-panel {
  right: 258px;
}
.marking-wrapper .minimized .mark-col-1.marking-question-panel ~ .messaging-panel {
  right: 336px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-1 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-2.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 290px;
}
.allow-reason.mark-col-2.marking-question-panel {
  min-width: 326px;
}
.mark-col-2.marking-question-panel .msc-nav-panel-holder,
.mark-col-2.marking-question-panel .active-question,
.mark-col-2.marking-question-panel .unassigned-marks-wrapper,
.mark-col-2.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (2 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (2 - 1)) - 1px);
  width: calc(100% - (52px * (2 - 1)) - 1px);
}
.mark-col-2.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-2.marking-question-panel .total-panel .complete-button-holder,
.mark-col-2.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-2.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-2.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-2.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-2.marking-question-panel .total-panel .judgement-holder,
.mark-col-2.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 67px;
}
.mark-col-2.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-2.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-2.marking-question-panel .outcome-popup .popup-wrap {
  right: 52px;
}
.mark-col-2.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 10px;
}
.mark-col-2.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-2.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-2.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 67px);
  width: -webkit-calc(100% - 67px);
  width: calc(100% - 67px);
}
.mark-col-2.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -52px;
}
.marking-wrapper .minimized.closed-response .mark-col-2.marking-question-panel ~ .messaging-panel {
  right: 310px;
}
.marking-wrapper .minimized .mark-col-2.marking-question-panel ~ .messaging-panel {
  right: 388px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-2 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-3.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 342px;
}
.allow-reason.mark-col-3.marking-question-panel {
  min-width: 378px;
}
.mark-col-3.marking-question-panel .msc-nav-panel-holder,
.mark-col-3.marking-question-panel .active-question,
.mark-col-3.marking-question-panel .unassigned-marks-wrapper,
.mark-col-3.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (3 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (3 - 1)) - 1px);
  width: calc(100% - (52px * (3 - 1)) - 1px);
}
.mark-col-3.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-3.marking-question-panel .total-panel .complete-button-holder,
.mark-col-3.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-3.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-3.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-3.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-3.marking-question-panel .total-panel .judgement-holder,
.mark-col-3.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 119px;
}
.mark-col-3.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-3.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-3.marking-question-panel .outcome-popup .popup-wrap {
  right: 104px;
}
.mark-col-3.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 62px;
}
.mark-col-3.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-3.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-3.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 119px);
  width: -webkit-calc(100% - 119px);
  width: calc(100% - 119px);
}
.mark-col-3.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -104px;
}
.marking-wrapper .minimized.closed-response .mark-col-3.marking-question-panel ~ .messaging-panel {
  right: 362px;
}
.marking-wrapper .minimized .mark-col-3.marking-question-panel ~ .messaging-panel {
  right: 440px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-3 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-4.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 394px;
}
.allow-reason.mark-col-4.marking-question-panel {
  min-width: 430px;
}
.mark-col-4.marking-question-panel .msc-nav-panel-holder,
.mark-col-4.marking-question-panel .active-question,
.mark-col-4.marking-question-panel .unassigned-marks-wrapper,
.mark-col-4.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (4 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (4 - 1)) - 1px);
  width: calc(100% - (52px * (4 - 1)) - 1px);
}
.mark-col-4.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-4.marking-question-panel .total-panel .complete-button-holder,
.mark-col-4.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-4.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-4.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-4.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-4.marking-question-panel .total-panel .judgement-holder,
.mark-col-4.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 171px;
}
.mark-col-4.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-4.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-4.marking-question-panel .outcome-popup .popup-wrap {
  right: 156px;
}
.mark-col-4.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 114px;
}
.mark-col-4.marking-question-show-range .mark-range-footer-text {
  margin-right: 67px;
}
.mark-col-4.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 52px);
  width: -webkit-calc(100% - 52px);
  width: calc(100% - 52px);
}
.mark-col-4.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 52px;
}
.mark-col-4.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-4.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-4.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 171px);
  width: -webkit-calc(100% - 171px);
  width: calc(100% - 171px);
}
.mark-col-4.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -156px;
}
.marking-wrapper .minimized.closed-response .mark-col-4.marking-question-panel ~ .messaging-panel {
  right: 414px;
}
.marking-wrapper .minimized .mark-col-4.marking-question-panel ~ .messaging-panel {
  right: 492px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-4 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-5.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 446px;
}
.allow-reason.mark-col-5.marking-question-panel {
  min-width: 482px;
}
.mark-col-5.marking-question-panel .msc-nav-panel-holder,
.mark-col-5.marking-question-panel .active-question,
.mark-col-5.marking-question-panel .unassigned-marks-wrapper,
.mark-col-5.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (5 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (5 - 1)) - 1px);
  width: calc(100% - (52px * (5 - 1)) - 1px);
}
.mark-col-5.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-5.marking-question-panel .total-panel .complete-button-holder,
.mark-col-5.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-5.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-5.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-5.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-5.marking-question-panel .total-panel .judgement-holder,
.mark-col-5.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 223px;
}
.mark-col-5.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-5.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-5.marking-question-panel .outcome-popup .popup-wrap {
  right: 208px;
}
.mark-col-5.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 166px;
}
.mark-col-5.marking-question-show-range .mark-range-footer-text {
  margin-right: 119px;
}
.mark-col-5.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 104px);
  width: -webkit-calc(100% - 104px);
  width: calc(100% - 104px);
}
.mark-col-5.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 104px;
}
.mark-col-5.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-5.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-5.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 223px);
  width: -webkit-calc(100% - 223px);
  width: calc(100% - 223px);
}
.mark-col-5.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -208px;
}
.marking-wrapper .minimized.closed-response .mark-col-5.marking-question-panel ~ .messaging-panel {
  right: 466px;
}
.marking-wrapper .minimized .mark-col-5.marking-question-panel ~ .messaging-panel {
  right: 544px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-5 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-6.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 498px;
}
.allow-reason.mark-col-6.marking-question-panel {
  min-width: 534px;
}
.mark-col-6.marking-question-panel .msc-nav-panel-holder,
.mark-col-6.marking-question-panel .active-question,
.mark-col-6.marking-question-panel .unassigned-marks-wrapper,
.mark-col-6.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (6 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (6 - 1)) - 1px);
  width: calc(100% - (52px * (6 - 1)) - 1px);
}
.mark-col-6.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-6.marking-question-panel .total-panel .complete-button-holder,
.mark-col-6.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-6.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-6.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-6.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-6.marking-question-panel .total-panel .judgement-holder,
.mark-col-6.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 275px;
}
.mark-col-6.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-6.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-6.marking-question-panel .outcome-popup .popup-wrap {
  right: 260px;
}
.mark-col-6.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 218px;
}
.mark-col-6.marking-question-show-range .mark-range-footer-text {
  margin-right: 171px;
}
.mark-col-6.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 156px);
  width: -webkit-calc(100% - 156px);
  width: calc(100% - 156px);
}
.mark-col-6.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 156px;
}
.mark-col-6.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-6.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-6.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 275px);
  width: -webkit-calc(100% - 275px);
  width: calc(100% - 275px);
}
.mark-col-6.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-6.marking-question-panel ~ .messaging-panel {
  right: 518px;
}
.marking-wrapper .minimized .mark-col-6.marking-question-panel ~ .messaging-panel {
  right: 596px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-6 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-7.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 550px;
}
.allow-reason.mark-col-7.marking-question-panel {
  min-width: 586px;
}
.mark-col-7.marking-question-panel .msc-nav-panel-holder,
.mark-col-7.marking-question-panel .active-question,
.mark-col-7.marking-question-panel .unassigned-marks-wrapper,
.mark-col-7.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (7 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (7 - 1)) - 1px);
  width: calc(100% - (52px * (7 - 1)) - 1px);
}
.mark-col-7.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-7.marking-question-panel .total-panel .complete-button-holder,
.mark-col-7.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-7.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-7.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-7.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-7.marking-question-panel .total-panel .judgement-holder,
.mark-col-7.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 327px;
}
.mark-col-7.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-7.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-7.marking-question-panel .outcome-popup .popup-wrap {
  right: 312px;
}
.mark-col-7.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 270px;
}
.mark-col-7.marking-question-show-range .mark-range-footer-text {
  margin-right: 223px;
}
.mark-col-7.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 208px);
  width: -webkit-calc(100% - 208px);
  width: calc(100% - 208px);
}
.mark-col-7.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 208px;
}
.mark-col-7.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-7.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-7.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 327px);
  width: -webkit-calc(100% - 327px);
  width: calc(100% - 327px);
}
.mark-col-7.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-7.marking-question-panel ~ .messaging-panel {
  right: 570px;
}
.marking-wrapper .minimized .mark-col-7.marking-question-panel ~ .messaging-panel {
  right: 648px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-7 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-8.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 602px;
}
.allow-reason.mark-col-8.marking-question-panel {
  min-width: 638px;
}
.mark-col-8.marking-question-panel .msc-nav-panel-holder,
.mark-col-8.marking-question-panel .active-question,
.mark-col-8.marking-question-panel .unassigned-marks-wrapper,
.mark-col-8.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (8 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (8 - 1)) - 1px);
  width: calc(100% - (52px * (8 - 1)) - 1px);
}
.mark-col-8.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-8.marking-question-panel .total-panel .complete-button-holder,
.mark-col-8.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-8.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-8.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-8.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-8.marking-question-panel .total-panel .judgement-holder,
.mark-col-8.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 379px;
}
.mark-col-8.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-8.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-8.marking-question-panel .outcome-popup .popup-wrap {
  right: 364px;
}
.mark-col-8.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 322px;
}
.mark-col-8.marking-question-show-range .mark-range-footer-text {
  margin-right: 275px;
}
.mark-col-8.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 260px);
  width: -webkit-calc(100% - 260px);
  width: calc(100% - 260px);
}
.mark-col-8.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 260px;
}
.mark-col-8.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-8.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-8.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 379px);
  width: -webkit-calc(100% - 379px);
  width: calc(100% - 379px);
}
.mark-col-8.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-8.marking-question-panel ~ .messaging-panel {
  right: 622px;
}
.marking-wrapper .minimized .mark-col-8.marking-question-panel ~ .messaging-panel {
  right: 700px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-8 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-9.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 654px;
}
.allow-reason.mark-col-9.marking-question-panel {
  min-width: 690px;
}
.mark-col-9.marking-question-panel .msc-nav-panel-holder,
.mark-col-9.marking-question-panel .active-question,
.mark-col-9.marking-question-panel .unassigned-marks-wrapper,
.mark-col-9.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (9 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (9 - 1)) - 1px);
  width: calc(100% - (52px * (9 - 1)) - 1px);
}
.mark-col-9.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-9.marking-question-panel .total-panel .complete-button-holder,
.mark-col-9.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-9.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-9.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-9.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-9.marking-question-panel .total-panel .judgement-holder,
.mark-col-9.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 431px;
}
.mark-col-9.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-9.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-9.marking-question-panel .outcome-popup .popup-wrap {
  right: 416px;
}
.mark-col-9.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 374px;
}
.mark-col-9.marking-question-show-range .mark-range-footer-text {
  margin-right: 327px;
}
.mark-col-9.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 312px);
  width: -webkit-calc(100% - 312px);
  width: calc(100% - 312px);
}
.mark-col-9.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 312px;
}
.mark-col-9.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-9.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-9.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 431px);
  width: -webkit-calc(100% - 431px);
  width: calc(100% - 431px);
}
.mark-col-9.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-9.marking-question-panel ~ .messaging-panel {
  right: 674px;
}
.marking-wrapper .minimized .mark-col-9.marking-question-panel ~ .messaging-panel {
  right: 752px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-9 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-10.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 706px;
}
.allow-reason.mark-col-10.marking-question-panel {
  min-width: 742px;
}
.mark-col-10.marking-question-panel .msc-nav-panel-holder,
.mark-col-10.marking-question-panel .active-question,
.mark-col-10.marking-question-panel .unassigned-marks-wrapper,
.mark-col-10.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (10 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (10 - 1)) - 1px);
  width: calc(100% - (52px * (10 - 1)) - 1px);
}
.mark-col-10.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-10.marking-question-panel .total-panel .complete-button-holder,
.mark-col-10.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-10.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-10.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-10.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-10.marking-question-panel .total-panel .judgement-holder,
.mark-col-10.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 483px;
}
.mark-col-10.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-10.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-10.marking-question-panel .outcome-popup .popup-wrap {
  right: 468px;
}
.mark-col-10.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 426px;
}
.mark-col-10.marking-question-show-range .mark-range-footer-text {
  margin-right: 379px;
}
.mark-col-10.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 364px);
  width: -webkit-calc(100% - 364px);
  width: calc(100% - 364px);
}
.mark-col-10.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 364px;
}
.mark-col-10.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-10.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-10.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 483px);
  width: -webkit-calc(100% - 483px);
  width: calc(100% - 483px);
}
.mark-col-10.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-10.marking-question-panel ~ .messaging-panel {
  right: 726px;
}
.marking-wrapper .minimized .mark-col-10.marking-question-panel ~ .messaging-panel {
  right: 804px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-10 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-11.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 758px;
}
.allow-reason.mark-col-11.marking-question-panel {
  min-width: 794px;
}
.mark-col-11.marking-question-panel .msc-nav-panel-holder,
.mark-col-11.marking-question-panel .active-question,
.mark-col-11.marking-question-panel .unassigned-marks-wrapper,
.mark-col-11.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (11 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (11 - 1)) - 1px);
  width: calc(100% - (52px * (11 - 1)) - 1px);
}
.mark-col-11.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-11.marking-question-panel .total-panel .complete-button-holder,
.mark-col-11.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-11.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-11.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-11.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-11.marking-question-panel .total-panel .judgement-holder,
.mark-col-11.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 535px;
}
.mark-col-11.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-11.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-11.marking-question-panel .outcome-popup .popup-wrap {
  right: 520px;
}
.mark-col-11.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 478px;
}
.mark-col-11.marking-question-show-range .mark-range-footer-text {
  margin-right: 431px;
}
.mark-col-11.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 416px);
  width: -webkit-calc(100% - 416px);
  width: calc(100% - 416px);
}
.mark-col-11.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 416px;
}
.mark-col-11.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-11.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-11.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 535px);
  width: -webkit-calc(100% - 535px);
  width: calc(100% - 535px);
}
.mark-col-11.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-11.marking-question-panel ~ .messaging-panel {
  right: 778px;
}
.marking-wrapper .minimized .mark-col-11.marking-question-panel ~ .messaging-panel {
  right: 856px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-11 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-12.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 810px;
}
.allow-reason.mark-col-12.marking-question-panel {
  min-width: 846px;
}
.mark-col-12.marking-question-panel .msc-nav-panel-holder,
.mark-col-12.marking-question-panel .active-question,
.mark-col-12.marking-question-panel .unassigned-marks-wrapper,
.mark-col-12.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (12 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (12 - 1)) - 1px);
  width: calc(100% - (52px * (12 - 1)) - 1px);
}
.mark-col-12.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-12.marking-question-panel .total-panel .complete-button-holder,
.mark-col-12.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-12.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-12.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-12.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-12.marking-question-panel .total-panel .judgement-holder,
.mark-col-12.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 587px;
}
.mark-col-12.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-12.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-12.marking-question-panel .outcome-popup .popup-wrap {
  right: 572px;
}
.mark-col-12.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 530px;
}
.mark-col-12.marking-question-show-range .mark-range-footer-text {
  margin-right: 483px;
}
.mark-col-12.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 468px);
  width: -webkit-calc(100% - 468px);
  width: calc(100% - 468px);
}
.mark-col-12.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 468px;
}
.mark-col-12.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-12.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-12.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 587px);
  width: -webkit-calc(100% - 587px);
  width: calc(100% - 587px);
}
.mark-col-12.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-12.marking-question-panel ~ .messaging-panel {
  right: 830px;
}
.marking-wrapper .minimized .mark-col-12.marking-question-panel ~ .messaging-panel {
  right: 908px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-12 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-13.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 862px;
}
.allow-reason.mark-col-13.marking-question-panel {
  min-width: 898px;
}
.mark-col-13.marking-question-panel .msc-nav-panel-holder,
.mark-col-13.marking-question-panel .active-question,
.mark-col-13.marking-question-panel .unassigned-marks-wrapper,
.mark-col-13.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (13 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (13 - 1)) - 1px);
  width: calc(100% - (52px * (13 - 1)) - 1px);
}
.mark-col-13.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-13.marking-question-panel .total-panel .complete-button-holder,
.mark-col-13.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-13.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-13.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-13.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-13.marking-question-panel .total-panel .judgement-holder,
.mark-col-13.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 639px;
}
.mark-col-13.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-13.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-13.marking-question-panel .outcome-popup .popup-wrap {
  right: 624px;
}
.mark-col-13.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 582px;
}
.mark-col-13.marking-question-show-range .mark-range-footer-text {
  margin-right: 535px;
}
.mark-col-13.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 520px);
  width: -webkit-calc(100% - 520px);
  width: calc(100% - 520px);
}
.mark-col-13.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 520px;
}
.mark-col-13.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-13.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-13.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 639px);
  width: -webkit-calc(100% - 639px);
  width: calc(100% - 639px);
}
.mark-col-13.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-13.marking-question-panel ~ .messaging-panel {
  right: 882px;
}
.marking-wrapper .minimized .mark-col-13.marking-question-panel ~ .messaging-panel {
  right: 960px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-13 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-14.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 914px;
}
.allow-reason.mark-col-14.marking-question-panel {
  min-width: 950px;
}
.mark-col-14.marking-question-panel .msc-nav-panel-holder,
.mark-col-14.marking-question-panel .active-question,
.mark-col-14.marking-question-panel .unassigned-marks-wrapper,
.mark-col-14.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (14 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (14 - 1)) - 1px);
  width: calc(100% - (52px * (14 - 1)) - 1px);
}
.mark-col-14.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-14.marking-question-panel .total-panel .complete-button-holder,
.mark-col-14.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-14.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-14.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-14.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-14.marking-question-panel .total-panel .judgement-holder,
.mark-col-14.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 691px;
}
.mark-col-14.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-14.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-14.marking-question-panel .outcome-popup .popup-wrap {
  right: 676px;
}
.mark-col-14.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 634px;
}
.mark-col-14.marking-question-show-range .mark-range-footer-text {
  margin-right: 587px;
}
.mark-col-14.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 572px);
  width: -webkit-calc(100% - 572px);
  width: calc(100% - 572px);
}
.mark-col-14.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 572px;
}
.mark-col-14.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-14.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-14.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 691px);
  width: -webkit-calc(100% - 691px);
  width: calc(100% - 691px);
}
.mark-col-14.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-14.marking-question-panel ~ .messaging-panel {
  right: 934px;
}
.marking-wrapper .minimized .mark-col-14.marking-question-panel ~ .messaging-panel {
  right: 1012px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-14 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-15.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 966px;
}
.allow-reason.mark-col-15.marking-question-panel {
  min-width: 1002px;
}
.mark-col-15.marking-question-panel .msc-nav-panel-holder,
.mark-col-15.marking-question-panel .active-question,
.mark-col-15.marking-question-panel .unassigned-marks-wrapper,
.mark-col-15.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (15 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (15 - 1)) - 1px);
  width: calc(100% - (52px * (15 - 1)) - 1px);
}
.mark-col-15.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-15.marking-question-panel .total-panel .complete-button-holder,
.mark-col-15.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-15.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-15.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-15.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-15.marking-question-panel .total-panel .judgement-holder,
.mark-col-15.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 743px;
}
.mark-col-15.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-15.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-15.marking-question-panel .outcome-popup .popup-wrap {
  right: 728px;
}
.mark-col-15.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 686px;
}
.mark-col-15.marking-question-show-range .mark-range-footer-text {
  margin-right: 639px;
}
.mark-col-15.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 624px);
  width: -webkit-calc(100% - 624px);
  width: calc(100% - 624px);
}
.mark-col-15.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 624px;
}
.mark-col-15.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-15.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-15.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 743px);
  width: -webkit-calc(100% - 743px);
  width: calc(100% - 743px);
}
.mark-col-15.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-15.marking-question-panel ~ .messaging-panel {
  right: 986px;
}
.marking-wrapper .minimized .mark-col-15.marking-question-panel ~ .messaging-panel {
  right: 1064px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-15 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-16.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 1018px;
}
.allow-reason.mark-col-16.marking-question-panel {
  min-width: 1054px;
}
.mark-col-16.marking-question-panel .msc-nav-panel-holder,
.mark-col-16.marking-question-panel .active-question,
.mark-col-16.marking-question-panel .unassigned-marks-wrapper,
.mark-col-16.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (16 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (16 - 1)) - 1px);
  width: calc(100% - (52px * (16 - 1)) - 1px);
}
.mark-col-16.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-16.marking-question-panel .total-panel .complete-button-holder,
.mark-col-16.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-16.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-16.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-16.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-16.marking-question-panel .total-panel .judgement-holder,
.mark-col-16.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 795px;
}
.mark-col-16.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-16.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-16.marking-question-panel .outcome-popup .popup-wrap {
  right: 780px;
}
.mark-col-16.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 738px;
}
.mark-col-16.marking-question-show-range .mark-range-footer-text {
  margin-right: 691px;
}
.mark-col-16.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 676px);
  width: -webkit-calc(100% - 676px);
  width: calc(100% - 676px);
}
.mark-col-16.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 676px;
}
.mark-col-16.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-16.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-16.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 795px);
  width: -webkit-calc(100% - 795px);
  width: calc(100% - 795px);
}
.mark-col-16.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-16.marking-question-panel ~ .messaging-panel {
  right: 1038px;
}
.marking-wrapper .minimized .mark-col-16.marking-question-panel ~ .messaging-panel {
  right: 1116px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-16 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-17.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 1070px;
}
.allow-reason.mark-col-17.marking-question-panel {
  min-width: 1106px;
}
.mark-col-17.marking-question-panel .msc-nav-panel-holder,
.mark-col-17.marking-question-panel .active-question,
.mark-col-17.marking-question-panel .unassigned-marks-wrapper,
.mark-col-17.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (17 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (17 - 1)) - 1px);
  width: calc(100% - (52px * (17 - 1)) - 1px);
}
.mark-col-17.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-17.marking-question-panel .total-panel .complete-button-holder,
.mark-col-17.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-17.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-17.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-17.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-17.marking-question-panel .total-panel .judgement-holder,
.mark-col-17.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 847px;
}
.mark-col-17.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-17.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-17.marking-question-panel .outcome-popup .popup-wrap {
  right: 832px;
}
.mark-col-17.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 790px;
}
.mark-col-17.marking-question-show-range .mark-range-footer-text {
  margin-right: 743px;
}
.mark-col-17.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 728px);
  width: -webkit-calc(100% - 728px);
  width: calc(100% - 728px);
}
.mark-col-17.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 728px;
}
.mark-col-17.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-17.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-17.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 847px);
  width: -webkit-calc(100% - 847px);
  width: calc(100% - 847px);
}
.mark-col-17.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-17.marking-question-panel ~ .messaging-panel {
  right: 1090px;
}
.marking-wrapper .minimized .mark-col-17.marking-question-panel ~ .messaging-panel {
  right: 1168px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-17 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-18.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 1122px;
}
.allow-reason.mark-col-18.marking-question-panel {
  min-width: 1158px;
}
.mark-col-18.marking-question-panel .msc-nav-panel-holder,
.mark-col-18.marking-question-panel .active-question,
.mark-col-18.marking-question-panel .unassigned-marks-wrapper,
.mark-col-18.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (18 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (18 - 1)) - 1px);
  width: calc(100% - (52px * (18 - 1)) - 1px);
}
.mark-col-18.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-18.marking-question-panel .total-panel .complete-button-holder,
.mark-col-18.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-18.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-18.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-18.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-18.marking-question-panel .total-panel .judgement-holder,
.mark-col-18.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 899px;
}
.mark-col-18.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-18.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-18.marking-question-panel .outcome-popup .popup-wrap {
  right: 884px;
}
.mark-col-18.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 842px;
}
.mark-col-18.marking-question-show-range .mark-range-footer-text {
  margin-right: 795px;
}
.mark-col-18.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 780px);
  width: -webkit-calc(100% - 780px);
  width: calc(100% - 780px);
}
.mark-col-18.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 780px;
}
.mark-col-18.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-18.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-18.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 899px);
  width: -webkit-calc(100% - 899px);
  width: calc(100% - 899px);
}
.mark-col-18.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-18.marking-question-panel ~ .messaging-panel {
  right: 1142px;
}
.marking-wrapper .minimized .mark-col-18.marking-question-panel ~ .messaging-panel {
  right: 1220px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-18 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-19.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 1174px;
}
.allow-reason.mark-col-19.marking-question-panel {
  min-width: 1210px;
}
.mark-col-19.marking-question-panel .msc-nav-panel-holder,
.mark-col-19.marking-question-panel .active-question,
.mark-col-19.marking-question-panel .unassigned-marks-wrapper,
.mark-col-19.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  width: -moz-calc(100% - (52px * (19 - 1)) - 1px);
  width: -webkit-calc(100% - (52px * (19 - 1)) - 1px);
  width: calc(100% - (52px * (19 - 1)) - 1px);
}
.mark-col-19.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-19.marking-question-panel .total-panel .complete-button-holder,
.mark-col-19.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-19.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-19.marking-question-panel .total-panel .return-supervisor-btn-holder,
.mark-col-19.marking-question-panel .total-panel .setreview-btn-holder,
.mark-col-19.marking-question-panel .total-panel .judgement-holder,
.mark-col-19.marking-question-panel .total-panel .inside-rw-holder {
  margin-right: 951px;
}
.mark-col-19.marking-question-panel .marking-error-popup .popup-wrap,
.mark-col-19.marking-question-panel .view-comment-popup .popup-wrap,
.mark-col-19.marking-question-panel .outcome-popup .popup-wrap {
  right: 936px;
}
.mark-col-19.marking-question-panel ~ .message-box.help-message.disable-bubble-msg.right-bottom {
  right: 894px;
}
.mark-col-19.marking-question-show-range .mark-range-footer-text {
  margin-right: 847px;
}
.mark-col-19.marking-question-panel.marking-question-show-range .active-question {
  width: -moz-calc(100% - 832px);
  width: -webkit-calc(100% - 832px);
  width: calc(100% - 832px);
}
.mark-col-19.marking-question-panel.marking-question-show-range.has-def-marking .fader {
  width: 832px;
}
.mark-col-19.marking-question-panel .total-mark-holder .total-marks-label,
.mark-col-19.marking-question-panel .total-panel .complete-button-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.mark-col-19.marking-question-panel .total-panel .feedback-btn-holder {
  width: -moz-calc(100% - 951px);
  width: -webkit-calc(100% - 951px);
  width: calc(100% - 951px);
}
.mark-col-19.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -260px;
}
.marking-wrapper .minimized.closed-response .mark-col-19.marking-question-panel ~ .messaging-panel {
  right: 1194px;
}
.marking-wrapper .minimized .mark-col-19.marking-question-panel ~ .messaging-panel {
  right: 1272px;
}
/*	.mark-col-@{col-no}.marking-question-panel .question-panel-holder{
		min-width:@marking-panel-min-width+(@mark-column-width*(@col-no+-1))
	}*/
.messaging:not(.minimized) .tool-panel.col-19 ~ .marksheets .enhanced.offpage-comment-container {
  margin-left: 5px;
  width: 100%;
  max-width: 100%;
}
.mark-col-19.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-19monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 1244px;
}
.mark-col-18.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-18monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 1192px;
}
.mark-col-17.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-17monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 1140px;
}
.mark-col-16.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-16monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 1088px;
}
.mark-col-15.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-15monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 1036px;
}
.mark-col-14.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-14monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 984px;
}
.mark-col-13.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-13monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 932px;
}
.mark-col-12.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-12monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 880px;
}
.mark-col-11.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-11monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 828px;
}
.mark-col-10.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-10monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 776px;
}
.mark-col-9.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-9monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 724px;
}
.mark-col-8.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-8monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 672px;
}
.mark-col-7.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-7monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 620px;
}
.mark-col-6.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-6monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 568px;
}
.mark-col-5.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-5monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 516px;
}
.mark-col-4.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-4monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 464px;
}
.mark-col-3.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-3monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 412px;
}
.mark-col-2.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-2monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 360px;
}
.mark-col-1.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder,
.mark-col-1monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 308px;
}
.marking-wrapper {
  background-color: #a2a4a8;
  /*.calc-fn(min-height;"100vh - @{header-height}");*/
}
.marking-wrapper .content-wrapper {
  background-color: #dadada;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  /*.vendorize(flex-wrap,wrap);*/
  /*added to wrap messaging panel under change view holder in FRV*/
}
.marking-wrapper .marking-loader .loader {
  left: 50%;
}
header.no-drop *,
header.no-drop ~ .content-wrapper .marking-question-panel *,
header.no-drop ~ .content-wrapper .mark-button-container *,
header.no-drop ~ .content-wrapper .cursor-holder:not(.annotating) ~ .marksheets,
header.no-drop ~ .content-wrapper .annotating ~  .marksheet-container .annotation-holder,
header.no-drop ~ .content-wrapper .cursor-holder:not(.annotating) ~ .marksheets .marksheet-container,
header.no-drop ~ .content-wrapper.closed-response .marksheets .marksheet-container,
header.no-drop ~ .content-wrapper .tool-panel .icon-tray *,
header.no-drop ~ .content-wrapper .tool-panel .marking-tools-panel .icon-tray-right .exp-colp-mrking-tary *,
header.no-drop ~ .content-wrapper .annotation-holder .annotation-wrap:not(.dynamic):not(.dragging):not(.previous),
header.no-drop ~ .content-wrapper .annotation-holder .annotation-wrap:not(.dynamic):not(.dragging):not(.previous) *,
header.drawing ~ .content-wrapper .tool-panel * {
  cursor: no-drop;
}
header.no-drop.deleting-annotation *,
header.no-drop.deleting-annotation ~ .content-wrapper .marking-question-panel *,
header.no-drop.deleting-annotation ~ .content-wrapper .mark-button-container *,
header.no-drop.deleting-annotation ~ .content-wrapper .cursor-holder:not(.annotating) ~ .marksheets,
header.no-drop.deleting-annotation ~ .content-wrapper .cursor-holder:not(.annotating) ~ .marksheets .marksheet-container,
header.no-drop.deleting-annotation ~ .content-wrapper .tool-panel,
header.no-drop.deleting-annotation ~ .content-wrapper .tool-panel *,
header.no-drop.deleting-annotation ~ .content-wrapper .tool-panel .marking-tools-panel .icon-tray-right .exp-colp-mrking-tary,
header.no-drop.deleting-annotation ~ .content-wrapper .tool-panel .marking-tools-panel .icon-tray-right .exp-colp-mrking-tary *,
header.no-drop.deleting-annotation ~ .content-wrapper .annotation-holder .annotation-wrap:not(.dynamic):not(.dragging),
header.no-drop.deleting-annotation ~ .content-wrapper .annotation-holder .annotation-wrap:not(.dynamic):not(.dragging) *,
header.deleting-annotation ~ .content-wrapper .marksheets .marksheet-container .annotation-holder,
header.deleting-annotation ~ .content-wrapper .marksheets .marksheet-container .annotation-holder *,
header.deleting-annotation ~ .content-wrapper {
  cursor: none;
}
.change-view-holder {
  background-color: #f0f1f2;
  left: 0;
  padding-top: 1px;
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 21;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.change-view-holder ~ .marksheets {
  /*padding-top:42px;*/
}
.change-view-holder .toggle-response-view {
  background-color: #00345a;
  border-radius: 0 2px 2px 0;
  color: #fff;
  display: block;
  float: left;
  padding: 7.5px 16px 11.5px 16px;
  text-decoration: none;
  vertical-align: middle;
}
.change-view-holder .toggle-response-view.dropdown-wrap {
  padding: 0;
  z-index: 1;
}
.change-view-holder .toggle-response-view.dropdown-wrap .menu-button {
  height: 40px;
  padding: 0;
  position: relative;
  width: 47px;
}
.change-view-holder .toggle-response-view.dropdown-wrap .menu-button,
.change-view-holder .toggle-response-view.dropdown-wrap.open .menu-button {
  border: 0 none;
}
.change-view-holder .toggle-response-view.dropdown-wrap .menu {
  left: 100%;
  top: 0;
}
.change-view-holder .toggle-response-view.dropdown-wrap .notification-count {
  right: 4px;
  top: 5px;
}
.change-view-holder .toggle-response-view .svg-icon {
  /*height:23px;*/
  fill: #fff;
  opacity: 0.9;
  overflow: hidden;
  /*width:23px;	*/
}
.change-view-holder .toggle-response-view .svg-icon .marking-exception-icon {
  height: 100%;
  padding: 4px;
  width: 100%;
}
.change-view-holder .toggle-response-view .toolexpand-icon {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.change-view-holder .toggle-response-view .back-arrow-text {
  display: inline-block;
}
.change-view-holder .toggle-response-view .back-arrow-icon {
  margin-right: 10px;
}
.change-view-holder .toggle-response-view .back-arrow-icon,
.change-view-holder .toggle-response-view .back-arrow-text {
  line-height: 1;
  vertical-align: middle;
}
.change-view-holder .frv-toggler {
  padding: 6px 20px 7px 0;
  /*.calc-fn(max-width,"100% - 469px");*/
}
.change-view-holder .frv-toggler .frv-toggler-label {
  display: inline-block;
  font-size: 1.2rem;
  padding-left: 5px;
  padding-right: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  /*.calc-fn(max-width,"100% - 49px");*/
}
.change-view-holder .page-view-icon-holder {
  padding: 1px 0 0;
}
.change-view-holder .page-view-icon-holder,
.change-view-holder .page-view-icon-holder li {
  float: left;
  position: relative;
}
.change-view-holder .page-view-icon-holder li.active .page-view-link .sprite-icon,
.change-view-holder .page-view-icon-holder li li.active .page-view-link .sprite-icon {
  opacity: 1;
}
.change-view-holder .page-view-icon-holder .page-view-link,
.change-view-holder .page-view-icon-holder li .page-view-link {
  background-color: #f0f1f2;
  color: #707070;
  display: block;
  height: 39px;
  padding: 7px 14px 9px;
  text-decoration: none;
}
.change-view-holder .page-view-icon-holder .page-view-link .view-icon-text,
.change-view-holder .page-view-icon-holder li .page-view-link .view-icon-text {
  margin-left: 9px;
}
.change-view-holder .page-view-icon-holder .page-view-link .sprite-icon,
.change-view-holder .page-view-icon-holder li .page-view-link .sprite-icon,
.change-view-holder .page-view-icon-holder .page-view-link .view-icon-text,
.change-view-holder .page-view-icon-holder li .page-view-link .view-icon-text {
  vertical-align: middle;
}
.change-view-holder .page-view-icon-holder .page-view-link .sprite-icon,
.change-view-holder .page-view-icon-holder li .page-view-link .sprite-icon {
  opacity: 0.4;
}
.change-view-holder .page-view-icon-holder .page-view-link:before,
.change-view-holder .page-view-icon-holder li .page-view-link:before {
  display: block;
  left: 0;
  width: 1px;
  background-color: #c7c7c7;
  height: 25px;
  content: '';
  position: absolute;
}
.change-view-holder .page-view-icon-holder:first-child .page-view-link:before,
.change-view-holder .page-view-icon-holder li:first-child .page-view-link:before {
  display: none;
}
.change-view-holder .page-view-icon-holder.active + li .page-view-link:before,
.change-view-holder .page-view-icon-holder li.active + li .page-view-link:before {
  display: none;
}
.change-view-holder .page-view-icon-holder.active .page-view-link,
.change-view-holder .page-view-icon-holder li.active .page-view-link {
  background-color: #fff;
  color: #071a2b;
}
.change-view-holder .page-view-icon-holder.active .page-view-link:before,
.change-view-holder .page-view-icon-holder li.active .page-view-link:before {
  display: none;
}
.annotation-bin {
  border: 2px solid #e31111;
  border-radius: 50%;
  display: none;
  height: 50px;
  opacity: 0;
  padding-top: 3px;
  pointer-events: none;
  position: fixed;
  top: 70px;
  width: 50px;
  z-index: 9999;
  /*.calc-fn(left,"50% - @{marking-panel-width}/2 - @{marking-button-width}/2 + @{toolbar-width}/2");*/
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.deleting-annotation ~ .annotation-bin {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.3s;
  -moz-animation: fade-in 0.3s;
  -ms-animation: fade-in 0.3s;
  -o-animation: fade-in 0.3s;
  animation: fade-in 0.3s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.annotation-bin svg {
  color: #e31111;
  fill: #e31111;
}
.annotation-bin.open {
  border: 2px solid #e31111;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1.5, 1.5);
  -moz-transform: translate(-50%, -50%) scale(1.5, 1.5);
  -ms-transform: translate(-50%, -50%) scale(1.5, 1.5);
  -o-transform: translate(-50%, -50%) scale(1.5, 1.5);
  transform: translate(-50%, -50%) scale(1.5, 1.5);
}
.annotation-bin.open svg {
  color: #e31111;
}
.marksheets {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  height: 100%;
  /*overflow:hidden;	*/
  /*removed to fix markbubble not showing out side of marksheets*/
  padding-right: 0;
  position: relative;
  white-space: nowrap;
  /*	width:100%;	*/
  /*flex:1 1 70%;
	-webkit-flex:1 1 70%;*/
  -webkit-transition: padding-left 0.3s, width 0.3s;
  -moz-transition: padding-left 0.3s, width 0.3s;
  -ms-transition: padding-left 0.3s, width 0.3s;
  -o-transition: padding-left 0.3s, width 0.3s;
  transition: padding-left 0.3s, width 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.marksheets .section-loader .loader {
  z-index: 6;
}
.marksheets .marksheets-inner {
  height: 100%;
  padding: 10px;
  position: absolute;
  width: 100%;
  -webkit-transition: padding-left 0.3s, width 0.3s;
  -moz-transition: padding-left 0.3s, width 0.3s;
  -ms-transition: padding-left 0.3s, width 0.3s;
  -o-transition: padding-left 0.3s, width 0.3s;
  transition: padding-left 0.3s, width 0.3s;
}
.marksheets .marksheets-inner.has-info .info-container {
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  height: 100%;
}
.marksheets .marksheets-inner .info-container {
  overflow: auto;
  padding: 10px 0px;
}
.marksheets .marksheets-inner .info-container ~ .offpage-comment-container {
  padding: 10px 20px;
}
.marksheets .marksheets-inner .info-holder {
  width: 500px;
  height: auto;
  background-color: #fff;
  padding: 20px 20px 0px 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #b2b2b2;
}
.marksheets .marksheets-inner .info-holder.no-msg {
  padding: 38px 0px;
}
.marksheets .marksheets-inner .info-holder.no-msg .info-data + .info-data {
  padding-top: 20px;
}
.marksheets .marksheets-inner .info-holder .msg-content {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
}
.marksheets .marksheets-inner .info-holder .message-bar {
  margin: auto;
  padding: 20px;
}
.marksheets .marksheets-inner .info-holder .info-data-wrapper {
  table-layout: fixed;
  padding: 0px 20px;
}
.marksheets .marksheets-inner .info-holder .info-data-wrapper .info-value {
  padding-left: 20px;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  vertical-align: top;
}
.marksheets .marksheets-inner .info-holder .info-data:last-child .info-label {
  padding-bottom: 30px;
}
.marksheets .marksheets-inner .info-holder .info-data .info-label {
  vertical-align: top;
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
}
.marksheets .marksheets-inner .info-holder .info-data .info-label,
.marksheets .marksheets-inner .info-holder .info-data .info-value {
  padding-top: 20px;
}
.marksheets .marksheets-inner-images {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  position: relative;
  /*height: 100%;*/
}
.marksheets .marksheets-inner-images .marksheet-container {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0px);
  /* defect id - 127875*/
  width: 100%;
}
.marksheets .marksheets-inner-images .marksheet-container body:not(.touch-device) .cbt-response-container {
  overflow: hidden;
  /*&.response-resizing{
					pointer-events:none;
				}*/
}
body:not(.touch-device) .html-response-container .marksheets .marksheets-inner-images .marksheet-container,
body:not(.touch-device) .excel-response-container .marksheets .marksheets-inner-images .marksheet-container {
  overflow-y: hidden;
}
body:not(.touch-device) .excel-response-container .marksheets .marksheets-inner-images .marksheet-container {
  overflow-x: hidden;
  overflow-y: hidden;
}
.marksheets .marksheets-inner-images .marksheet-container .cbt-content-holder {
  height: 100%;
  position: absolute;
  width: 100%;
}
.marksheets .marksheets-inner-images .marksheet-container .html-content-holder {
  background-color: #fff;
  height: 100%;
  position: absolute;
  width: 100%;
}
.marksheets .thumb-view .marksheets-inner-images {
  height: 100%;
}
.marksheets .saving-response {
  bottom: 10px;
  color: #fff;
  display: none;
  font-size: 1.4rem;
}
.Safari .marksheets .saving-response {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.marksheets .saving-response,
.marksheets .page-number-marksheet,
.marksheets .response-file-name {
  background-color: #071a2b;
  border-radius: 2px;
  padding: 10px;
  position: absolute;
  min-width: 130px;
  z-index: 150;
  -webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.14);
  -ms-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.14);
  -o-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.14);
}
.marksheets .saving-response.show,
.marksheets .page-number-marksheet.show,
.marksheets .response-file-name.show {
  display: block;
  -webkit-animation: fade-in 0.3s ease-out forwards, fade-out 0.3s ease-out 2s forwards;
  -moz-animation: fade-in 0.3s ease-out forwards, fade-out 0.3s ease-out 2s forwards;
  -ms-animation: fade-in 0.3s ease-out forwards, fade-out 0.3s ease-out 2s forwards;
  -o-animation: fade-in 0.3s ease-out forwards, fade-out 0.3s ease-out 2s forwards;
  animation: fade-in 0.3s ease-out forwards, fade-out 0.3s ease-out 2s forwards;
}
.marksheets .page-number-marksheet,
.marksheets .saving-response {
  right: 22px;
}
.side-page .marksheets .page-number-marksheet,
.side-page .marksheets .saving-response {
  right: 277px;
}
.marksheets .response-file-name {
  display: none;
  left: 5px;
}
.marksheets .response-file-name,
.marksheets .page-number-marksheet {
  top: 5px;
}
.marksheets .response-file-name.hide,
.marksheets .page-number-marksheet.hide {
  display: block;
  -webkit-animation: fade-out 0.3s ease-out 3s forwards;
  -moz-animation: fade-out 0.3s ease-out 3s forwards;
  -ms-animation: fade-out 0.3s ease-out 3s forwards;
  -o-animation: fade-out 0.3s ease-out 3s forwards;
  animation: fade-out 0.3s ease-out 3s forwards;
}
.marksheets .response-file-name .pn-line1,
.marksheets .page-number-marksheet .pn-line1 {
  color: #c7c7c7;
  font-size: 1.2rem;
  margin-bottom: 4px;
}
.marksheets .response-file-name .pn-line2,
.marksheets .page-number-marksheet .pn-line2 {
  color: #fff;
  font-size: 1.4rem;
}
.annotating ~ .marksheets .marksheet-container .annotation-holder {
  cursor: none;
}
.annotating.dragging ~ .marksheets .marksheet-container .annotation-holder {
  cursor: move;
}
.annotating.dynamic ~ .marksheets .marksheet-container .annotation-holder {
  cursor: crosshair;
}
.info-label-inner,
.info-value-inner {
  display: inline-block;
  white-space: normal;
}
.info-label-inner {
  max-width: 120px;
}
.info-value-inner {
  max-width: 300px;
}
.marksheets-inner.thumb-view {
  height: 100%;
  padding: 0;
  padding-top: 42px;
  /*.calc-fn(height,"100% - @{view-toolbar-height}");*/
}
.marksheets-inner.thumb-view .frv-marksheet-img {
  cursor: pointer;
  padding: 0 10px;
  -webkit-tap-highlight-color: transparent;
}
.marksheets-inner.thumb-view .marksheet-holder {
  flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  overflow: visible;
  /*.page-view-2&+.marksheet-holder.suppressed  .suppressed-image-holder{
				padding-top:0;	
				.page-view-4&.suppressed:nth-child(odd)+.suppressed+.suppressed+.suppressed,
			.page-view-4&.first-page+.suppressed+.suppressed+.suppressed
			}*/
}
.marksheets-inner.thumb-view .marksheet-holder.suppressed,
.marksheets-inner.thumb-view .marksheet-holder.media-wrapper {
  display: block;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  -o-align-self: stretch;
  align-self: stretch;
}
.Safari .marksheets-inner.thumb-view .marksheet-holder.suppressed,
.Safari .marksheets-inner.thumb-view .marksheet-holder.media-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.marksheets-inner.thumb-view .annotated-message-holder {
  display: none;
  height: 100%;
  width: 100%;
}
.all-annotated.marksheets-inner.thumb-view .annotated-message-holder {
  display: table;
}
.marksheets-inner.thumb-view .annotated-message-holder .message-seen {
  color: #707070;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.marksheets-inner.thumb-view .annotated-message-holder .message-seen h4 {
  padding-bottom: 5px;
}
.marksheets-inner.thumb-view .annotated-message-holder .seen-title-icon {
  border: 3px solid rgba(112, 112, 112, 0.4);
  border-radius: 7px;
  height: 61px;
  margin: auto;
  width: 93px;
}
.marksheets-inner.thumb-view .annotated-message-holder .seen-title-icon svg {
  height: 100%;
  width: 100%;
}
.marksheets-inner.thumb-view .annotated-message-holder .seen-title-icon text {
  fill: rgba(112, 112, 112, 0.4);
  text-align: center;
}
.marksheets-inner.thumb-view .annotated-message-holder .seen-message-title {
  padding-bottom: 32px;
}
.marksheets-inner:not(.thumb-view) {
  /*margin-right:@marking-panel-width+@marking-button-width;*/
  padding: 0;
  /*padding-left:@toolbar-width;*/
  /*.vendorize(transform;translate3d(0,0,0));*/
  /*.closed-response &,
		.messaging:not(.minimized) &{
			.calc-fn(width,"100% - @{marking-panel-width}");	
		}*/
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.marksheets-inner:not(.thumb-view) .marksheet-container {
  display: none;
  margin-left: -100%;
  opacity: 0;
  width: 100%;
  z-index: 1;
}
.marksheets-inner:not(.thumb-view) .marksheet-container.active {
  display: inline-block;
}
.marksheets-inner:not(.thumb-view) .marksheet-container.active:not(.not-loaded) {
  opacity: 1;
  /*padding-bottom:0;*/
  /*.vendorize(transform,translateX(0));*/
}
.dragging.marksheets-inner:not(.thumb-view) .marksheet-container.active:not(.not-loaded) {
  /*margin:0 20px;	*/
}
.marksheets-inner:not(.thumb-view) .marksheet-container.active,
.marksheets-inner:not(.thumb-view) .marksheet-container.active ~ .marksheet-container {
  margin-left: 0;
  /*.vendorize(transform,translateX(0));	*/
}
.marksheets-inner:not(.thumb-view):not(.dragging) .marksheet-container {
  -webkit-transition: padding 0.3s, transform 0.3s, margin-left 0.3s, opacity 0.3s;
  -moz-transition: padding 0.3s, transform 0.3s, margin-left 0.3s, opacity 0.3s;
  -ms-transition: padding 0.3s, transform 0.3s, margin-left 0.3s, opacity 0.3s;
  -o-transition: padding 0.3s, transform 0.3s, margin-left 0.3s, opacity 0.3s;
  transition: padding 0.3s, transform 0.3s, margin-left 0.3s, opacity 0.3s;
}
.marksheet-content-holder {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  /*	.vendorize(transition,padding-right @comp-anim-duration);*/
  /*	.iPad.Safari & {
	overflow: hidden;	
	}*/
}
.marksheet-zoom-holder {
  min-width: 100%;
  padding: 5px;
}
.marksheet-container:not(.zooming) .marksheet-zoom-holder {
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.side-page .marksheet-zoom-holder {
  padding-right: 0px;
}
.marksheet-view-holder {
  /*margin-top:-20px;*/
  display: block;
  left: 0;
  margin: auto;
  position: relative;
  top: 0;
  -webkit-transition: left 0.3s, top 0.3s;
  -moz-transition: left 0.3s, top 0.3s;
  -ms-transition: left 0.3s, top 0.3s;
  -o-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.custom-zoom.marksheet-zoom-holder:not(.zooming) .marksheet-view-holder {
  -webkit-transition: width 0.3s, left 0.3s, top 0.3s;
  -moz-transition: width 0.3s, left 0.3s, top 0.3s;
  -ms-transition: width 0.3s, left 0.3s, top 0.3s;
  -o-transition: width 0.3s, left 0.3s, top 0.3s;
  transition: width 0.3s, left 0.3s, top 0.3s;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.structured .custom-zoom.marksheet-zoom-holder:not(.zooming) .marksheet-view-holder {
  display: block;
}
.custom-zoom.marksheet-zoom-holder:not(.zooming) .marksheet-view-holder .marksheet-holder {
  flex: none;
  -webkit-flex: none;
}
.custom-zoom.marksheet-zoom-holder:not(.zooming) .marksheet-view-holder.no-animation,
.custom-zoom.marksheet-zoom-holder:not(.zooming) .marksheet-view-holder.no-animation .marksheet-holder {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.marksheet-zoom-holder.no-animation .marksheet-view-holder,
.marksheet-zoom-holder.no-animation .marksheet-view-holder .marksheet-holder {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
header.deleting-annotation ~ .content-wrapper,
header.no-drop ~ .content-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.marksheet-container {
  height: 100%;
  overflow-y: scroll;
  overflow-x: auto;
  /*padding:10px;*/
  padding-bottom: 0;
  position: relative;
  white-space: normal;
  -webkit-overflow-scrolling: touch;
}
.Safari .content-wrapper:not(.cbt-response-container):not(.html-response-container) .marksheet-container,
.Safari:not(.iPad) .content-wrapper.cbt-response-container .marksheet-container,
.Safari:not(.iPad) .content-wrapper.html-response-container .marksheet-container {
  will-change: transform;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
.touch-device.Safari .content-wrapper:not(.cbt-response-container):not(.html-response-container) .marksheet-container,
.touch-device.Safari:not(.iPad) .content-wrapper.cbt-response-container .marksheet-container,
.touch-device.Safari:not(.iPad) .content-wrapper.html-response-container .marksheet-container {
  will-change: transform;
  perspective: inherit;
  -webkit-perspective: inherit;
}
.Safari .content-wrapper:not(.html-response-container) .marksheet-container {
  overflow-y: auto;
}
.marksheets-inner:not(.thumb-view) .marksheet-container:after {
  content: "";
  display: block;
  height: 10px;
}
.positioning .marksheet-container {
  overflow: hidden;
}
.thumb-view .marksheet-container {
  height: 100%;
  max-height: 100%;
  /* overflow:auto;*/
  /*padding-left:10px;
		padding-right:10px;*/
  width: 100%;
  /*padding-top:56px;*/
}
.thumb-view .marksheet-container .frv-holder {
  /*max-height:100%;*/
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  -o-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
}
.page-view-1.thumb-view .marksheet-container .frv-holder.frv-single-page {
  display: block;
}
.e-coursework.thumb-view .marksheet-container .frv-holder {
  /* .calc-fn(height,"100% - 325px");
               .vendorize(align-items,center);*/
}
.e-coursework.thumb-view .marksheet-container .frv-holder .media-wrap .frv-marksheet-img {
  border: 1px #b2b2b2 solid;
  padding: 0;
  height: 100%;
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  height: -moz-calc(100% - 37px);
  height: -webkit-calc(100% - 37px);
  height: calc(100% - 37px);
  width: -moz-calc(100% - 22px);
  width: -webkit-calc(100% - 22px);
  width: calc(100% - 22px);
}
.e-coursework.thumb-view .marksheet-container .frv-holder .media-wrap .frv-marksheet-img .svg-media-ico {
  height: 60px;
}
.e-coursework.thumb-view .marksheet-container .frv-holder .media-wrap .frv-marksheet-img .svg-media-ico .svg-icon {
  color: #a2a4a8;
  height: 41px;
  fill: #a2a4a8;
  width: 60px;
}
.all-annotated.thumb-view .marksheet-container {
  height: 100%;
}
.all-annotated.thumb-view .marksheet-container .frv-holder {
  height: 100%;
}
.page-view-1.thumb-view .marksheet-container {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
.thumb-view .marksheet-container .marksheet-holder {
  /* cursor:pointer;	*/
  /*removed to avoid hover effect whenn hover  over page number*/
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
  /*padding:@page-group-gap/4;*/
  padding-top: 10px;
  padding-bottom: 25px;
  position: relative;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.thumb-view .marksheet-container .marksheet-holder.no-hover {
  cursor: default;
}
.all-annotated.thumb-view .marksheet-container .marksheet-holder {
  display: none;
}
.thumb-view .marksheet-container .marksheet-holder.show-option {
  cursor: default;
}
.thumb-view .marksheet-container .marksheet-holder .page-options {
  display: none;
}
.thumb-view .marksheet-container .marksheet-holder .page-options .option-button-wrapper {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
  -webkit-transform: translate3d(50%, 50%, 0);
  -moz-transform: translate3d(50%, 50%, 0);
  -ms-transform: translate3d(50%, 50%, 0);
  -o-transform: translate3d(50%, 50%, 0);
  transform: translate3d(50%, 50%, 0);
  /*width:100%; to fix equal width buttons*/
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  /*.page-view-1&{
						.calc-fn(max-width,"100% - 60px");
					}
					.page-view-2&{
						.calc-fn(max-width,"50% - 50px");
					}
					.page-view-4&{
						.calc-fn(max-width,"25% - 100px");
					}*/
}
.thumb-view .marksheet-container .marksheet-holder .page-options .option-button-wrapper.hide {
  display: block;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.touch-device.android .thumb-view .marksheet-container .marksheet-holder .page-options.hovered .option-button-wrapper:not(.hide) {
  -webkit-transition: transform 0.1s, opacity 0s 0.2s;
  -moz-transition: transform 0.1s, opacity 0s 0.2s;
  -ms-transition: transform 0.1s, opacity 0s 0.2s;
  -o-transition: transform 0.1s, opacity 0s 0.2s;
  transition: transform 0.1s, opacity 0s 0.2s;
}
.thumb-view .marksheet-container .marksheet-holder .page-options button {
  display: block;
  /*margin: auto;*/
  margin-left: 0;
  margin-top: 10px;
  max-width: 100%;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  /*width: 170px;	*/
}
.thumb-view .marksheet-container .marksheet-holder .page-options button:first-child {
  margin-top: 0;
}
.thumb-view .marksheet-container .marksheet-holder .page-options button:not(.primary) {
  background-color: #fff;
}
.thumb-view .marksheet-container .marksheet-holder .page-options.hovered {
  display: block;
}
.thumb-view .marksheet-container .marksheet-holder .page-options.hovered:after {
  background-color: rgba(233, 247, 255, 0.5);
  border: 1px solid #0092ff;
  content: '';
  width: 100%;
  z-index: 0;
  display: block;
  position: absolute;
  right: 10px;
  height: -moz-calc(100% - 35px);
  height: -webkit-calc(100% - 35px);
  height: calc(100% - 35px);
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
}
.thumb-view .marksheet-container .marksheet-holder:hover .page-options.hovered {
  /*display:block;				*/
  pointer-events: auto;
  z-index: 7;
  /*.fade-in(@comp-anim-duration);	Fix - ipad safari option panel issue*/
  display: block;
}
.thumb-view .marksheet-container .marksheet-holder .frv-marksheet-img:hover ~ .page-options.hovered {
  display: block;
  pointer-events: auto;
  z-index: 7;
  /*.fade-in(@comp-anim-duration);	Fix - ipad safari option panel issue*/
}
.page-view-4.thumb-view .marksheet-container .marksheet-holder {
  width: -moz-calc(25% - 10px);
  width: -webkit-calc(25% - 10px);
  width: calc(25% - 10px);
  /* .IE . e-coursework.filtered-view&{
					flex-basis:calc(~"25% - 10px");
				}*/
}
.filtered-view.page-view-4.thumb-view .marksheet-container .marksheet-holder {
  width: 25%;
}
.IE .page-view-4.thumb-view .marksheet-container .marksheet-holder {
  flex-basis: calc(25% - 10px);
}
.IE .filtered-view.page-view-4.thumb-view .marksheet-container .marksheet-holder {
  flex-basis: 25%;
}
.page-view-4.thumb-view .marksheet-container .marksheet-holder:nth-child(2n) {
  /*margin-right:@page-group-gap;
					.filtered-view&{
						margin-right:0;	
					}*/
}
.page-view-4.thumb-view .marksheet-container .marksheet-holder:nth-child(2n) + .marksheet-holder {
  margin-left: auto;
}
.filtered-view.page-view-4.thumb-view .marksheet-container .marksheet-holder:nth-child(2n) + .marksheet-holder {
  margin-left: 0;
}
.page-view-4.thumb-view .marksheet-container .marksheet-holder:nth-child(2n) + .marksheet-holder.last-page {
  margin-left: 40px;
}
.filtered-view.page-view-4.thumb-view .marksheet-container .marksheet-holder:nth-child(2n) + .marksheet-holder.last-page {
  margin-left: 0;
}
.page-view-4.thumb-view .marksheet-container .marksheet-holder:nth-child(4n) {
  margin-right: 0;
}
.page-view-4.thumb-view .marksheet-container .marksheet-holder:nth-child(4n) + .marksheet-holder,
.page-view-4.thumb-view .marksheet-container .marksheet-holder:nth-child(4n) + .marksheet-holder.last-page {
  margin-left: 0;
}
.page-view-4.thumb-view .marksheet-container .marksheet-holder:nth-child(1),
.page-view-4.thumb-view .marksheet-container .marksheet-holder:nth-child(2),
.page-view-4.thumb-view .marksheet-container .marksheet-holder:nth-child(3),
.page-view-4.thumb-view .marksheet-container .marksheet-holder:nth-child(4) {
  margin-top: 0;
}
.page-view-2.thumb-view .marksheet-container .marksheet-holder {
  width: 50%;
}
.IE .page-view-2.thumb-view .marksheet-container .marksheet-holder {
  flex-basis: calc(50% - 20px);
}
.page-view-2.thumb-view .marksheet-container .marksheet-holder:nth-child(2n),
.page-view-2.thumb-view .marksheet-container .marksheet-holder:nth-child(4n) {
  margin-right: 0;
}
.page-view-2.thumb-view .marksheet-container .marksheet-holder:nth-child(1),
.page-view-2.thumb-view .marksheet-container .marksheet-holder:nth-child(2) {
  margin-top: 0;
}
.page-view-1.thumb-view .marksheet-container .marksheet-holder {
  width: 100%;
}
.IE .page-view-1.thumb-view .marksheet-container .marksheet-holder {
  flex-basis: calc(100% - 20px);
}
.page-view-1.thumb-view .marksheet-container .marksheet-holder.first-page {
  display: none;
}
.page-view-1.thumb-view .marksheet-container .marksheet-holder.first-page + .marksheet-holder {
  margin-top: 0;
}
.thumb-view .marksheet-container .marksheet-holder img {
  display: block;
  width: 100%;
  /*image-rendering: -webkit-optimize-contrast;*/
}
.thumb-view .marksheet-container .marksheet-holder.pageoption-fixed .page-options {
  pointer-events: auto;
  z-index: 7;
  display: block;
}
.marksheets-inner:not(.thumb-view) .marksheet-holder.unzoned-content .marksheet-img {
  display: none;
}
.marksheets-inner:not(.thumb-view) .marksheet-holder.unzoned-content .unzoned-holder {
  height: -moz-calc(100vh - 60px);
  height: -webkit-calc(100vh - 60px);
  height: calc(100vh - 60px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.unzoned-icon-holder {
  display: inline-block;
  white-space: normal;
  /*#64832*/
}
.unzoned-icon-holder .unzoned-icon {
  height: auto;
  fill: #b2b2b2;
}
.unzoned-icon-holder .unzoned-icon svg {
  height: 63px;
  width: 52px;
}
.unzoned-icon-holder .unzone-msg-holder {
  padding: 20px;
  font-size: 1.8rem;
  user-select: text;
  -webkit-user-select: text;
}
.unzone-indication {
  position: relative;
  z-index: 1;
  width: 20px;
  text-align: center;
}
.question-list .unzone-indication {
  display: inline-block;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.question-list .unzone-indication .unzoned-icon {
  width: 14px;
  height: 16px;
  fill: #a2a4a8;
}
.marking-question-panel .active-question-holder .active-feedback-notification + .active-mark .question-link {
  margin-left: 8px;
}
.marking-question-panel .question-link {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  width: 20px;
  text-align: center;
  padding-bottom: 2px;
}
.marking-question-panel .question-link .svg-icon {
  display: inline-block;
  width: 16.9px;
  fill: #0075cd;
  opacity: 1;
}
.marking-question-panel .question-link + .question-mark .mark-version.cur,
.marking-question-panel .unzone-indication + .question-mark .mark-version.cur {
  margin-left: 14px;
  min-width: 21px;
}
.marking-question-panel .question-panel .fader {
  height: 100%;
  left: auto;
  position: absolute;
  top: 0;
  z-index: auto;
  right: 0;
}
.marking-question-panel .question-panel-holder .vertical-toggle-group .annotation-toggle {
  display: block;
  text-align: left;
}
.marking-question-panel:not(.marking-question-show-range) .question-panel-header .vertical-toggle-group .menu-button,
.marking-question-panel.marking-question-show-range:not(.has-def-marking) .question-panel-header .menu-button {
  padding-right: 0px;
}
.marking-question-panel:not(.marking-question-show-range) .vertical-toggle-group {
  margin-right: 19px;
}
.marking-question-panel.marking-question-hide-range .total-panel {
  background-color: #fff;
}
.marking-question-show-range.marking-question-panel .mark-range-holder {
  align-items: unset;
}
.marking-question-show-range.marking-question-panel .mark-range-field,
.marking-question-show-range.marking-question-panel .active-question-wrapper .active-question-col-holder .active-mark-range {
  width: 32px;
  padding: 1px;
}
.marking-question-show-range.marking-question-panel .question-panel-header .mark-range-title {
  word-wrap: break-word;
  word-break: break-word;
}
.marking-question-show-range.marking-question-panel .question-panel-header .mark-range-title-holder {
  width: 80px;
  padding-right: 0px;
  font-weight: 500;
  padding-bottom: 19px;
}
.marking-question-show-range.marking-question-panel .active-question .active-question-mark {
  width: 37px;
}
.marking-question-show-range.marking-question-panel .total-mark-holder .total-marks-label {
  display: inline-block;
  margin-right: 0px;
}
.marking-question-show-range.marking-question-panel .active-question {
  width: 100%;
}
.marking-question-show-range.marking-question-panel .active-question .active-question-holder {
  padding-right: 14px;
}
.marking-question-show-range.marking-question-panel .active-question .active-mark {
  padding-right: 0px;
}
.marking-question-show-range.marking-question-panel .active-question .question-nav {
  background-color: #00345a;
}
.marking-question-show-range.marking-question-panel.marking-question-panel .active-question-wrapper {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  padding: 0px 0px;
}
.closed-response .marking-question-show-range.marking-question-panel.marking-question-panel .active-question-wrapper {
  padding: 0px 0px;
}
.closed-response .marking-question-show-range.marking-question-panel.marking-question-panel .active-question-wrapper .active-mark-range {
  text-align: center;
}
.marking-question-show-range.marking-question-panel.marking-question-panel .active-question-wrapper .active-question-col:first-child {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  border-right: 1px solid rgba(0, 117, 205, 0.6);
}
.marking-question-show-range.marking-question-panel.marking-question-panel .active-question-wrapper .active-question-col {
  padding: 16px 0px 16px 10px;
}
.marking-question-show-range.marking-question-panel.marking-question-panel .active-question-wrapper .active-question-col ~ .active-question-col {
  padding-right: 10px;
}
.marking-question-show-range.marking-question-panel.marking-question-panel .active-question-wrapper .active-question-col.no-mark ~ .active-question-col .active-mark-range {
  visibility: hidden;
}
.marking-question-show-range.marking-question-panel .total-panel {
  background-color: #fff;
}
.marking-question-show-range .range-subtitle-holder {
  width: 61px;
  margin-top: 10px;
}
.IE .marking-question-show-range .range-subtitle-holder {
  margin-left: -16px;
}
.marking-question-show-range .range-subtitle-holder .range-min {
  float: right;
  margin-top: 2px;
}
.marking-question-show-range .range-subtitle-holder .range-min,
.marking-question-show-range .range-subtitle-holder .range-max {
  color: #707070;
  font-size: 1.2rem;
}
.marking-question-show-range .mark-range-bg:first-child {
  border-right-color: #e5e5e5;
}
.marking-question-show-range .mark-range-bg ~ .fader {
  left: 105px;
  top: 108px;
}
.marking-question-panel.marking-question-show-range {
  align-items: unset;
}
.marking-question-show-range .mark-range-holder {
  border-bottom-width: 0;
  flex-direction: column;
  margin-right: -16px;
  align-items: unset;
  width: -moz-calc((52px * 2) + 0px);
  width: -webkit-calc((52px * 2) + 0px);
  width: calc((52px * 2) + 0px);
  background: #fff;
  margin: -8px -20px -10px 0;
}
.has-def-marking.marking-question-show-range .mark-range-holder {
  margin: -8px 1px -10px 0px;
  border-right: 1px solid #e5e5e5;
  height: auto;
}
.marking-question-show-range .vertical-toggle-group {
  margin-right: 19px;
}
.marking-question-show-range .mark-range-field {
  height: 30px;
  border-radius: 2px;
  -webkit-appearance: unset;
  text-align: right;
}
.marking-question-show-range .mark-range-footer-text {
  color: #707070;
  font-size: 1.2rem;
  margin-left: 23px;
  white-space: nowrap;
}
.marking-question-show-range .total-mark-title {
  display: flex;
}
.marking-question-show-range .total-mark-range {
  border-right: 1px solid #e5e5e5;
  height: 31px;
  margin-right: -1.5px;
  display: inline-block;
  text-align: center;
  width: 52px;
}
.closed-response .marking-question-show-range .total-mark-range {
  height: 20px;
}
.marking-question-show-range .total-mark-range + .total-mark-range {
  border-right: none;
}
.marking-question-show-range .total-marks {
  margin-top: 10px;
}
.marking-question-panel.marking-question-show-range .total-panel {
  padding: 0px 0px 0px 16px;
  border-top: none;
}
.marking-question-show-range .question-panel {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.marksheets-inner:not(.thumb-view) .marksheet-holder.suppressed:nth-child(even) + .suppressed .suppressed-image-holder,
.marksheets-inner:not(.thumb-view) .marksheet-holder.first-page + .suppressed .suppressed-image-holder,
.marksheets-inner:not(.thumb-view) .marksheet-holder.suppressed:first-child .suppressed-image-holder,
.marksheets-inner:not(.thumb-view) .marksheet-holder.suppressed:nth-child(even):last-child .suppressed-image-holder,
.marksheets-inner:not(.thumb-view) .marksheet-holder:not(.suppressed) + .suppressed:last-child .suppressed-image-holder,
.thumb-view.page-view-1 .marksheet-holder.suppressed .suppressed-image-holder,
.thumb-view.page-view-2 .marksheet-holder.suppressed:nth-child(odd) + .suppressed .suppressed-image-holder,
.thumb-view.page-view-2 .marksheet-holder.first-page + .suppressed .suppressed-image-holder,
.thumb-view.page-view-2 .marksheet-holder.last-page.suppressed:nth-child(odd) .suppressed-image-holder,
.thumb-view.page-view-4 .marksheet-holder.suppressed:nth-child(4n+1) + .suppressed + .suppressed + .suppressed .suppressed-image-holder,
.thumb-view.page-view-4 .marksheet-holder.first-page + .suppressed + .suppressed + .suppressed .suppressed-image-holder,
.thumb-view.page-view-4 .marksheet-holder.last-page.suppressed:nth-child(4n+1) .suppressed-image-holder,
.thumb-view.page-view-4 .marksheet-holder.suppressed:nth-child(4n+1) + .last-page .suppressed-image-holder,
.thumb-view.page-view-4 .marksheet-holder.suppressed:nth-child(4n+1) + .suppressed + .last-page .suppressed-image-holder,
.thumb-view.page-view-4 .marksheet-holder.suppressed:nth-child(4n+1) + .suppressed + .suppressed + .last-page .suppressed-image-holder,
.thumb-view.page-view-1 .marksheet-holder.media-wrapper .suppressed-image-holder,
.thumb-view.page-view-2 .marksheet-holder.media-wrapper:nth-child(odd) + .media-wrapper .suppressed-image-holder,
.thumb-view.page-view-2 .marksheet-holder.first-page + .media-wrapper .suppressed-image-holder,
.thumb-view.page-view-2 .marksheet-holder.last-page.media-wrapper:nth-child(odd) .suppressed-image-holder,
.thumb-view.page-view-4 .marksheet-holder.media-wrapper:nth-child(4n+1) + .media-wrapper + .media-wrapper + .media-wrapper .suppressed-image-holder,
.thumb-view.page-view-4 .marksheet-holder.first-page + .media-wrapper + .media-wrapper + .media-wrapper .suppressed-image-holder,
.thumb-view.page-view-4 .marksheet-holder.last-page.media-wrapper:nth-child(4n+1) .suppressed-image-holder,
.thumb-view.page-view-4 .marksheet-holder.media-wrapper:nth-child(4n+1) + .last-page .suppressed-image-holder,
.thumb-view.page-view-4 .marksheet-holder.media-wrapper:nth-child(4n+1) + .media-wrapper + .last-page .suppressed-image-holder,
.thumb-view.page-view-4 .marksheet-holder.media-wrapper:nth-child(4n+1) + .media-wrapper + .media-wrapper + .last-page .suppressed-image-holder {
  padding-top: 145.29120198%;
}
body:not(.Safari) .marksheets-inner:not(.thumb-view) .marksheet-holder.suppressed:nth-child(even) + .suppressed .media-box:before,
body:not(.Safari) .marksheets-inner:not(.thumb-view) .marksheet-holder.first-page + .suppressed .media-box:before,
body:not(.Safari) .marksheets-inner:not(.thumb-view) .marksheet-holder.suppressed:first-child .media-box:before,
body:not(.Safari) .marksheets-inner:not(.thumb-view) .marksheet-holder.suppressed:nth-child(even):last-child .media-box:before,
body:not(.Safari) .marksheets-inner:not(.thumb-view) .marksheet-holder:not(.suppressed) + .suppressed:last-child .media-box:before,
body:not(.Safari) .thumb-view.page-view-1 .marksheet-holder.suppressed .media-box:before,
body:not(.Safari) .thumb-view.page-view-2 .marksheet-holder.suppressed:nth-child(odd) + .suppressed .media-box:before,
body:not(.Safari) .thumb-view.page-view-2 .marksheet-holder.first-page + .suppressed .media-box:before,
body:not(.Safari) .thumb-view.page-view-2 .marksheet-holder.last-page.suppressed:nth-child(odd) .media-box:before,
body:not(.Safari) .thumb-view.page-view-4 .marksheet-holder.suppressed:nth-child(4n+1) + .suppressed + .suppressed + .suppressed .media-box:before,
body:not(.Safari) .thumb-view.page-view-4 .marksheet-holder.first-page + .suppressed + .suppressed + .suppressed .media-box:before,
body:not(.Safari) .thumb-view.page-view-4 .marksheet-holder.last-page.suppressed:nth-child(4n+1) .media-box:before,
body:not(.Safari) .thumb-view.page-view-4 .marksheet-holder.suppressed:nth-child(4n+1) + .last-page .media-box:before,
body:not(.Safari) .thumb-view.page-view-4 .marksheet-holder.suppressed:nth-child(4n+1) + .suppressed + .last-page .media-box:before,
body:not(.Safari) .thumb-view.page-view-4 .marksheet-holder.suppressed:nth-child(4n+1) + .suppressed + .suppressed + .last-page .media-box:before,
body:not(.Safari) .thumb-view.page-view-1 .marksheet-holder.media-wrapper .media-box:before,
body:not(.Safari) .thumb-view.page-view-2 .marksheet-holder.media-wrapper:nth-child(odd) + .media-wrapper .media-box:before,
body:not(.Safari) .thumb-view.page-view-2 .marksheet-holder.first-page + .media-wrapper .media-box:before,
body:not(.Safari) .thumb-view.page-view-2 .marksheet-holder.last-page.media-wrapper:nth-child(odd) .media-box:before,
body:not(.Safari) .thumb-view.page-view-4 .marksheet-holder.media-wrapper:nth-child(4n+1) + .media-wrapper + .media-wrapper + .media-wrapper .media-box:before,
body:not(.Safari) .thumb-view.page-view-4 .marksheet-holder.first-page + .media-wrapper + .media-wrapper + .media-wrapper .media-box:before,
body:not(.Safari) .thumb-view.page-view-4 .marksheet-holder.last-page.media-wrapper:nth-child(4n+1) .media-box:before,
body:not(.Safari) .thumb-view.page-view-4 .marksheet-holder.media-wrapper:nth-child(4n+1) + .last-page .media-box:before,
body:not(.Safari) .thumb-view.page-view-4 .marksheet-holder.media-wrapper:nth-child(4n+1) + .media-wrapper + .last-page .media-box:before,
body:not(.Safari) .thumb-view.page-view-4 .marksheet-holder.media-wrapper:nth-child(4n+1) + .media-wrapper + .media-wrapper + .last-page .media-box:before,
body.Safari .marksheets-inner:not(.thumb-view) .marksheet-holder.suppressed:nth-child(even) + .suppressed .media-box .media-img-wraper:before,
body.Safari .marksheets-inner:not(.thumb-view) .marksheet-holder.first-page + .suppressed .media-box .media-img-wraper:before,
body.Safari .marksheets-inner:not(.thumb-view) .marksheet-holder.suppressed:first-child .media-box .media-img-wraper:before,
body.Safari .marksheets-inner:not(.thumb-view) .marksheet-holder.suppressed:nth-child(even):last-child .media-box .media-img-wraper:before,
body.Safari .marksheets-inner:not(.thumb-view) .marksheet-holder:not(.suppressed) + .suppressed:last-child .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-1 .marksheet-holder.suppressed .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-2 .marksheet-holder.suppressed:nth-child(odd) + .suppressed .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-2 .marksheet-holder.first-page + .suppressed .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-2 .marksheet-holder.last-page.suppressed:nth-child(odd) .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-4 .marksheet-holder.suppressed:nth-child(4n+1) + .suppressed + .suppressed + .suppressed .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-4 .marksheet-holder.first-page + .suppressed + .suppressed + .suppressed .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-4 .marksheet-holder.last-page.suppressed:nth-child(4n+1) .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-4 .marksheet-holder.suppressed:nth-child(4n+1) + .last-page .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-4 .marksheet-holder.suppressed:nth-child(4n+1) + .suppressed + .last-page .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-4 .marksheet-holder.suppressed:nth-child(4n+1) + .suppressed + .suppressed + .last-page .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-1 .marksheet-holder.media-wrapper .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-2 .marksheet-holder.media-wrapper:nth-child(odd) + .media-wrapper .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-2 .marksheet-holder.first-page + .media-wrapper .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-2 .marksheet-holder.last-page.media-wrapper:nth-child(odd) .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-4 .marksheet-holder.media-wrapper:nth-child(4n+1) + .media-wrapper + .media-wrapper + .media-wrapper .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-4 .marksheet-holder.first-page + .media-wrapper + .media-wrapper + .media-wrapper .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-4 .marksheet-holder.last-page.media-wrapper:nth-child(4n+1) .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-4 .marksheet-holder.media-wrapper:nth-child(4n+1) + .last-page .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-4 .marksheet-holder.media-wrapper:nth-child(4n+1) + .media-wrapper + .last-page .media-box .media-img-wraper:before,
body.Safari .thumb-view.page-view-4 .marksheet-holder.media-wrapper:nth-child(4n+1) + .media-wrapper + .media-wrapper + .last-page .media-box .media-img-wraper:before {
  content: "";
  display: inline-block;
  padding-top: 130%;
  float: left;
  width: 1px;
  margin-left: -2px;
}
.e-coursework .marksheet-holder.loading .frv-marksheet-img:before {
  content: '';
  display: inline-block;
  width: 0px;
  /*margin-left: -5px;
		padding-top:145.2912019826518%;*/
  padding-top: 75%;
  position: relative;
}
.e-coursework .marksheet-holder.loading .frv-marksheet-img img {
  vertical-align: bottom;
  display: inline-block;
  position: relative;
}
.context-menu {
  background-color: #071a2b;
  display: none;
  left: 0;
  position: fixed;
  top: 0;
  min-width: 170px;
  z-index: -1;
}
.context-menu .context-menu {
  left: 100%;
  position: absolute;
}
.context-menu.align-bottom {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.context-menu.align-bottom-right {
  -webkit-transform: translate(-100%, -100%);
  -moz-transform: translate(-100%, -100%);
  -ms-transform: translate(-100%, -100%);
  -o-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
}
.context-menu .align-bottom,
.context-menu .align-bottom-right {
  margin-top: 49px;
}
.context-menu .align-right,
.context-menu .align-bottom-right {
  margin-left: -100%;
}
.context-menu.align-right {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.context-menu .context-link {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  padding: 15px;
  text-decoration: none;
}
.context-menu .context-link.sm-menu {
  max-width: 230px;
  width: 100%;
}
.context-menu .context-link.disabled {
  opacity: 0.5;
}
.context-menu .context-link:not(.disabled):hover {
  color: #fff;
}
.context-menu .selected .context-link {
  color: #fff;
}
.context-menu .context-list {
  position: relative;
  white-space: normal;
}
.context-menu .context-list.has-sub > .context-link:after {
  content: "";
  display: inline-block;
  margin-top: 7px;
  position: absolute;
  right: 10px;
  vertical-align: middle;
  border-width: 4px 7px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-width: 0;
}
.context-menu .context-list .toggle-button {
  margin-left: auto;
  right: 10px;
  top: 10px;
}
.context-menu .context-list .toggle-button .off-text {
  color: #fff;
}
.context-menu .context-list.shared-menu-item {
  border-bottom: 1px #505050 solid;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.context-menu .context-list.shared-menu-item .context-link {
  color: #fff;
}
.context-menu .context-list .show-mark-info {
  display: block;
  margin-top: 2px;
}
.context-menu.share-on .context-list:not(.shared-menu-item) {
  display: none;
}
.context-menu.share-on .context-list.shared-menu-item .context-link {
  border-bottom: 0;
}
.context-menu .has-sub:hover .context-menu,
.context-menu.show {
  display: block;
  z-index: 9999;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.3s;
  -moz-animation: fade-in 0.3s;
  -ms-animation: fade-in 0.3s;
  -o-animation: fade-in 0.3s;
  animation: fade-in 0.3s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.context-menu .color-text {
  margin-left: 31px;
}
.context-menu .color-sample {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: inline-block;
  height: 17px;
  margin-right: 10px;
  position: absolute;
  vertical-align: middle;
  width: 17px;
}
.context-menu .selected .color-sample {
  border: 2px solid #fff;
  height: 22px;
  left: 13px;
  top: 13px;
  width: 22px;
  /*&.lite:before,
		&.lite:after{
			background-color:@pure-black;
		}*/
}
.context-menu .selected .color-sample:before,
.context-menu .selected .color-sample:after {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.context-menu .selected .color-sample:before {
  width: 2px;
  height: 10px;
  left: 10px;
  top: 4px;
}
.context-menu .selected .color-sample:after {
  width: 5px;
  height: 2px;
  background-color: #fff;
  left: 4px;
  top: 10px;
}
.context-menu.bookmark-context-menu {
  width: auto;
}
.marksheet-holder {
  /*margin:auto;*/
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  /*&.rotate-90{
		//scaleValue= width/height  --- (1553/2275 = 0.6824393802237593)
		transform:rotate(90deg);
		width:68.24393802237593%;//scaleValue x 100 %  ------- 68.24393802237593%
	}
	&.rotate-180{
		transform:rotate(180deg);		
	}
	&.rotate-270{
		transform:rotate(270deg);
		width:68.24393802237593%;		
	}*/
}
.marksheet-zoom-holder .marksheet-holder {
  /*&:nth-child(2n).suppressed .marksheet-holder-inner{
			position:absolute;
			width:100%;				
		}*/
  /*.marksheet-wrapper,
		.suppressed-image-holder,
		.suppressed-icon-wrapper{
			margin-top:3%;	
		}
		
		&:first-child .marksheet-wrapper,
		&:first-child .suppressed-image-holder,
		&:first-child .suppressed-icon-wrapper{
			margin-top:0;	
		}	*/
}
.marksheet-zoom-holder .marksheet-holder:first-child .marksheet-holder-inner,
.marksheet-zoom-holder .marksheet-holder.suppressed:first-child + .marksheet-holder .marksheet-holder-inner,
.marksheet-zoom-holder .marksheet-holder.suppressed:first-child ~ .suppressed + .marksheet-holder .marksheet-holder-inner {
  margin-top: 0;
}
.marksheet-zoom-holder .marksheet-holder .marksheet-holder-inner,
.marksheet-zoom-holder .marksheet-holder.suppressed:first-child ~ .suppressed ~ .marksheet-holder:not(.suppressed) ~ .marksheet-holder .marksheet-holder-inner {
  margin-top: 3%;
  position: relative;
}
.marksheet-zoom-holder .marksheet-holder.suppressed .marksheet-holder-inner {
  height: 100%;
}
.marksheet-zoom-holder .marksheet-holder:not(.suppressed) + .suppressed .marksheet-holder-inner {
  position: absolute;
  width: 100%;
}
.marksheet-zoom-holder .marksheet-holder:not(.suppressed) + .suppressed:last-child .marksheet-holder-inner {
  position: relative;
}
.marksheet-zoom-holder:not(.zooming) .marksheet-holder,
.thumb-view .marksheet-holder {
  -webkit-transition: width 0.3s, margin-left 0.3s, margin-top 0.3s, flex-basis 0.3s;
  -moz-transition: width 0.3s, margin-left 0.3s, margin-top 0.3s, flex-basis 0.3s;
  -ms-transition: width 0.3s, margin-left 0.3s, margin-top 0.3s, flex-basis 0.3s;
  -o-transition: width 0.3s, margin-left 0.3s, margin-top 0.3s, flex-basis 0.3s;
  transition: width 0.3s, margin-left 0.3s, margin-top 0.3s, flex-basis 0.3s;
}
.marksheet-holder:first-child {
  padding-top: 0;
}
.marksheet-holder.suppressed {
  display: none;
}
.marksheet-holder .marksheet-wrapper {
  position: absolute;
  left: 50%;
  /*margin-top:3%;*/
  overflow: hidden;
  top: 50%;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition: transform 0.3s 0.3s;
}
.iPad.Safari .marksheet-holder .marksheet-wrapper {
  /*image cause when roteate in ipad only*/
  overflow: visible;
}
.marksheet-holder .marksheet-img {
  overflow: hidden;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.Safari .marksheet-holder .marksheet-img {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
.marksheet-holder .marksheet-img img {
  position: absolute;
  image-rendering: -webkit-optimize-contrast;
}
.unstructured .marksheet-holder .marksheet-img img {
  position: relative;
  width: 100%;
}
.marksheet-holder .marksheet-img + .marksheet-img {
  margin-top: 3%;
}
.marksheet-holder .page-number,
.marksheet-holder .file-name {
  bottom: 0;
  font-size: 1.4rem;
  height: 20px;
  margin-top: 5px;
  position: absolute;
  text-align: center;
  /*width:100%;*/
  left: 10px;
  right: 10px;
}
.marksheet-holder .file-name {
  color: #071a2b;
  font-size: 1.066em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.marksheet-holder img,
.marksheet-holder .suppressed-image-holder .suppressed-icon-wrapper {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.marksheet-holder .media-box {
  padding: 0 10px;
}
.marksheet-holder .suppressed-image-holder,
.marksheet-holder .media-box {
  flex: 1 0 0;
  -webkit-flex: 1 0 0;
  /*padding-top:145.2912019826518%;
		position:relative;*/
  height: 100%;
  width: 100%;
}
.Safari .marksheet-holder .suppressed-image-holder,
.Safari .marksheet-holder .media-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.marksheet-holder .suppressed-image-holder .suppressed-icon-wrapper,
.marksheet-holder .media-box .suppressed-icon-wrapper {
  background-color: #f0f1f2;
  position: absolute;
}
.marksheet-holder .suppressed-image-holder .media-img-wraper,
.marksheet-holder .media-box .media-img-wraper {
  border: 1px #b2b2b2 solid;
}
.marksheet-holder .suppressed-image-holder .suppressed-icon-wrapper,
.marksheet-holder .media-box .suppressed-icon-wrapper,
.marksheet-holder .suppressed-image-holder .media-img-wraper,
.marksheet-holder .media-box .media-img-wraper {
  height: 100%;
  left: 0;
  /*	position:absolute;*/
  top: 0;
  width: 100%;
}
.thumb-view .marksheet-holder .suppressed-image-holder,
.thumb-view .marksheet-holder .media-box {
  height: 100%;
}
.thumb-view .marksheet-holder .suppressed-image-holder .suppressed-icon-wrapper,
.thumb-view .marksheet-holder .media-box .suppressed-icon-wrapper {
  left: 10px;
  top: 10px;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  height: -moz-calc(100% - 35px);
  height: -webkit-calc(100% - 35px);
  height: calc(100% - 35px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.thumb-view .marksheet-holder .suppressed-image-holder .media-img-wraper,
.thumb-view .marksheet-holder .media-box .media-img-wraper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.Safari .thumb-view .marksheet-holder .suppressed-image-holder .media-img-wraper,
.Safari .thumb-view .marksheet-holder .media-box .media-img-wraper {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
}
.marksheet-holder .suppressed-image-holder .media-img-holder,
.marksheet-holder .media-box .media-img-holder {
  /*	position:absolute;
			top:50%;*/
  width: 100%;
  /*.vendorize(transform,translate(0%,-50%));*/
}
.marksheet-holder .suppressed-image-holder .media-img-holder .Safari,
.marksheet-holder .media-box .media-img-holder .Safari {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  -o-align-self: center;
  align-self: center;
}
.marksheet-holder .suppressed-image-holder .media-img-holder .svg-media-ico,
.marksheet-holder .media-box .media-img-holder .svg-media-ico {
  height: 60px;
}
.marksheet-holder .suppressed-image-holder .media-img-holder .svg-media-ico .svg-icon,
.marksheet-holder .media-box .media-img-holder .svg-media-ico .svg-icon {
  color: #a2a4a8;
  height: 41px;
  fill: #a2a4a8;
  width: 60px;
}
.marksheet-holder .suppressed-image-holder .suppressed-icon-holder,
.marksheet-holder .media-box .suppressed-icon-holder {
  left: 50%;
  max-width: 260px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 32.09876543%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.marksheet-holder .suppressed-image-holder .suppressed-icon-holder .eye-icon-large,
.marksheet-holder .media-box .suppressed-icon-holder .eye-icon-large {
  background-size: cover;
  height: auto;
  opacity: 0.1;
  padding-top: 75.64102564%;
  width: 100%;
}
.marksheet-holder .suppressed-image-holder .suppressed-icon-holder .suppressed-text,
.marksheet-holder .media-box .suppressed-icon-holder .suppressed-text {
  color: #b2b2b2;
  display: inline-block;
  font-size: 1em;
  left: 50%;
  margin-top: 10%;
  min-width: 100%;
  position: relative;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  /*.page-view-4 &{
					min-width:131%;
				}*/
}
.messaging .thumb-view .marksheet-holder .suppressed-image-holder .suppressed-icon-holder .suppressed-text,
.messaging .thumb-view .marksheet-holder .media-box .suppressed-icon-holder .suppressed-text {
  font-size: 1vw;
}
.messaging .thumb-view.page-view-1 .marksheet-holder .suppressed-image-holder .suppressed-icon-holder .suppressed-text,
.messaging .thumb-view.page-view-1 .marksheet-holder .media-box .suppressed-icon-holder .suppressed-text {
  font-size: 2vw;
}
.thumb-view .marksheet-holder .suppressed-image-holder .suppressed-icon-holder .suppressed-text,
.thumb-view .marksheet-holder .media-box .suppressed-icon-holder .suppressed-text {
  font-size: 1.5vw;
}
.page-view-1.thumb-view .marksheet-holder .suppressed-image-holder .suppressed-icon-holder .suppressed-text,
.page-view-1.thumb-view .marksheet-holder .media-box .suppressed-icon-holder .suppressed-text {
  font-size: 2.5vw;
}
.annotation-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.thumb-view .annotation-overlay {
  pointer-events: none;
}
.annotation-holder {
  overflow: hidden;
}
.html-response-container .excel-formulabar-blocker,
.html-response-container .excel-row-header-blocker {
  content: "";
  display: block;
  height: 0px;
  left: 0;
  position: absolute;
  top: 0px;
}
.html-response-container .excel-formulabar-blocker {
  width: -moz-calc(100% + 2px);
  width: -webkit-calc(100% + 2px);
  width: calc(100% + 2px);
}
.html-response-container .excel-row-header-blocker {
  height: 100%;
  width: 0px;
}
.html-content-wrapper {
  height: 100%;
  position: relative;
}
.touch-device .html-content-wrapper {
  overflow: hidden;
}
.annotation-holder {
  background-color: rgba(255, 255, 255, 0);
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  /*.closed-response &,
		.messaging:not(.minimized) &{
			pointer-events:none;
			
			.svg-icon,
			.txt-icon{
				pointer-events:auto;
			}
		}*/
}
.annotation-holder .subscript {
  font-size: 10px;
}
.annotating ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-holder .annotation-wrap.dragging:not(.inactive):not(.previous) {
  display: block;
}
.marksheets-inner.thumb-view .annotation-holder {
  bottom: 25px;
  left: 10px;
  right: 10px;
  top: auto;
}
.thumb-view.page-view-1 .annotation-holder {
  stroke-width: 0.2vw;
}
.thumb-view.page-view-2 .annotation-holder {
  stroke-width: 0.1vw;
}
.thumb-view.page-view-4 .annotation-holder {
  stroke-width: 0.05vw;
}
.annotation-drop-holder {
  cursor: default;
  left: 50%;
  position: absolute;
  top: 50%;
  height: -moz-calc(100% + 2px);
  height: -webkit-calc(100% + 2px);
  height: calc(100% + 2px);
  width: -moz-calc(2 * (100% + 2px));
  width: -webkit-calc(2 * (100% + 2px));
  width: calc(2 * (100% + 2px));
  /*width:200%;*/
  padding-top: -moz-calc(100% + 4px);
  padding-top: -webkit-calc(100% + 4px);
  padding-top: calc(100% + 4px);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
.cursor-txt-icon ~ .marksheets .annotation-drop-holder {
  padding-top: -moz-calc(68% + 4px);
  padding-top: -webkit-calc(68% + 4px);
  padding-top: calc(68% + 4px);
}
.annotation-wrap {
  border: 1px dashed transparent;
  display: block;
  left: 0;
  padding: 1px;
  position: absolute;
  top: 0;
  width: 4%;
  color: #e31111;
  fill: currentColor;
  transform-style: flat;
  -ms-touch-action: none;
  /*Fix fo  touch is not working on Surface -IE*/
  /*-webkit-backface-visibility: hidden; /*Fix for element bluring on applying translate*/
  /* -webkit-transform: translateZ(0) scale(1.0, 1.0);*/
  /*.vendorize(transform,translate3d(0,0,0));*/
  -webkit-transition: border-color 0.3s, transform 0.3s;
  -moz-transition: border-color 0.3s, transform 0.3s;
  -ms-transition: border-color 0.3s, transform 0.3s;
  -o-transition: border-color 0.3s, transform 0.3s;
  transition: border-color 0.3s, transform 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  /*&:not(.dynamic){			
			.vendorize(transform;translate(-50%,-50%));
		}*/
}
.html-response-container .annotation-wrap.static.text {
  width: 36px;
  height: 24.48px;
}
.annotation-wrap.static:not(.text) {
  width: 2.4%;
  /*.svg-icon{
				margin-left:unit(@offset,%);
				margin-top:unit(@offset,%);
				padding-top:unit(100-@offset,%);				
			}*/
}
.html-response-container .annotation-wrap.static:not(.text) {
  width: 21.6px;
}
.html-response-container .annotation-wrap.static:not(.text) .svg-icon > svg,
.html-response-container .annotation-wrap.static:not(.text):before {
  height: 32px;
  left: -5.2px;
  top: -5.2px;
  width: 32px;
}
.annotation-wrap.static:not(.text) .svg-icon > svg {
  height: unset;
  left: 0;
  pointer-events: none;
  top: -14%;
  width: 100%;
}
.annotation-wrap.static:not(.text):before {
  border: 1px dashed transparent;
  content: "";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  -webkit-transition: border-color 0.3s, transform 0.3s;
  -moz-transition: border-color 0.3s, transform 0.3s;
  -ms-transition: border-color 0.3s, transform 0.3s;
  -o-transition: border-color 0.3s, transform 0.3s;
  transition: border-color 0.3s, transform 0.3s;
}
.annotation-wrap.seen {
  width: 4%;
}
.annotation-wrap.line {
  padding: 0.15%;
  /*.horizontal{
				.vendorize(tranform,translateY(-50%));	
			}*/
}
.touch-device .annotation-wrap.line .hit-area {
  display: block;
  position: absolute;
}
.touch-device .annotation-wrap.line.horizontal .hit-area {
  height: 300%;
  left: 0%;
  top: -100%;
  width: 100%;
}
.touch-device .annotation-wrap.line.vertical .hit-area {
  height: 100%;
  left: -100%;
  top: 0;
  width: 300%;
}
.annotation-wrap.line.wavy.horizontal {
  height: 0;
  padding: 0;
  padding-top: 0.8%;
}
.annotation-wrap.line.wavy.vertical {
  min-width: 4px;
  padding: 0;
  padding-left: 0.6%;
  width: 0;
}
.annotation-wrap.line.horizontal:not(.wavy) {
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.annotation-wrap.ellipse,
.annotation-wrap.hit-area-enabled {
  pointer-events: none;
}
.annotation-wrap.ellipse .resizer,
.annotation-wrap.hit-area-enabled .resizer {
  pointer-events: auto;
}
.annotation-wrap.comment.open {
  z-index: 999;
}
.annotation-wrap.vertical.line {
  width: auto;
}
.annotation-wrap .resizer {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.annotation-wrap.inactive {
  /*opacity:0.4;	*/
  /*pointer-events:none;*/
  /*removing to fix inactive static annotation ovelaping allowed  with active static annotation*/
  -webkit-touch-callout: none;
  /* iOS Safari */
  /*&:after {
				background: white;
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				opacity: 0.4;
				width: 100%;
				height: 100%;
				z-index:1;
			}*/
}
.annotation-wrap.comment {
  cursor: pointer;
  /*&:hover,
			&.open{
				border:1px dashed @lochmara;						
			}*/
}
.annotation-wrap.static:not(.text) .hit-area {
  fill: transparent;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).inactive,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).inactive {
  cursor: default;
}
header:not(.no-drop) ~ .content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.ellipse):not(.comment):not(.hit-area-enabled),
header:not(.no-drop) ~ .content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.ellipse):not(.comment):not(.hit-area-enabled),
header:not(.no-drop) ~ .content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.ellipse):not(.comment):not(.hit-area-enabled),
header:not(.no-drop) ~ .content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.ellipse):not(.comment):not(.hit-area-enabled),
header:not(.no-drop) ~ .content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .ellipse-area,
header:not(.no-drop) ~ .content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .ellipse-area,
header:not(.no-drop) ~ .content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .line-hit-area,
header:not(.no-drop) ~ .content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .line-hit-area,
header:not(.no-drop) ~ .content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.ellipse).comment.dragging,
header:not(.no-drop) ~ .content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.ellipse).comment.dragging {
  cursor: move;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).static:not(.text) use,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).static:not(.text) use,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).static:not(.text) .hit-area,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).static:not(.text) .hit-area {
  pointer-events: auto;
}
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).no-drop,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).no-drop,
.content-wrapper .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).no-drop,
.content-wrapper .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).no-drop {
  cursor: no-drop;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-l,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-l,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-r,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-r {
  top: -moz-calc(50% - 5px);
  top: -webkit-calc(50% - 5px);
  top: calc(50% - 5px);
  /*@media(max-width:1024px){
						&{
							.calc-fn(top,"50% - 4px");
						}
					}
					@media(max-width:800px){
						&{
							.calc-fn(top,"50% - 3px");
						}
					}*/
}
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-l,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-l,
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-r,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-r {
  top: -moz-calc(50% - 20px);
  top: -webkit-calc(50% - 20px);
  top: calc(50% - 20px);
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-t,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-t,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-b,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-b {
  left: -moz-calc(50% - 5px);
  left: -webkit-calc(50% - 5px);
  left: calc(50% - 5px);
  /*@media(max-width:1024px){
						&{
							.calc-fn(left,"50% - 4px");
						}
					}
					@media(max-width:800px){
						&{
							.calc-fn(left,"50% - 3px");
						}
					}*/
}
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-t,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-t,
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-b,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-b {
  left: -moz-calc(50% - 20px);
  left: -webkit-calc(50% - 20px);
  left: calc(50% - 20px);
}
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.text:not(.no-border),
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.text:not(.no-border),
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.text:not(.no-border),
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.text:not(.no-border),
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.text:not(.no-border),
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.text:not(.no-border),
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.text:not(.no-border),
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.text:not(.no-border),
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.text:not(.no-border),
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.text:not(.no-border),
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover:not(.text):not(.no-border):before,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover:not(.text):not(.no-border):before,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover:not(.text):not(.no-border):before,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover:not(.text):not(.no-border):before,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover:not(.text):not(.no-border):before,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover:not(.text):not(.no-border):before,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover:not(.text):not(.no-border):before,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover:not(.text):not(.no-border):before,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open:not(.text):not(.no-border):before,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open:not(.text):not(.no-border):before {
  border: 1px dashed #0075cd;
}
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resizer,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resizer,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resizer,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resizer,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resizer,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resizer,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resizer,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resizer,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open .resizer,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open .resizer {
  opacity: 1;
}
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-tl,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-tl,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-tl,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-tl,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-tl,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-tl,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-tl,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-tl,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open .resize-tl,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open .resize-tl,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-tr,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-tr,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-tr,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-tr,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-tr,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-tr,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-tr,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-tr,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open .resize-tr,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open .resize-tr,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-br,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-br,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-br,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-br,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-br,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-br,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-br,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-br,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open .resize-br,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open .resize-br,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-bl,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-bl,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-bl,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover .resize-bl,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-bl,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-bl,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-bl,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover .resize-bl,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open .resize-bl,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open .resize-bl,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-l,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-l,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-l,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-l,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-l,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-l,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-l,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-l,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.dynamic.line .resize-l,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.dynamic.line .resize-l,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-r,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-r,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-r,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-r,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-r,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-r,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-r,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-r,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.dynamic.line .resize-r,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.dynamic.line .resize-r,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-t,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-t,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-t,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-t,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-t,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-t,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-t,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-t,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.dynamic.line .resize-t,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.dynamic.line .resize-t,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-b,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-b,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-b,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.line .resize-b,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-b,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-b,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-b,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.line .resize-b,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.dynamic.line .resize-b,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.dynamic.line .resize-b,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.arrow-tool .resize-tail,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.arrow-tool .resize-tail,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.arrow-tool .resize-tail,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.arrow-tool .resize-tail,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.arrow-tool .resize-tail,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.arrow-tool .resize-tail,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.arrow-tool .resize-tail,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.arrow-tool .resize-tail,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.dynamic.arrow-tool .resize-tail,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.dynamic.arrow-tool .resize-tail,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.arrow-tool .resize-head,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.arrow-tool .resize-head,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.arrow-tool .resize-head,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).hover.dynamic.arrow-tool .resize-head,
.content-wrapper:not(.closed-response).minimized .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.arrow-tool .resize-head,
.content-wrapper:not(.closed-response).minimized .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.arrow-tool .resize-head,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.arrow-tool .resize-head,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous):not(.dynamic):hover.dynamic.arrow-tool .resize-head,
.content-wrapper:not(.closed-response):not(.messaging) .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.dynamic.arrow-tool .resize-head,
.content-wrapper:not(.closed-response):not(.messaging) .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).comment.open.dynamic.arrow-tool .resize-head {
  -webkit-transform: scale(1, 1) rotate(0deg);
  -moz-transform: scale(1, 1) rotate(0deg);
  -ms-transform: scale(1, 1) rotate(0deg);
  -o-transform: scale(1, 1) rotate(0deg);
  transform: scale(1, 1) rotate(0deg);
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).selected,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).selected {
  border: 1px dashed #0075cd;
  cursor: move;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dragging,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dragging {
  border: 1px dashed #0075cd;
  cursor: move;
  display: none;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dragging:not(.dynamic),
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dragging:not(.dynamic) {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: -4px 4px 7px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -4px 4px 7px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: -4px 4px 7px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: -4px 4px 7px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -4px 4px 7px 0px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(4px, -4px);
  -moz-transform: translate(4px, -4px);
  -ms-transform: translate(4px, -4px);
  -o-transform: translate(4px, -4px);
  transform: translate(4px, -4px);
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.ellipse,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.ellipse {
  /*pointer-events:none;*/
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.ellipse .resizer,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.ellipse .resizer {
  pointer-events: auto;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-t,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-t,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-r,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-r,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-b,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-b,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-l,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-l,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-head,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-head,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tail,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tail {
  display: block;
  position: absolute;
  z-index: 2;
  /*background:fade(red,50%);		*/
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-head,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-head,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tail,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tail {
  margin-left: -5px;
  margin-top: -5px;
}
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-head,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-head,
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tail,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tail {
  margin-left: -20px;
  margin-top: -20px;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-l,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-l,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-r,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-r,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-t,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-t,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-b,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-b,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.arrow-tool .resize-head,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.arrow-tool .resize-head,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.arrow-tool .resize-tail,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.arrow-tool .resize-tail {
  display: block;
  height: 10px;
  width: 10px;
  z-index: 3;
  -webkit-transform: scale(0, 0) rotate(-360deg);
  -moz-transform: scale(0, 0) rotate(-360deg);
  -ms-transform: scale(0, 0) rotate(-360deg);
  -o-transform: scale(0, 0) rotate(-360deg);
  transform: scale(0, 0) rotate(-360deg);
  -webkit-transition: transform 0.3s, width 0.3s, height 0.3s;
  -moz-transition: transform 0.3s, width 0.3s, height 0.3s;
  -ms-transition: transform 0.3s, width 0.3s, height 0.3s;
  -o-transition: transform 0.3s, width 0.3s, height 0.3s;
  transition: transform 0.3s, width 0.3s, height 0.3s;
  -ms-transition: none;
  /*removing transition for IE to avoid image bluring issue*/
  /*@media(max-width:1024px){
						&{
							height:8px;
							width:8px;	
						}
					}
					@media(max-width:800px){
						&{
							height:6px;
							width:6px;	
						}
					}*/
}
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl,
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr,
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br,
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl,
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-l,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-l,
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-r,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-r,
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-t,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-t,
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-b,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-b,
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.arrow-tool .resize-head,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.arrow-tool .resize-head,
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.arrow-tool .resize-tail,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.arrow-tool .resize-tail {
  height: 40px;
  width: 40px;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl:after,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl:after,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr:after,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr:after,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br:after,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br:after,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl:after,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl:after,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-l:after,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-l:after,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-r:after,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-r:after,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-t:after,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-t:after,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-b:after,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.line .resize-b:after,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.arrow-tool .resize-head:after,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.arrow-tool .resize-head:after,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.arrow-tool .resize-tail:after,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous).dynamic.arrow-tool .resize-tail:after {
  content: "";
  display: block;
  background-color: #fff;
  border: 1px solid #0075cd;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -moz-calc(50% - 5px);
  left: -webkit-calc(50% - 5px);
  left: calc(50% - 5px);
  top: -moz-calc(50% - 5px);
  top: -webkit-calc(50% - 5px);
  top: calc(50% - 5px);
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-l,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-l,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-r,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-r {
  height: 100%;
  width: 10px;
}
.touch-device :not(.line).stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-l,
.touch-device :not(.line).drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-l,
.touch-device :not(.line).stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-r,
.touch-device :not(.line).drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-r {
  width: 40px;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-t,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-t,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-b,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-b {
  height: 10px;
  width: 100%;
}
.touch-device :not(.line).stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-t,
.touch-device :not(.line).drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-t,
.touch-device :not(.line).stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-b,
.touch-device :not(.line).drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-b {
  height: 40px;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr {
  top: 0;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl {
  left: 0;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br {
  right: 0;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl,
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br {
  bottom: 0;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl {
  left: -5px;
  top: -5px;
}
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tl {
  left: -20px;
  top: -20px;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr {
  right: -5px;
  top: -5px;
}
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-tr {
  right: -20px;
  top: -20px;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl {
  left: -5px;
  bottom: -5px;
}
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-bl {
  left: -20px;
  bottom: -20px;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br {
  right: -5px;
  bottom: -5px;
}
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-br {
  right: -20px;
  bottom: -20px;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-t,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-t {
  top: -5px;
}
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-t,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-t {
  top: -20px;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-r,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-r {
  right: -5px;
}
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-r,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-r {
  right: -20px;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-b,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-b {
  bottom: -5px;
}
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-b,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-b {
  bottom: -20px;
}
.stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-l,
.drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-l {
  left: -5px;
}
.touch-device .stamp-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-l,
.touch-device .drag-cursor-holder:not(.annotating) ~ .marksheets .marksheets-inner:not(.thumb-view) .annotation-wrap:not(.inactive):not(.previous) .resize-l {
  left: -20px;
}
.annotation-wrap svg {
  display: block;
  height: 100%;
  width: 100%;
}
.annotation-wrap svg .ellipse-shape {
  /*cx:50%;
				cy:50%;*/
  fill: none;
  /*rx:50%;
				ry:50%;*/
  stroke: currentColor;
  /*stroke-width:2px;	*/
  /*.calc-fn(rx,"50% - 2px");
				.calc-fn(ry,"50% - 2px");*/
}
.annotation-wrap svg .ellipse-area,
.annotation-wrap svg .line-hit-area {
  pointer-events: auto;
  /*cx:50%;
				cy:50%;
				fill:none;
				rx:50%;
				ry:50%;
				stroke:rgba(0,255,0,0);
				stroke-width:10px;
				
				.calc-fn(rx,"50% - 5px");
				.calc-fn(ry,"50% - 5px");*/
  /*x:0;
				y:0;
				width:100%;
				height:100%;
				fill:blue;
				margin-left:4px;
				margin-top:4px;;
				.calc-fn(height,"100% - 8px");
				.calc-fn(width,"100% - 38px");	*/
}
.touch-device .annotation-wrap svg .ellipse-area,
.touch-device .annotation-wrap svg .line-hit-area {
  pointer-events: all;
}
.annotation-wrap svg .ellipse-area-shape {
  fill: transparent;
}
.annotation-wrap svg .ellipse-area-circle {
  cx: 50%;
  cy: 50%;
  fill: none;
  stroke: transparent;
  stroke-width: 10px;
  rx: -moz-calc(50% - 5px);
  rx: -webkit-calc(50% - 5px);
  rx: calc(50% - 5px);
  ry: -moz-calc(50% - 5px);
  ry: -webkit-calc(50% - 5px);
  ry: calc(50% - 5px);
}
.ellipse.annotation-wrap svg {
  overflow: visible;
}
.ellipse.annotation-wrap svg line,
.line:not(.wavy).annotation-wrap svg line,
.ellipse.annotation-wrap svg .ellipse-shape,
.line:not(.wavy).annotation-wrap svg .ellipse-shape {
  stroke-width: inherit;
}
.line:not(.wavy).annotation-wrap svg {
  overflow: hidden;
}
.line:not(.wavy).annotation-wrap svg line {
  stroke: currentColor;
}
.horizontal.line:not(.wavy).annotation-wrap svg {
  height: 0.15vw;
}
.vertical.line:not(.wavy).annotation-wrap svg {
  width: 0.15vw;
}
.wavy.annotation-wrap svg {
  left: 0;
  overflow: visible;
  position: absolute;
  top: 0;
}
.arrow-tool {
  border: 0 none;
  min-width: 1px;
  min-height: 1px;
  padding: 0;
  z-index: 1;
}
.arrow-tool svg,
.arrow-tool .arrow-line,
.arrow-tool .arrow-head-marker {
  overflow: visible;
}
.arrow-tool .arrow-head {
  stroke-width: 1px;
}
.arrow-tool .arrow-line,
.arrow-tool .arrow-head {
  stroke: currentColor;
}
.arrow-tool .arrow-line {
  stroke-width: inherit;
}
.Chrome.android.touch-device {
  /*this is to fix ellipse stroke cut off issue in android chrome version 16.0.3112*/
}
.Chrome.android.touch-device .ellipse svg {
  transform: none;
}
.Chrome.android.touch-device .ellipse svg .ellipse-shape {
  stroke-dasharray: 50000;
}
.marksheets-inner:not(.thumb-view) {
  /*z-index:24;*/
}
.marksheets-inner:not(.thumb-view) .resize-tl,
.marksheets-inner:not(.thumb-view) .rotate-90 .resize-bl,
.marksheets-inner:not(.thumb-view) .rotate-180 .resize-br,
.marksheets-inner:not(.thumb-view) .rotate-270 .resize-tr {
  cursor: nw-resize;
}
.marksheets-inner:not(.thumb-view) .resize-tr,
.marksheets-inner:not(.thumb-view) .rotate-90 .resize-tl,
.marksheets-inner:not(.thumb-view) .rotate-180 .resize-bl,
.marksheets-inner:not(.thumb-view) .rotate-270 .resize-br {
  cursor: ne-resize;
}
.marksheets-inner:not(.thumb-view) .resize-br,
.marksheets-inner:not(.thumb-view) .rotate-90 .resize-tr,
.marksheets-inner:not(.thumb-view) .rotate-180 .resize-tl,
.marksheets-inner:not(.thumb-view) .rotate-270 .resize-bl {
  cursor: se-resize;
}
.marksheets-inner:not(.thumb-view) .resize-bl,
.marksheets-inner:not(.thumb-view) .rotate-90 .resize-br,
.marksheets-inner:not(.thumb-view) .rotate-180 .resize-tr,
.marksheets-inner:not(.thumb-view) .rotate-270 .resize-tl {
  cursor: sw-resize;
}
.marksheets-inner:not(.thumb-view) .resize-t,
.marksheets-inner:not(.thumb-view) .rotate-90 .resize-l,
.marksheets-inner:not(.thumb-view) .rotate-180 .resize-b,
.marksheets-inner:not(.thumb-view) .rotate-270 .resize-r {
  cursor: n-resize;
}
.marksheets-inner:not(.thumb-view) .resize-r,
.marksheets-inner:not(.thumb-view) .rotate-90 .resize-t,
.marksheets-inner:not(.thumb-view) .rotate-180 .resize-l,
.marksheets-inner:not(.thumb-view) .rotate-270 .resize-b {
  cursor: e-resize;
}
.marksheets-inner:not(.thumb-view) .resize-b,
.marksheets-inner:not(.thumb-view) .rotate-90 .resize-r,
.marksheets-inner:not(.thumb-view) .rotate-180 .resize-t,
.marksheets-inner:not(.thumb-view) .rotate-270 .resize-l {
  cursor: s-resize;
}
.marksheets-inner:not(.thumb-view) .resize-l,
.marksheets-inner:not(.thumb-view) .rotate-90 .resize-b,
.marksheets-inner:not(.thumb-view) .rotate-180 .resize-r,
.marksheets-inner:not(.thumb-view) .rotate-270 .resize-t {
  cursor: w-resize;
}
.wavy-line {
  fill: transparent;
  stroke: currentColor;
  /*stroke-width:2;	*/
  stroke-linecap: round;
}
/*.re-marking{*/
.remark-menu-item {
  white-space: nowrap;
}
.remark-menu-item .comments-radio {
  margin-left: 25px;
  min-width: 58px;
  text-align: center;
  flex: 0 0 auto;
}
.remark-menu-item .comments-radio .label-text {
  width: 0;
  height: 0;
  font-size: 0;
}
.remark-menu-item .comments-radio .radio-ui {
  margin-right: 0;
  margin-left: 4px;
}
.remark-menu-item .toggle-button {
  padding-left: 20px;
}
.label-display-marks {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.label-show-comments,
.label-show-annotations {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.label-show-comments {
  margin-left: 25px;
}
.remark-menu-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
/*}*/
.marking-question-panel {
  background: #fff;
  border-left: 1px solid #c7c7c7;
  /*bottom:0;*/
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  /*overflow:hidden;*/
  /*position:fixed; */
  /*right:@marking-button-width;
	top:@header-height;*/
  height: 100%;
  margin-right: 0;
  /*min-width:@marking-panel-min-width;*/
  padding-right: 5px;
  /*added this style for avoiding mark panel header push to the left while resizing*/
  position: relative;
  /*width:@marking-panel-width;*/
  /*z-index:8;*/
  /*.touch-device &{
		padding-left:10px;
	}*/
  /*.calc-fn(height,"100vh - @{header-height}");*/
  /*Question item indentation*/
}
.marking-question-panel .question-panel-header .annotation-layer-toggle {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.marking-question-panel:not(.resizing) {
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.closed-response .marking-question-panel .question-list .current .question-item .mark-version:not(.cur) {
  margin-top: 9px;
}
.marking-question-panel.show-review-decision-opt.view-comment-reset .active-view-comment {
  margin-top: 0px;
  padding-bottom: 10px;
}
.marking-question-panel.show-review-decision-opt.view-comment-reset .active-question-holder {
  padding-bottom: 0px;
}
.marking-question-panel.show-review-decision-opt .active-view-comment {
  padding-left: 48px;
  font-size: 1.2rem;
  margin-top: 17px;
  text-align: left;
  padding-right: 5px;
}
.marking-question-panel.show-review-decision-opt .active-view-comment .text-link {
  color: #fff;
}
.closed-response .marking-question-panel.show-feedback .active-question,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question {
  min-height: 180px;
}
.closed-response .marking-question-panel.show-feedback .active-question .active-mark-slash,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .active-mark-slash,
.closed-response .marking-question-panel.show-feedback .active-question .active-question-total-mark,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .active-question-total-mark {
  padding: 1px;
}
.closed-response .marking-question-panel.show-feedback .active-question .active-question-mark,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .active-question-mark {
  padding: 2px;
}
.closed-response .marking-question-panel.show-feedback .active-question .active-question-holder,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .active-question-holder {
  padding-left: 14px;
  padding-right: 14px;
}
.closed-response .marking-question-panel.show-feedback .active-question .question-nav,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .question-nav {
  padding: 15px 0;
}
.closed-response .marking-question-panel.show-feedback .active-question .active-range,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .active-range {
  margin-top: 17px;
}
.closed-response .marking-question-panel.show-feedback .active-question .active-view-comment,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .active-view-comment {
  margin-top: 2px;
}
.closed-response .marking-question-panel.show-feedback .active-question .active-range,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .active-range,
.closed-response .marking-question-panel.show-feedback .active-question .active-view-comment,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .active-view-comment {
  font-size: 1.2rem;
  text-align: left;
  padding-left: 14px;
  padding-right: 5px;
}
.closed-response .marking-question-panel.show-feedback .active-question .active-range .text-link,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .active-range .text-link,
.closed-response .marking-question-panel.show-feedback .active-question .active-view-comment .text-link,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .active-view-comment .text-link {
  color: #fff;
}
.closed-response .marking-question-panel.show-feedback .active-question .active-question-wrapper .active-question-text-holder .active-question-text,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .active-question-wrapper .active-question-text-holder .active-question-text {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -o-flex: 1 1 auto;
  flex: 1 1 auto;
}
.closed-response .marking-question-panel.show-feedback .active-question .active-question-wrapper .active-mark,
.closed-response .marking-question-panel.monitor-sample-outcome .active-question .active-question-wrapper .active-mark {
  min-width: inherit;
  width: 66px;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  -o-flex: none;
  flex: none;
  -webkit-display: inline-flex;
  -moz-display: inline-flex;
  -ms-display: inline-flex;
  -o-display: inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
}
.closed-response .marking-question-panel.show-feedback .question-panel .active-question ~ .question-group-align-holder .question-list.current,
.closed-response .marking-question-panel.monitor-sample-outcome .question-panel .active-question ~ .question-group-align-holder .question-list.current {
  height: 180px;
}
.closed-response .marking-question-panel.show-feedback .total-panel .total-panel-holder,
.closed-response .marking-question-panel.monitor-sample-outcome .total-panel .total-panel-holder {
  height: auto;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
}
.closed-response .marking-question-panel.show-feedback .total-panel .total-panel-holder .total-mark-holder,
.closed-response .marking-question-panel.monitor-sample-outcome .total-panel .total-panel-holder .total-mark-holder {
  padding: 0;
}
.monitor-sample-outcome.marking-question-panel .active-question .dropdown-wrap > .menu-button {
  width: 185px;
}
.monitor-sample-outcome.marking-question-panel .active-review-decision {
  width: 75px;
}
.show-review-decision-opt.marking-question-panel .active-review-decision {
  width: 33px;
}
.show-review-decision-opt.marking-question-panel .total-panel,
.monitor-sample-outcome.marking-question-panel .total-panel {
  z-index: 0;
}
.show-review-decision-opt.marking-question-panel .active-question,
.monitor-sample-outcome.marking-question-panel .active-question {
  min-height: 90px;
  height: 161px;
  /*.active-mark-slash,.active-question-total-mark {
				padding: 1px;
			}*/
  /*.active-question-mark {
				padding: 2px;
			}*/
  /* .active-range{
			   font-size: 1.2rem;
			   margin-top:17px;
			   text-align: left;
			   padding-left:49px;
			   padding-right: 5px;
		   }*/
  /*  .active-question-text{
			   .vendorize(flex,1 1 auto);
			   left: 37px;
			}*/
  /*
		   .active-mark{
			   width:66px;
			   .vendorize(flex,none);
			   .vendorize(display,inline-flex);
			}
			*/
}
.show-review-decision-opt.marking-question-panel .active-question .question-nav,
.monitor-sample-outcome.marking-question-panel .active-question .question-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.show-review-decision-opt.marking-question-panel .active-question .select-outcome-wrap,
.monitor-sample-outcome.marking-question-panel .active-question .select-outcome-wrap {
  padding: 15px 0 15px 0px;
}
.show-review-decision-opt.marking-question-panel .active-question .main-decision-wrap,
.monitor-sample-outcome.marking-question-panel .active-question .main-decision-wrap {
  margin-bottom: 22px;
}
.show-review-decision-opt.marking-question-panel .active-question .main-decision-wrap,
.monitor-sample-outcome.marking-question-panel .active-question .main-decision-wrap,
.show-review-decision-opt.marking-question-panel .active-question .select-outcome-wrap,
.monitor-sample-outcome.marking-question-panel .active-question .select-outcome-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.show-review-decision-opt.marking-question-panel .active-question .main-decision-wrap .menu,
.monitor-sample-outcome.marking-question-panel .active-question .main-decision-wrap .menu,
.show-review-decision-opt.marking-question-panel .active-question .select-outcome-wrap .menu,
.monitor-sample-outcome.marking-question-panel .active-question .select-outcome-wrap .menu {
  border-radius: 3px;
  margin-top: 2px;
  padding: 8px;
}
.show-review-decision-opt.marking-question-panel .active-question .main-decision-wrap .menu li,
.monitor-sample-outcome.marking-question-panel .active-question .main-decision-wrap .menu li,
.show-review-decision-opt.marking-question-panel .active-question .select-outcome-wrap .menu li,
.monitor-sample-outcome.marking-question-panel .active-question .select-outcome-wrap .menu li {
  text-align: left;
  white-space: nowrap;
}
.show-review-decision-opt.marking-question-panel .active-question .main-decision-wrap .dropdown-wrap > .menu-button,
.monitor-sample-outcome.marking-question-panel .active-question .main-decision-wrap .dropdown-wrap > .menu-button,
.show-review-decision-opt.marking-question-panel .active-question .select-outcome-wrap .dropdown-wrap > .menu-button,
.monitor-sample-outcome.marking-question-panel .active-question .select-outcome-wrap .dropdown-wrap > .menu-button {
  border-radius: 30px;
  line-height: 1;
  padding: 7px 16px;
}
.show-review-decision-opt.marking-question-panel .active-question .active-review-decision,
.monitor-sample-outcome.marking-question-panel .active-question .active-review-decision {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.show-review-decision-opt.marking-question-panel .question-panel .active-question ~ .question-group-align-holder .question-list.current,
.monitor-sample-outcome.marking-question-panel .question-panel .active-question ~ .question-group-align-holder .question-list.current {
  height: 162px;
}
.show-review-decision-opt.marking-question-panel .total-panel .total-panel-holder,
.monitor-sample-outcome.marking-question-panel .total-panel .total-panel-holder {
  height: auto;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
}
.show-review-decision-opt.marking-question-panel .total-panel .total-panel-holder .total-mark-holder,
.monitor-sample-outcome.marking-question-panel .total-panel .total-panel-holder .total-mark-holder {
  padding: 0;
}
.show-review-decision-opt.show-reset-btn.show-review-decision-opt.marking-question-panel .question-panel .active-question ~ .question-group-align-holder .question-list.current,
.show-review-decision-opt.show-reset-btn.monitor-sample-outcome.marking-question-panel .question-panel .active-question ~ .question-group-align-holder .question-list.current {
  height: 180px;
}
.show-review-decision-opt.show-reset-btn.show-review-decision-opt.marking-question-panel .question-panel .active-question,
.show-review-decision-opt.show-reset-btn.monitor-sample-outcome.marking-question-panel .question-panel .active-question {
  min-height: 180px;
}
.show-review-decision-opt.show-reset-btn.show-review-decision-opt.marking-question-panel .question-panel .active-question .main-decision-wrap,
.show-review-decision-opt.show-reset-btn.monitor-sample-outcome.marking-question-panel .question-panel .active-question .main-decision-wrap {
  margin-bottom: 10px;
}
.marking-question-panel.show-review-decision-opt.show-reset-btn.view-comment-reset .question-panel .active-question ~ .question-group-align-holder .question-list.current {
  height: 198px;
}
.marking-question-panel.show-review-decision-opt.show-reset-btn.view-comment-reset .question-panel .active-question {
  min-height: 198px;
}
.marking-question-panel .question-panel-holder {
  height: 100%;
  left: 5px;
  /*min-width:@marking-panel-min-width;		*/
  position: relative;
  top: 0;
  width: 100%;
  /*added this style for avoiding mark panel header push to the left while resizing, commented above style*/
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  /*.touch-device &{
			left:10px;
			.calc-fn(width,"100% - 10px");
		}*/
}
.marking-question-panel .question-panel-holder .scaler-holder {
  margin-top: -1px;
  min-width: 238px;
  height: 1px;
}
.marking-question-panel .question-panel-holder .scaler-holder .panel-scaler {
  width: 236px;
}
:not(.resizing).marking-question-panel .question-panel-holder .scaler-holder .panel-scaler {
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 240px;
}
.monitor-sample-outcome.marking-question-panel .question-panel-holder .scaler-holder,
.show-review-decision-opt.marking-question-panel .question-panel-holder .scaler-holder {
  min-width: 303px;
}
.monitor-sample-outcome.marking-question-panel .question-panel-holder .btn-left-text,
.show-review-decision-opt.marking-question-panel .question-panel-holder .btn-left-text {
  float: left;
}
.monitor-sample-outcome.marking-question-panel .question-panel-holder .btn-right-arrow,
.show-review-decision-opt.marking-question-panel .question-panel-holder .btn-right-arrow {
  float: right;
  margin-top: 5px;
}
.marking-question-panel .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder {
  margin-top: 2px;
  padding: 0px 15px 0px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.marking-question-panel .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder .ms-easy-nav-icon {
  color: transparent;
  opacity: 0.9;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  margin-right: 15px;
  height: 20px;
  width: 20px;
  position: relative;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.marking-question-panel .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder .ms-easy-nav-icon:hover {
  opacity: 1;
}
.marking-question-panel .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder .ms-easy-nav-icon.disabled {
  opacity: 0.6;
}
.marking-question-panel .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder .menu-arrow-icon {
  left: 5.5px;
  position: absolute;
  top: 8.5px;
}
.marking-question-panel .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder .ms-easy-nav-holder {
  margin-top: 6px;
}
.marking-question-panel .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder .collapse-link,
.marking-question-panel .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder .expand-link {
  color: #fff;
}
.marking-question-panel .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder .menu-arrow-icon.up {
  left: 4.5px;
  transform: rotate(180deg);
  top: 7.8px;
}
.marking-question-panel .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder .expand-link-wrapper,
.marking-question-panel .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder .collapase-link-wrapper {
  margin-left: auto;
}
.marking-question-panel .question-panel-holder .time-spend-holder,
.marking-question-panel .question-panel-holder .msc-nav-panel-holder {
  background-color: #00345a;
  height: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.marking-question-panel .question-panel-holder .time-spend-holder .time-text,
.marking-question-panel .question-panel-holder .msc-nav-panel-holder .time-text {
  color: #fff;
}
.marking-question-panel .question-panel-holder .time-spend-holder .time-text.warning,
.marking-question-panel .question-panel-holder .msc-nav-panel-holder .time-text.warning {
  color: #ed9c00;
}
.marking-question-panel .question-panel-holder .time-spend-holder .time-spend-icon,
.marking-question-panel .question-panel-holder .msc-nav-panel-holder .time-spend-icon {
  margin-right: 10px;
}
.marking-question-panel .question-panel-holder .time-spend-holder .message-box.float-msg.show,
.marking-question-panel .question-panel-holder .msc-nav-panel-holder .message-box.float-msg.show {
  right: 102%;
  z-index: 152;
  width: 355px;
  bottom: auto;
  top: 40px;
}
.marking-question-panel .question-panel-holder .time-spend-holder .top.message-box.callout:after,
.marking-question-panel .question-panel-holder .msc-nav-panel-holder .top.message-box.callout:after,
.marking-question-panel .question-panel-holder .time-spend-holder .top.message-box.callout:before,
.marking-question-panel .question-panel-holder .msc-nav-panel-holder .top.message-box.callout:before {
  border-width: 12px 12px 12px 0px;
  border-color: transparent #0078d4 transparent transparent;
  right: -13px;
  bottom: auto;
  top: 20px;
  transform: rotate(-180deg);
  left: auto;
}
.marking-question-panel .question-panel-holder.current-item-only .question-list:not(.current) > .question-item > .question-mark {
  display: none;
}
.marking-question-panel .question-panel-holder.current-item-only .total-panel .total-mark-holder .total-marks {
  opacity: 0;
}
.marking-question-panel .question-panel {
  color: #071a2b;
  flex: 1;
  -webkit-flex: 1;
  overflow: hidden;
  position: relative;
  /*z-index:26;*/
}
.marking-question-panel .question-panel .question-list.expandable > .question-group {
  overflow: hidden;
}
.collapse-all.marking-question-panel .question-panel .question-list.expandable > .question-group {
  overflow: visible;
}
.marking-question-panel .question-panel .question-list.expandable.close > .question-group {
  /*margin-left:10px;*/
  max-height: 0;
}
.marking-question-panel .question-panel .open.question-list > .question-group {
  display: block;
  height: auto;
  max-height: 20000px;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: expand-vertical-inline 0.3s;
  -moz-animation: expand-vertical-inline 0.3s;
  -ms-animation: expand-vertical-inline 0.3s;
  -o-animation: expand-vertical-inline 0.3s;
  animation: expand-vertical-inline 0.3s;
  /*.expandVertical(@comp-anim-duration,2000px);*/
  /*.vendorize(animation-fill-mode,forwards);*/
}
@-moz-keyframes expand-vertical-inline {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
}
@-webkit-keyframes expand-vertical-inline {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
}
@keyframes expand-vertical-inline {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
}
.marking-question-panel .question-panel .close.question-list > .question-group {
  display: block;
  height: auto;
  max-height: 150px;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: collapseVertical 0.3s;
  -moz-animation: collapseVertical 0.3s;
  -ms-animation: collapseVertical 0.3s;
  -o-animation: collapseVertical 0.3s;
  animation: collapseVertical 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes collapseVertical {
  0% {
    display: block;
  }
  99% {
    max-height: 0;
    padding: 0;
    display: block;
  }
  100% {
    max-height: 0;
    padding: 0;
    display: none;
    margin: 0;
    border: 0 none;
    z-index: -1;
    visibility: hidden;
  }
}
@-webkit-keyframes collapseVertical {
  0% {
    display: block;
  }
  99% {
    max-height: 0;
    padding: 0;
    display: block;
  }
  100% {
    max-height: 0;
    padding: 0;
    display: none;
    margin: 0;
    border: 0 none;
    z-index: -1;
    visibility: hidden;
  }
}
@keyframes collapseVertical {
  0% {
    display: block;
  }
  99% {
    max-height: 0;
    padding: 0;
    display: block;
  }
  100% {
    max-height: 0;
    padding: 0;
    display: none;
    margin: 0;
    border: 0 none;
    z-index: -1;
    visibility: hidden;
  }
}
.marking-question-panel .question-panel .question-list {
  height: auto;
  min-height: 32px;
  -webkit-transition: min-height 0.15s;
  -moz-transition: min-height 0.15s;
  -ms-transition: min-height 0.15s;
  -o-transition: min-height 0.15s;
  transition: min-height 0.15s;
}
.marking-question-panel .question-panel .question-list .question-item {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.marking-question-panel .question-panel .question-list .question-item .question-text {
  display: block;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  overflow: hidden;
  margin-right: 5px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.marking-question-panel .question-panel .question-list.unassigned-question-sel {
  border: 1px dotted #00345a;
}
.marking-question-panel .question-panel .active-question ~ .question-group-align-holder .question-list {
  /*&.open{
					
			}*/
  /*&.has-sub>.question-item,
			&.has-sub.open:last-child>.question-item{				
				border-bottom:1px solid @border-grey;								
			}
			&.has-sub>.question-item{
				border-top:1px solid fade @border-grey;			
				font-weight:bold;
			}
			&.has-sub:last-child>.question-item,
			&.has-sub:last-child.open>.question-group{
				border-bottom:0 none;
			}
			&.has-sub.open>.question-group{
				border-bottom:1px solid @border-grey;	
			}
			&.has-sub+.has-sub>.question-item,
			&.has-sub:first-child>.question-item{
				border-top:0 none;	
			}*/
}
.marking-question-panel .question-panel .active-question ~ .question-group-align-holder .question-list.current {
  background-color: rgba(0, 0, 0, 0.03);
  height: 150px;
}
.closed-response .marking-question-panel .question-panel .active-question ~ .question-group-align-holder .question-list.current,
.messaging:not(.minimized) .marking-question-panel .question-panel .active-question ~ .question-group-align-holder .question-list.current {
  height: 150px;
}
.marking-question-panel .question-panel .active-question ~ .question-group-align-holder .question-list.current .question-item {
  position: relative;
}
.marking-question-panel .question-panel .active-question ~ .question-group-align-holder .question-list.current .question-item .question-text,
.marking-question-panel .question-panel .active-question ~ .question-group-align-holder .question-list.current .question-item .question-mark .mark-version.cur {
  opacity: 0;
}
.marking-question-panel .question-panel .active-question ~ .question-group-align-holder .question-list.current .question-item .mark-version:not(.cur) {
  padding-top: 25px;
}
.marking-question-panel .question-panel .question-list > .marked-question.question-item {
  /*color:@azure;*/
  color: #707070;
  position: relative;
  /*background-color:@grey-f3;*/
  /*.question-text:before{
				
				content:"";
				left:-1000px;				
				position:absolute;	
				right:0;
				height:100%;
				z-index:1;
			}*/
}
.marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  background-color: #f3f3f3;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.closed-response .marking-question-panel .question-panel .question-list > .marked-question.question-item:after {
  background-color: transparent;
  pointer-events: none;
}
.marking-question-panel .question-panel .expandable.question-list.has-sub > .question-item:before,
.collapse-all.marking-question-panel .question-panel .question-list.has-sub.expandable > .question-item:before {
  content: "";
  display: inline-block;
  margin-left: -8px;
  z-index: 2;
  border-width: 4px 7px;
  border-style: solid;
  border-color: rgba(59, 80, 98, 0.8);
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-width: 0;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.marking-question-panel .question-panel .expandable.close.question-list.has-sub > .question-item:before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.expand-all.marking-question-panel .question-panel .question-list.has-sub.expandable > .question-item:before {
  border-width: 4px 7px;
  border-style: solid;
  border-color: rgba(59, 80, 98, 0);
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-width: 0;
}
.collapse-all.marking-question-panel .question-panel .question-list.has-sub.expandable.freeze.open > .question-item:before {
  border-width: 4px 7px;
  border-style: solid;
  border-color: rgba(59, 80, 98, 0);
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-width: 0;
}
.marking-question-panel .question-panel .question-mark {
  position: relative;
  flex: 0 0  auto;
  -webkit-flex: 0 0  auto;
  white-space: nowrap;
  /*width:42px;*/
  z-index: 2;
  /*.mark,.mark-total{
				display:inline-block;
				width:20px;	
			}*/
}
.marking-question-panel .question-panel .question-mark .cur .mark {
  text-align: right;
}
.marking-question-panel .question-panel .expandable > .question-item > .question-text {
  margin-left: 13px;
  position: relative;
  z-index: 3;
}
.marking-question-panel .question-panel .question-group-align-holder {
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.marking-question-panel .question-panel .question-group-align-holder:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.marking-question-panel .question-panel .active-question ~ .question-group-align-holder {
  top: 50%;
}
.marking-question-panel .question-panel .question-group-container {
  /*background-color:@pure-white;	*/
  display: block;
  /*padding-left:16px;
			padding-right:16px;*/
  -webkit-transition: top 0.3s, transform 0.3s;
  -moz-transition: top 0.3s, transform 0.3s;
  -ms-transition: top 0.3s, transform 0.3s;
  -o-transition: top 0.3s, transform 0.3s;
  transition: top 0.3s, transform 0.3s;
}
.closed-response .marking-question-panel .question-panel .question-group-container,
.messaging:not(.minimized) .marking-question-panel .question-panel .question-group-container {
  -webkit-transform: translateY(-56px);
  -moz-transform: translateY(-56px);
  -ms-transform: translateY(-56px);
  -o-transform: translateY(-56px);
  transform: translateY(-56px);
}
.marking-question-panel .question-panel .question-group-container.no-animation {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.marking-question-panel .question-panel .question-group-container > .question-list {
  padding-left: 0;
}
.active-question ~ .question-group-align-holder .marking-question-panel .question-panel .question-group-container {
  -webkit-transform: translateY(-76px);
  -moz-transform: translateY(-76px);
  -ms-transform: translateY(-76px);
  -o-transform: translateY(-76px);
  transform: translateY(-76px);
}
.marking-question-panel.show-review-decision-opt .active-question {
  top: -moz-calc(50% - 84px);
  top: -webkit-calc(50% - 84px);
  top: calc(50% - 84px);
}
.content-wrapper .marking-question-panel.monitor-sample-outcome.show-review-decision-opt .active-question {
  height: 206px;
}
.content-wrapper .marking-question-panel.monitor-sample-outcome.show-review-decision-opt .active-question ~ .question-group-align-holder .question-list.current {
  height: 206px ;
}
.content-wrapper .marking-question-panel.monitor-sample-outcome.show-review-decision-opt.show-error .active-question ~ .question-group-align-holder .question-list.current {
  height: 150px ;
}
.content-wrapper .marking-question-panel.monitor-sample-outcome.show-review-decision-opt.show-add-and-error .active-question ~ .question-group-align-holder .question-list.current {
  height: 172px ;
}
.marking-question-panel.show-review-decision-opt .marking-error-indicator,
.marking-question-panel.show-review-decision-opt .marking-details {
  text-align: left;
}
.marking-question-panel.show-review-decision-opt .marking-error-indicator {
  padding: 10px 0px 0px 14px;
}
.marking-question-panel.show-review-decision-opt .marking-error-indicator .marking-error-text {
  margin-left: 5px;
}
.marking-question-panel.show-review-decision-opt .marking-details {
  padding: 10px 0px 0px 14px;
}
.marking-question-panel.show-review-decision-opt .marking-details .marking-details-link {
  text-decoration: underline;
  color: #fff;
  font-size: 1.2rem;
}
.closed-response .marking-question-panel.show-review-decision-opt .active-question {
  height: 150px;
  top: -moz-calc(50% - 75px);
  top: -webkit-calc(50% - 75px);
  top: calc(50% - 75px);
}
.closed-response .marking-question-panel.show-review-decision-opt .active-question ~ .question-group-align-holder .question-list.current {
  height: 150px;
}
.closed-response .marking-question-panel.show-review-decision-opt .active-question .select-outcome {
  text-align: left;
  margin-left: -30px;
}
.marking-question-panel .active-question {
  position: absolute;
  top: -moz-calc(50% - 75px);
  top: -webkit-calc(50% - 75px);
  top: calc(50% - 75px);
}
.marking-question-panel .unassigned-value {
  font-size: 18px;
}
.marking-question-panel .active-question,
.marking-question-panel .unassigned-marks {
  background-color: #00345a;
  color: #fff;
  height: 150px;
  text-align: center;
  width: 100%;
  /*z-index:28;*/
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.closed-response .marking-question-panel .active-question,
.closed-response .marking-question-panel .unassigned-marks,
.messaging:not(.minimized) .marking-question-panel .active-question,
.messaging:not(.minimized) .marking-question-panel .unassigned-marks {
  height: 150px;
  top: -moz-calc(50% - 75px);
  top: -webkit-calc(50% - 75px);
  top: calc(50% - 75px);
}
.marking-question-panel .active-question .active-mark-slash,
.marking-question-panel .unassigned-marks .active-mark-slash {
  display: inline-block;
  margin: 0 0 0 5px;
  vertical-align: middle;
}
.closed-response .marking-question-panel .active-question .active-mark-slash,
.closed-response .marking-question-panel .unassigned-marks .active-mark-slash,
.messaging:not(.minimized) .marking-question-panel .active-question .active-mark-slash,
.messaging:not(.minimized) .marking-question-panel .unassigned-marks .active-mark-slash {
  margin: 0;
}
.marking-question-panel .active-question .active-question-mark,
.marking-question-panel .unassigned-marks .active-question-mark {
  background-color: #e9f7ff;
  border: 0 none;
  border-radius: 2px;
  color: #000;
  display: inline-block;
  font-size: 1.6rem;
  height: 28px;
  line-height: 0;
  padding: 5px;
  text-align: right;
  vertical-align: middle;
  width: 50px;
}
.unassigned-marks-panel.marking-question-panel .active-question .active-question-mark,
.unassigned-marks-panel.marking-question-panel .unassigned-marks .active-question-mark,
.closed-response .marking-question-panel .active-question .active-question-mark,
.closed-response .marking-question-panel .unassigned-marks .active-question-mark,
.mark-by-annotation .marking-question-panel .active-question .active-question-mark:not(input),
.mark-by-annotation .marking-question-panel .unassigned-marks .active-question-mark:not(input),
.messaging:not(.minimized) .marking-question-panel .active-question .active-question-mark,
.messaging:not(.minimized) .marking-question-panel .unassigned-marks .active-question-mark {
  background-color: transparent;
  color: #fff;
  cursor: default;
  height: auto;
  line-height: normal;
  padding: 0;
}
.marking-question-panel .active-question .active-question-total-mark,
.marking-question-panel .unassigned-marks .active-question-total-mark,
.marking-question-panel .active-question .mark,
.marking-question-panel .unassigned-marks .mark {
  vertical-align: middle;
}
.marking-question-panel .active-question .top-arrow-blue + .top-arrow-blue,
.marking-question-panel .unassigned-marks .top-arrow-blue + .top-arrow-blue {
  margin-top: -5px;
}
.marking-question-panel .active-question .bottom-arrow-blue + .bottom-arrow-blue,
.marking-question-panel .unassigned-marks .bottom-arrow-blue + .bottom-arrow-blue {
  margin-top: -5px;
}
.marking-question-panel .active-question .question-nav,
.marking-question-panel .unassigned-marks .question-nav {
  border-right: 1px solid rgba(0, 117, 205, 0.6);
  clear: both;
  display: block;
  float: left;
  height: 25%;
  padding: 8px 0;
  width: 36px;
  border-bottom: 1px solid rgba(0, 117, 205, 0.6);
  /*&.next-question-btn{
				border-bottom:1px solid @border-grey;
			}*/
}
.closed-response .marking-question-panel .active-question .question-nav,
.closed-response .marking-question-panel .unassigned-marks .question-nav,
.messaging:not(.minimized) .marking-question-panel .active-question .question-nav,
.messaging:not(.minimized) .marking-question-panel .unassigned-marks .question-nav {
  padding: 8px 0;
}
.marking-question-panel .active-question .question-nav:hover,
.marking-question-panel .unassigned-marks .question-nav:hover {
  background-color: #003e6e;
}
.marking-question-panel .active-question .question-nav.prev-question-btn,
.marking-question-panel .unassigned-marks .question-nav.prev-question-btn,
.marking-question-panel .active-question .question-nav.next-question-btn,
.marking-question-panel .unassigned-marks .question-nav.next-question-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.marking-question-panel .active-question .question-nav .top-arrow-blue,
.marking-question-panel .unassigned-marks .question-nav .top-arrow-blue,
.marking-question-panel .active-question .question-nav .bottom-arrow-blue,
.marking-question-panel .unassigned-marks .question-nav .bottom-arrow-blue {
  height: 11px;
  width: 16px;
}
.marking-question-panel .active-question .question-nav.disabled,
.marking-question-panel .unassigned-marks .question-nav.disabled {
  opacity: 1;
}
.marking-question-panel .active-question .question-nav.disabled .sprite-icon,
.marking-question-panel .unassigned-marks .question-nav.disabled .sprite-icon {
  opacity: 0.4;
}
.marking-question-panel .active-question .unassigned-mark-section,
.marking-question-panel .unassigned-marks .unassigned-mark-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.marking-question-panel .active-question .unassigned-mark-section .unassigned-marks-text,
.marking-question-panel .unassigned-marks .unassigned-mark-section .unassigned-marks-text {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.marking-question-panel .active-question .unassigned-mark-section .unassigned-marks-value,
.marking-question-panel .unassigned-marks .unassigned-mark-section .unassigned-marks-value {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  margin-right: 15px;
}
.marking-question-panel .active-question .active-question-wrapper,
.marking-question-panel .unassigned-marks .active-question-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.marking-question-panel .active-question .active-question-wrapper,
.marking-question-panel .unassigned-marks .active-question-wrapper,
.marking-question-panel .active-question .unassigned-marks-wrapper,
.marking-question-panel .unassigned-marks .unassigned-marks-wrapper {
  background-color: #00345a;
  padding: 16px 0;
  height: 100%;
}
.closed-response .marking-question-panel .active-question .active-question-wrapper,
.closed-response .marking-question-panel .unassigned-marks .active-question-wrapper,
.closed-response .marking-question-panel .active-question .unassigned-marks-wrapper,
.closed-response .marking-question-panel .unassigned-marks .unassigned-marks-wrapper,
.monitor-sample-outcome.marking-question-panel .active-question .active-question-wrapper,
.monitor-sample-outcome.marking-question-panel .unassigned-marks .active-question-wrapper,
.monitor-sample-outcome.marking-question-panel .active-question .unassigned-marks-wrapper,
.monitor-sample-outcome.marking-question-panel .unassigned-marks .unassigned-marks-wrapper,
.show-feedback.marking-question-panel .active-question .active-question-wrapper,
.show-feedback.marking-question-panel .unassigned-marks .active-question-wrapper,
.show-feedback.marking-question-panel .active-question .unassigned-marks-wrapper,
.show-feedback.marking-question-panel .unassigned-marks .unassigned-marks-wrapper,
.messaging:not(.minimized) .marking-question-panel .active-question .active-question-wrapper,
.messaging:not(.minimized) .marking-question-panel .unassigned-marks .active-question-wrapper,
.messaging:not(.minimized) .marking-question-panel .active-question .unassigned-marks-wrapper,
.messaging:not(.minimized) .marking-question-panel .unassigned-marks .unassigned-marks-wrapper {
  padding: 22px 0;
}
.marking-question-panel .active-question .active-question-wrapper .unassigned-marks-text,
.marking-question-panel .unassigned-marks .active-question-wrapper .unassigned-marks-text,
.marking-question-panel .active-question .unassigned-marks-wrapper .unassigned-marks-text,
.marking-question-panel .unassigned-marks .unassigned-marks-wrapper .unassigned-marks-text {
  color: #fff;
  padding-left: 16px;
  padding-bottom: 6px;
  text-align: left;
}
.marking-question-panel .active-question .active-question-holder,
.marking-question-panel .unassigned-marks .active-question-holder {
  padding-bottom: 16px;
  padding-right: 11px;
  text-align: right;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.closed-response .marking-question-panel .active-question .active-question-holder,
.closed-response .marking-question-panel .unassigned-marks .active-question-holder,
.messaging:not(.minimized) .marking-question-panel .active-question .active-question-holder,
.messaging:not(.minimized) .marking-question-panel .unassigned-marks .active-question-holder {
  padding-bottom: 0;
}
.marking-question-panel .active-question .active-question-holder .question-link,
.marking-question-panel .unassigned-marks .active-question-holder .question-link {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  right: 6px;
  vertical-align: middle;
}
.marking-question-panel .active-question .active-question-text-holder,
.marking-question-panel .unassigned-marks .active-question-text-holder {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.marking-question-panel .active-question .active-question-text-holder .active-question-text,
.marking-question-panel .unassigned-marks .active-question-text-holder .active-question-text {
  left: 0;
  position: absolute;
  width: 100%;
}
.marking-question-panel .active-question .active-question-text,
.marking-question-panel .unassigned-marks .active-question-text {
  cursor: default;
  display: inline-block;
  overflow: hidden;
  padding-right: 5px;
  padding-top: 4px;
  position: absolute;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  /*width:40%;*/
}
.marking-question-panel .active-question .active-feedback-notification,
.marking-question-panel .unassigned-marks .active-feedback-notification {
  display: inline-flex;
  width: 20px;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  -o-flex: none;
  flex: none;
  padding: 3px 0px;
}
.marking-question-panel .active-question .active-question-text,
.marking-question-panel .unassigned-marks .active-question-text,
.marking-question-panel .active-question .active-mark,
.marking-question-panel .unassigned-marks .active-mark {
  display: inline-block;
}
.marking-question-panel .active-question .active-mark,
.marking-question-panel .unassigned-marks .active-mark {
  font-size: 1.6rem;
  /*min-width:76px;*/
  min-width: 77px;
  text-align: left;
  padding-right: 2px;
  white-space: nowrap;
}
.marking-question-panel .active-question .active-question-button-holder,
.marking-question-panel .unassigned-marks .active-question-button-holder {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.marking-question-panel .active-question .active-question-button-holder .unassign-btn,
.marking-question-panel .unassigned-marks .active-question-button-holder .unassign-btn {
  margin-right: 5px;
}
.marking-question-panel .active-question .active-question-button-holder .unassign-btn,
.marking-question-panel .unassigned-marks .active-question-button-holder .unassign-btn,
.marking-question-panel .active-question .active-question-button-holder .reset-btn,
.marking-question-panel .unassigned-marks .active-question-button-holder .reset-btn {
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  -o-flex: none;
  flex: none;
}
.marking-question-panel .active-question .active-question-button-holder .unassign-btn + .reset-btn,
.marking-question-panel .unassigned-marks .active-question-button-holder .unassign-btn + .reset-btn {
  margin-left: 10px;
  margin-right: 0;
}
.monitor-sample-outcome.marking-question-panel .active-question .active-question-button-holder .nr-btn-holder,
.monitor-sample-outcome.marking-question-panel .unassigned-marks .active-question-button-holder .nr-btn-holder {
  padding-left: 37px;
}
.marking-question-panel .active-question .active-question-holder,
.marking-question-panel .unassigned-marks .active-question-holder,
.marking-question-panel .active-question .active-question-button-holder,
.marking-question-panel .unassigned-marks .active-question-button-holder,
.marking-question-panel .active-question .unassigned-marks-button-holder,
.marking-question-panel .unassigned-marks .unassigned-marks-button-holder {
  padding-left: 10px;
}
.marking-question-panel .active-question .active-question-button-holder,
.marking-question-panel .unassigned-marks .active-question-button-holder,
.marking-question-panel .active-question .unassigned-marks-button-holder,
.marking-question-panel .unassigned-marks .unassigned-marks-button-holder {
  min-height: 35px;
  padding-right: 13px;
  text-align: right;
  white-space: nowrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.marking-question-panel .active-question .reset-btn,
.marking-question-panel .unassigned-marks .reset-btn {
  margin-left: auto;
  min-width: 80px;
}
.messaging:not(.minimized) .marking-question-panel .active-question .reset-btn,
.messaging:not(.minimized) .marking-question-panel .unassigned-marks .reset-btn {
  display: none;
}
.marking-question-panel .active-question .nr-button,
.marking-question-panel .unassigned-marks .nr-button {
  color: #fff;
  border-radius: 50%;
  min-width: auto;
  width: 35px;
  height: 35px;
  padding: 8px 0;
}
.marking-question-panel .active-question .nr-button.invalid,
.marking-question-panel .unassigned-marks .nr-button.invalid {
  text-shadow: 1px 0px 0px #ffffff, -1px 0px 0px #ffffff, -1px 1px 0px #ffffff, 1px 1px 0px #ffffff, -1px -1px 0px #ffffff, 1px -1px 0px #ffffff;
  background-image: linear-gradient(135deg, #707070 25%, #ffffff00 25%, #ffffff00 50%, #707070 50%, #707070 75%, #ffffff00 75%);
  background-size: 4px 4px;
  background-color: #fff;
  border: 1px solid #707070;
  color: #000000;
  cursor: default;
}
.marking-question-panel .active-question .nr-button.invalid-but-used,
.marking-question-panel .unassigned-marks .nr-button.invalid-but-used {
  background-color: #707070;
  color: #ffffff;
  cursor: default;
}
.marking-question-panel .active-question .nr-button.invalid-but-used:hover,
.marking-question-panel .unassigned-marks .nr-button.invalid-but-used:hover,
.marking-question-panel .active-question .nr-button.invalid-but-used:focus,
.marking-question-panel .unassigned-marks .nr-button.invalid-but-used:focus {
  background-color: #707070;
  color: #ffffff;
  cursor: default;
}
.marking-question-panel .active-question .active-mark > .mark + .active-mark-slash,
.marking-question-panel .unassigned-marks .active-mark > .mark + .active-mark-slash {
  margin-left: 2px;
}
.marking-question-panel .active-question .nr-btn-holder,
.marking-question-panel .unassigned-marks .nr-btn-holder,
.marking-question-panel .active-question .reset-btn-holder,
.marking-question-panel .unassigned-marks .reset-btn-holder {
  display: inline-block;
  vertical-align: middle;
}
.marking-question-panel .active-question .reset-btn-holder,
.marking-question-panel .unassigned-marks .reset-btn-holder {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.marking-question-panel .active-question .nr-btn-holder + .reset-btn-holder,
.marking-question-panel .unassigned-marks .nr-btn-holder + .reset-btn-holder {
  padding-left: 10px;
}
.marking-question-panel .question-panel-header,
.marking-question-panel .mark-range-holder {
  padding: 10px 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.marking-question-panel .question-panel-header.time-spend-panel {
  padding-bottom: 0;
}
.marking-question-panel .question-panel-header,
.marking-question-panel .total-panel {
  position: relative;
}
.marking-question-panel .question-panel-header.inside-row,
.marking-question-panel .total-panel.inside-row {
  padding-bottom: 0px;
}
.closed-response .marking-question-panel.unassigned-marks-panel .active-question .question-nav {
  padding: 17px 0px;
}
.marking-question-panel .total-panel {
  border-top-width: 1px;
  border-top-style: solid;
  padding: 10px 0px 10px 16px;
  z-index: 153;
  text-align: center;
}
.marking-question-panel .total-panel .judgement-holder {
  margin-right: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.marking-question-panel .total-panel .judgement-holder .judgement-icon.disabled-icon {
  opacity: 0.4;
  cursor: default;
}
.marking-question-panel .total-panel .judgement-holder .judgement-icon.disabled-icon:focus {
  outline: none;
}
.prevent-marking-overlay.show ~ .marking-question-panel .total-panel {
  z-index: 10;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status,
.content-wrapper .marking-question-panel .total-panel.inside-row,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large {
  /*to over ride .closed-response class*/
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .total-panel-holder,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .total-panel-holder,
.content-wrapper .marking-question-panel .total-panel.inside-row .total-panel-holder,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .total-panel-holder {
  height: auto;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder {
  padding-bottom: 8px;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.mark-as-definitive-holder,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.mark-as-definitive-holder,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.mark-as-definitive-holder,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.mark-as-definitive-holder,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.mark-as-definitive-holder,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.mark-as-definitive-holder,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.mark-as-definitive-holder,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.mark-as-definitive-holder,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.add-category-holder,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.add-category-holder,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.add-category-holder,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.add-category-holder,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.add-category-holder,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.add-category-holder,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.add-category-holder,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.add-category-holder {
  margin-left: 0px;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.mark-as-definitive-holder .menu,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.mark-as-definitive-holder .menu,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.mark-as-definitive-holder .menu,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.mark-as-definitive-holder .menu,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.mark-as-definitive-holder .menu,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.mark-as-definitive-holder .menu,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.mark-as-definitive-holder .menu,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.mark-as-definitive-holder .menu,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.add-category-holder .menu,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.add-category-holder .menu,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.add-category-holder .menu,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.add-category-holder .menu,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.add-category-holder .menu,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.add-category-holder .menu,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.add-category-holder .menu,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.add-category-holder .menu {
  min-width: 0px;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.mark-as-definitive-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.mark-as-definitive-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.mark-as-definitive-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.mark-as-definitive-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.mark-as-definitive-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.mark-as-definitive-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.mark-as-definitive-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.mark-as-definitive-holder .menu-button {
  padding: 5px 12px;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder .menu-button,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder .menu-button {
  border-radius: 30px;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder .menu-button.disabled:hover,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder .menu-button.disabled:hover,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder .menu-button.disabled:hover,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder .menu-button.disabled:hover,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder .menu-button.disabled:hover,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder .menu-button.disabled:hover,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder .menu-button.disabled:hover,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder .menu-button.disabled:hover,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder .menu-button.disabled:focus,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder .menu-button.disabled:focus,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder .menu-button.disabled:focus,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder .menu-button.disabled:focus,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder .menu-button.disabled:focus,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder .menu-button.disabled:focus,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder .menu-button.disabled:focus,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder .menu-button.disabled:focus,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder .menu-button.disabled:active,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder .menu-button.disabled:active,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder .menu-button.disabled:active,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder .menu-button.disabled:active,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder .menu-button.disabled:active,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder .menu-button.disabled:active,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder .menu-button.disabled:active,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder .menu-button.disabled:active {
  background: none;
  border: 1px solid #b2b2b2;
  color: #b2b2b2;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder .menu,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder .menu,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder .menu,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder .menu,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder .menu,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder .menu,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder .menu,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder .menu {
  left: 50%;
  width: 201px;
  max-width: 201px;
  margin-left: -100px;
  right: 50%;
  text-align: left;
  padding: 16px;
  min-width: -moz-calc(100% + 40px);
  min-width: -webkit-calc(100% + 40px);
  min-width: calc(100% + 40px);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder .button,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder .button,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder .button,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder .button,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder .button,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder .button,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder .button,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder .button {
  padding: 3px 12px;
  margin: 0 auto;
  max-width: 98%;
  min-height: 43px;
  width: 157px;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder .supervisor-selcted,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder .supervisor-selcted,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder .supervisor-selcted,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder .supervisor-selcted,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder .supervisor-selcted,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder .supervisor-selcted,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder .supervisor-selcted,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder .supervisor-selcted,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder .footer-button-selected,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder .footer-button-selected,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder .footer-button-selected,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder .footer-button-selected,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder .footer-button-selected,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder .footer-button-selected,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder .footer-button-selected,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder .footer-button-selected {
  display: block;
  vertical-align: inherit;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .menu-button:hover,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .menu-button:hover,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .menu-button:hover,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .menu-button:hover,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .menu-button:hover,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .menu-button:hover,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .menu-button:hover,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .menu-button:hover {
  border: 1px solid #b2b2b2;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .ms-footer-menu {
  width: 130px;
  max-height: -moz-calc(100vh - 150px);
  max-height: -webkit-calc(100vh - 150px);
  max-height: calc(100vh - 150px);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  margin-bottom: 1px;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .ms-footer-menu li {
  padding: 0 0;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .supervisor-select-options li a,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .supervisor-select-options li a,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .supervisor-select-options li a,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .supervisor-select-options li a,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .supervisor-select-options li a,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .supervisor-select-options li a,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .supervisor-select-options li a,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .supervisor-select-options li a,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .ms-footer-menu li a,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .ms-footer-menu li a,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .ms-footer-menu li a,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .ms-footer-menu li a,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .ms-footer-menu li a,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .ms-footer-menu li a,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .ms-footer-menu li a,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .ms-footer-menu li a {
  padding: 8px 12px;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .supervisor-select-options li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .supervisor-select-options li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .supervisor-select-options li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .supervisor-select-options li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .supervisor-select-options li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .supervisor-select-options li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .supervisor-select-options li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .supervisor-select-options li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .ms-footer-menu li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .ms-footer-menu li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .ms-footer-menu li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .ms-footer-menu li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .ms-footer-menu li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .ms-footer-menu li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .ms-footer-menu li a.band-menu-items,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .ms-footer-menu li a.band-menu-items {
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
}
@media only screen and (max-height: 768px) {
  .iPad .content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .supervisor-select-options,
  .iPad .content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .supervisor-select-options,
  .iPad .content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .supervisor-select-options,
  .iPad .content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .supervisor-select-options,
  .iPad .content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .supervisor-select-options,
  .iPad .content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .supervisor-select-options,
  .iPad .content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .supervisor-select-options,
  .iPad .content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .supervisor-select-options,
  .iPad .content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .ms-footer-menu,
  .iPad .content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .ms-footer-menu,
  .iPad .content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .ms-footer-menu,
  .iPad .content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .ms-footer-menu,
  .iPad .content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .ms-footer-menu,
  .iPad .content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .ms-footer-menu,
  .iPad .content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .ms-footer-menu,
  .iPad .content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .ms-footer-menu {
    max-height: -moz-calc(100vh - 150px);
    max-height: -webkit-calc(100vh - 150px);
    max-height: calc(100vh - 150px);
  }
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .ms-footer-menu,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .ms-footer-menu {
  margin-left: 0;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .supervisor-select-options,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .supervisor-select-options {
  margin-left: 5px;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .ms-footer-menu.copy-mark-options,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .ms-footer-menu.copy-mark-options,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .ms-footer-menu.copy-mark-options,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .ms-footer-menu.copy-mark-options,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .ms-footer-menu.copy-mark-options,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .ms-footer-menu.copy-mark-options,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .ms-footer-menu.copy-mark-options,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .ms-footer-menu.copy-mark-options {
  width: 175px;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder.white-dropdown .ms-footer-menu.copy-mark-options .copy-mark-item,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder.white-dropdown .ms-footer-menu.copy-mark-options .copy-mark-item,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder.white-dropdown .ms-footer-menu.copy-mark-options .copy-mark-item,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder.white-dropdown .ms-footer-menu.copy-mark-options .copy-mark-item,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder.white-dropdown .ms-footer-menu.copy-mark-options .copy-mark-item,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder.white-dropdown .ms-footer-menu.copy-mark-options .copy-mark-item,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder.white-dropdown .ms-footer-menu.copy-mark-options .copy-mark-item,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder.white-dropdown .ms-footer-menu.copy-mark-options .copy-mark-item {
  overflow-wrap: break-word;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder .supervisor-select-options li,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder .ms-footer-menu li,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder .ms-footer-menu li {
  padding: 9px 0;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder .select-to-mark,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder .select-to-mark,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder .select-to-mark,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder .select-to-mark,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder .select-to-mark,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder .select-to-mark,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder .select-to-mark,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder .select-to-mark,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .supervisor-sampling-holder .category-btn,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .supervisor-sampling-holder .category-btn,
.content-wrapper .marking-question-panel .total-panel.inside-row .supervisor-sampling-holder .category-btn,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .supervisor-sampling-holder .category-btn,
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .ms-footer-button-holder .category-btn,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .ms-footer-button-holder .category-btn,
.content-wrapper .marking-question-panel .total-panel.inside-row .ms-footer-button-holder .category-btn,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .ms-footer-button-holder .category-btn {
  min-width: 131px;
  width: auto;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .re-mark-decision,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .re-mark-decision,
.content-wrapper .marking-question-panel .total-panel.inside-row .re-mark-decision,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .re-mark-decision {
  padding-bottom: 0;
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .re-mark-decision .menu-callout,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .re-mark-decision .menu-callout,
.content-wrapper .marking-question-panel .total-panel.inside-row .re-mark-decision .menu-callout,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .re-mark-decision .menu-callout {
  bottom: 45px;
  left: 50%;
  margin-left: -10px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.content-wrapper .marking-question-panel .total-panel.re-mark-decision-holder .re-mark-decision .menu,
.content-wrapper .marking-question-panel .total-panel.supervisor-sampling-status .re-mark-decision .menu,
.content-wrapper .marking-question-panel .total-panel.inside-row .re-mark-decision .menu,
.content-wrapper .marking-question-panel .total-panel.ms-footer-large .re-mark-decision .menu {
  width: 350px;
  text-align: left;
  max-width: 350px;
  margin-left: 0;
  margin-bottom: 10px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.marking-question-panel .total-panel .setreview-btn-holder,
.marking-question-panel .total-panel .feedback-btn-holder,
.marking-question-panel .total-panel .return-supervisor-btn-holder {
  padding-top: 10px;
  margin-right: 11px;
  display: inline-block;
  text-align: center;
}
.marking-question-panel .total-panel .select-mark-btn-holder {
  padding-top: 0px;
  position: relative;
  display: inline-block;
  text-align: left;
}
.marking-question-panel .total-panel .select-mark-btn-holder .select-to-mark {
  width: 131px;
}
.marking-question-panel .total-panel .complete-button-holder {
  padding-bottom: 5px;
  padding-top: 10px;
  margin-right: 15px;
  text-align: right;
}
.marking-question-panel .total-panel .set-reviewed,
.marking-question-panel .total-panel .return-to-examiner {
  min-width: 150px;
  white-space: normal;
}
.marking-question-panel .total-panel .category-btn,
.marking-question-panel .total-panel .mark-as-definitive-dropdown .menu-button {
  border-radius: 30px;
}
.marking-question-panel .total-panel .category-btn .footer-button-selected {
  display: block;
}
.marking-question-panel .total-panel .mark-range {
  font-size: 1.2rem;
  text-align: left;
  margin: 8px 70px 2px 0;
  white-space: nowrap;
}
.marking-question-panel .total-panel .mark-range .count-num {
  color: #071a2b;
  font-size: 1.4rem;
}
.marking-question-panel .total-panel .tolerance-text {
  margin-left: 24px;
}
.marking-question-panel .total-panel .total-panel-holder {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  /*.vendorize(flex-wrap,wrap-reverse);*/
}
.allow-complete.marking-question-panel .total-panel .total-panel-holder,
.closed-response .allow-feedback.marking-question-panel .total-panel .total-panel-holder,
.closed-response .allow-set-as-review.marking-question-panel .total-panel .total-panel-holder {
  height: auto;
}
.marking-question-panel .total-panel .total-panel-holder .total-grade-label {
  display: block;
  color: #707070;
  font-size: 1.2rem;
  margin-right: 15px;
}
.marking-question-panel .total-panel .total-panel-holder .total-grades {
  float: left;
  font-size: 1.4rem;
  text-align: right;
  font-weight: 700;
}
.marking-question-panel .total-panel .submit-holder {
  /*margin-top:15px;*/
  text-align: left;
  position: relative;
  margin-right: 4px;
}
.marking-question-panel .total-panel .submit-holder .submit-mark {
  min-width: 75px;
}
.marking-question-panel .total-panel .submit-holder.def-mark .message-box {
  width: 500px;
  left: -152%;
}
.marking-question-panel .total-panel .submit-holder.def-mark .message-box.callout {
  bottom: 110%;
}
.marking-question-panel .total-panel .eur-reason-holder,
.marking-question-panel .total-panel .not-annotated-holder {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  padding: 8px 10px;
  position: static;
  width: 35px;
  text-align: right;
  display: flex;
}
.marking-question-panel .total-panel .eur-reason-holder.button-holder,
.marking-question-panel .total-panel .not-annotated-holder.button-holder {
  width: auto;
}
.marking-question-panel .total-panel .eur-reason-holder .eur-reason-link,
.marking-question-panel .total-panel .not-annotated-holder .eur-reason-link {
  text-align: left;
}
.marking-question-panel .total-panel .eur-reason-holder .eur-reason-link.not-annotated,
.marking-question-panel .total-panel .not-annotated-holder .eur-reason-link.not-annotated {
  height: 20px;
}
.marking-question-panel .total-panel .eur-reason-holder .eur-reason-link.not-able-link,
.marking-question-panel .total-panel .not-annotated-holder .eur-reason-link.not-able-link {
  height: 20px;
}
.marking-question-panel .total-panel .eur-reason-holder .eur-reason-label,
.marking-question-panel .total-panel .not-annotated-holder .eur-reason-label {
  padding-bottom: 10px;
}
.marking-question-panel .total-panel .eur-reason-holder .menu,
.marking-question-panel .total-panel .not-annotated-holder .menu {
  left: 0;
  max-width: 285px;
  min-width: 0;
  padding: 10px;
  text-align: left;
  width: 100%;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.marking-question-panel .total-panel .eur-reason-holder .menu .eur-edit-input,
.marking-question-panel .total-panel .not-annotated-holder .menu .eur-edit-input {
  min-height: 150px;
  width: 100%;
  resize: none;
}
.marking-question-panel .total-panel .eur-reason-holder .menu-callout,
.marking-question-panel .total-panel .not-annotated-holder .menu-callout {
  top: 0;
  left: 23px;
}
.marking-question-panel .total-panel .submit-holder:not(.hide) ~ .eur-reason-holder .menu-callout,
.marking-question-panel .total-panel .mark-percentage-holder:not(.hide) ~ .eur-reason-holder .menu-callout {
  left: 101px;
}
.marking-question-panel .total-panel .supervisor-sampling-holder .supervisor-sampling-text {
  white-space: nowrap;
}
.marking-question-panel .total-panel.btn-column-holder {
  display: flex;
  flex-direction: column;
}
.marking-question-panel .question-panel-header,
.marking-question-panel .total-panel,
.marking-question-panel .active-question {
  border-color: rgba(0, 0, 0, 0.1);
}
.marking-question-panel .question-panel-header {
  border-bottom-width: 1px;
  border-style: solid;
}
.marking-question-panel .question-panel-header .annotation-toggle-holder .annotation-toggle {
  text-align: left;
}
.marking-question-panel .question-panel-header .mark-by-holder,
.marking-question-panel .question-panel-header .annotation-toggle-holder,
.marking-question-panel .question-panel-header .toggle-comment-holder {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  min-height: 44px;
  padding-right: 10px;
}
.marking-question-panel .question-panel-header .mark-by-holder .mark-by-label,
.marking-question-panel .question-panel-header .annotation-toggle-holder .mark-by-label,
.marking-question-panel .question-panel-header .toggle-comment-holder .mark-by-label {
  color: #707070;
  float: left;
  font-size: 13px;
}
.marking-question-panel .question-panel-header .mark-by-holder .mark-by-menu,
.marking-question-panel .question-panel-header .annotation-toggle-holder .mark-by-menu,
.marking-question-panel .question-panel-header .toggle-comment-holder .mark-by-menu {
  clear: both;
  display: block;
  float: left;
  /*.menu{
					left:-8px;	
				}*/
}
.marking-question-panel .question-panel-header .mark-by-holder .mark-by-menu .menu-button,
.marking-question-panel .question-panel-header .annotation-toggle-holder .mark-by-menu .menu-button,
.marking-question-panel .question-panel-header .toggle-comment-holder .mark-by-menu .menu-button {
  padding: 0;
  padding-bottom: 5px;
}
.marking-question-panel .question-panel-header .mark-by-holder .mark-by-menu .menu-button:hover,
.marking-question-panel .question-panel-header .annotation-toggle-holder .mark-by-menu .menu-button:hover,
.marking-question-panel .question-panel-header .toggle-comment-holder .mark-by-menu .menu-button:hover {
  border-color: transparent;
}
.marking-question-panel .question-panel-header .mark-by-holder .mark-by-menu .menu-button .menu-arrow-icon,
.marking-question-panel .question-panel-header .annotation-toggle-holder .mark-by-menu .menu-button .menu-arrow-icon,
.marking-question-panel .question-panel-header .toggle-comment-holder .mark-by-menu .menu-button .menu-arrow-icon {
  margin-left: 3px;
}
.marking-question-panel .question-panel-header .mark-by-holder .mark-by-menu.open .menu-button,
.marking-question-panel .question-panel-header .annotation-toggle-holder .mark-by-menu.open .menu-button,
.marking-question-panel .question-panel-header .toggle-comment-holder .mark-by-menu.open .menu-button {
  background-color: transparent;
  color: #000;
}
.marking-question-panel .question-panel-header .mark-by-holder .mark-by-menu.open .menu-button .menu-arrow-icon,
.marking-question-panel .question-panel-header .annotation-toggle-holder .mark-by-menu.open .menu-button .menu-arrow-icon,
.marking-question-panel .question-panel-header .toggle-comment-holder .mark-by-menu.open .menu-button .menu-arrow-icon {
  background-position: -27px -18px;
}
.marking-question-panel .question-panel-header .mark-by-holder .mark-by-btn,
.marking-question-panel .question-panel-header .annotation-toggle-holder .mark-by-btn,
.marking-question-panel .question-panel-header .toggle-comment-holder .mark-by-btn {
  color: #707070;
  display: inline-block;
  background-color: #f0f1f2;
  border: 1px solid #f0f1f2;
  padding: 8px;
  text-decoration: none;
}
.marking-question-panel .question-panel-header .mark-by-holder .mark-by-btn + .mark-by-btn,
.marking-question-panel .question-panel-header .annotation-toggle-holder .mark-by-btn + .mark-by-btn,
.marking-question-panel .question-panel-header .toggle-comment-holder .mark-by-btn + .mark-by-btn {
  border-left: 0 none;
}
.marking-question-panel .question-panel-header .mark-by-holder .mark-by-btn.active,
.marking-question-panel .question-panel-header .annotation-toggle-holder .mark-by-btn.active,
.marking-question-panel .question-panel-header .toggle-comment-holder .mark-by-btn.active {
  background-color: #fff;
  color: #071a2b;
  cursor: default;
}
.marking-question-panel .question-panel-header .toggle-comment-holder .toggle-button,
.marking-question-panel .question-panel-header .annotation-toggle .toggle-button,
.marking-question-panel .question-panel-header .tolerance-toggle .toggle-button {
  /*padding-top:2px;*/
  margin-top: -2px;
}
.marking-question-panel .question-panel-header .comment-toggle-label,
.marking-question-panel .question-panel-header .annotation-layer-toggle .annotation-toggle-label {
  color: #707070;
  font-size: 1.3rem;
}
.marking-question-panel .question-panel-header .annotation-toggle,
.marking-question-panel .question-panel-header .tolerance-toggle {
  text-align: right;
}
.marking-question-panel .question-panel-header .annotation-toggle .annotation-toggle-label,
.marking-question-panel .question-panel-header .tolerance-toggle .annotation-toggle-label,
.marking-question-panel .question-panel-header .annotation-toggle .tolerance-toggle-label,
.marking-question-panel .question-panel-header .tolerance-toggle .tolerance-toggle-label {
  color: #707070;
  font-size: 1.3rem;
}
.marking-question-panel .question-panel-header .annotation-toggle .toggle-button,
.marking-question-panel .question-panel-header .tolerance-toggle .toggle-button,
.marking-question-panel .question-panel-header .filter-previous-mark .toggle-button,
.marking-question-panel .question-panel-header .toggle-comment-holder .toggle-button {
  color: #e31111;
}
.marking-question-panel .question-panel-header .annotation-toggle .toggle-button.secondary,
.marking-question-panel .question-panel-header .tolerance-toggle .toggle-button.secondary,
.marking-question-panel .question-panel-header .filter-previous-mark .toggle-button.secondary,
.marking-question-panel .question-panel-header .toggle-comment-holder .toggle-button.secondary {
  color: #808080;
}
.marking-question-panel .question-panel-header .filter-previous-mark {
  text-align: right;
  margin-right: 0;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu {
  display: inline-block;
  text-align: left;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .menu-button:hover {
  border-color: transparent;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .people-icon {
  margin-right: 3px;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.open .menu-button .menu-arrow-icon {
  background-position: -27px -18px;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.open .menu-button {
  background-color: transparent;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .menu {
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  min-width: 274px;
  padding: 15px;
  z-index: 250;
  max-height: -moz-calc(100vh - 108px);
  max-height: -webkit-calc(100vh - 108px);
  max-height: calc(100vh - 108px);
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu.align-right .menu {
  right: -16px;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .remark-menu-header {
  border-bottom: 1px solid #e5e5e5;
  color: #707070;
  font-size: 1.3rem;
  padding-bottom: 10px;
  white-space: nowrap;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .remark-menu-content {
  padding: 10px 0 0 0;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .remark-menu-item {
  clear: both;
  min-height: 32px;
  padding: 5px;
  /*padding-right:45px;*/
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .remark-menu-item:hover {
  background-color: #f0f1f2;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .remark-menu-item .remark-label {
  flex: 1 1 auto;
  padding-left: 22px;
  padding-right: 10px;
  position: relative;
  white-space: nowrap;
  -webkit-flex: 1 1 auto;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .remark-menu-item .remark-label:before {
  left: 0;
  position: absolute;
  top: 4px;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .remark-menu-item .toggle-button {
  margin-left: auto;
  /*position:absolute;
						right:0;
						top:4px;*/
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .remark-menu-item .remark-label:before {
  content: '';
  display: inline-block;
  width: 13px;
  margin-right: 8px;
  margin-top: -2px;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .checkbox ~ .toggle-button,
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .checkbox ~ .comments-radio {
  visibility: hidden;
}
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .checkbox:checked ~ .toggle-button,
.marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .checkbox:checked ~ .comments-radio {
  visibility: visible;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.3s;
  -moz-animation: fade-in 0.3s;
  -ms-animation: fade-in 0.3s;
  -o-animation: fade-in 0.3s;
  animation: fade-in 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.iPad .marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .checkbox:checked ~ .toggle-button,
.iPad .marking-question-panel .question-panel-header .filter-previous-mark .remark-menu .checkbox:checked ~ .comments-radio {
  animation: none;
}
.marking-question-panel .dropdown-wrap.mark-by-menu > .menu {
  background-color: #fff;
  padding: 0 20px;
  border-top: 1px #f0f1f2 solid;
  left: -15px;
  top: 4px;
  min-width: 140px;
}
.marking-question-panel .dropdown-wrap.mark-by-menu > .menu > li {
  border: none 0 ;
  padding: 10px 0 12px;
}
.marking-question-panel .total-mark-holder {
  display: inline-block;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  padding: 8px 0px;
  vertical-align: middle;
}
.closed-response .marking-question-panel .total-mark-holder {
  display: block;
}
.marking-question-panel .total-mark-holder .total-marks-label,
.marking-question-panel .total-mark-holder .total-marks {
  display: block;
  font-size: 1.4rem;
  text-align: right;
}
.marking-question-panel .total-mark-holder .total-marks-label {
  color: #707070;
  font-size: 1.2rem;
  margin-right: 15px;
}
.marking-question-panel .total-mark-holder .marks-obtained {
  display: inline-block;
  text-align: right;
  /*width:30px;*/
}
.marking-question-panel .submit-holder {
  min-width: 75px;
}
.marking-question-panel .submit-holder,
.marking-question-panel .mark-percentage-holder {
  display: inline-block;
  padding: 8px 0px;
  text-align: left;
  vertical-align: middle;
}
.marking-question-panel .submit-holder.hide,
.marking-question-panel .mark-percentage-holder.hide {
  display: none;
}
.progressing-mark {
  display: block;
}
.progressing-mark:after {
  content: "...";
  display: block;
}
.resizing:before {
  content: "";
  position: absolute;
  z-index: 131;
}
.marking-question-panel.resizing:before {
  height: 100%;
  right: 100%;
  width: 250px;
}
.offpage-comment-container.resizing:before {
  bottom: 100%;
  height: 250px;
  width: 100%;
}
.enhanced.offpage-comment-container.resizing:before {
  bottom: auto;
  top: 100%;
}
.panel-resizer {
  /*border-left:1px solid @border-grey;*/
  cursor: col-resize;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
  /*& + .response-message {
      padding-left:5px;
    }*/
}
body:not(.touch-device) .panel-resizer {
  background-color: #fff;
}
.panel-resizer:before {
  border-right: 1px solid #e5e5e5;
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.touch-device .panel-resizer:before {
  bottom: 15px;
  right: 10px;
  width: 100%;
}
.horizontal.panel-resizer:before {
  border-right: 0 none;
  border-bottom: 1px solid #e5e5e5;
  height: 5px;
  right: 0;
  width: 100%;
}
.align-bottom.horizontal.panel-resizer:before {
  border-top: 1px solid #e5e5e5;
  border-bottom: 0 none;
}
.touch-device .horizontal.panel-resizer:before {
  bottom: 15px;
  top: 15px;
  background-color: #fff;
}
.touch-device .align-bottom.horizontal.panel-resizer:before {
  top: 10px;
}
.panel-resizer:after {
  content: "";
  height: 100%;
  left: auto;
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 0;
  width: 5px;
}
.horizontal.panel-resizer:after {
  height: 5px;
  right: 0;
  top: 0px;
  width: 100%;
}
.touch-device .horizontal.panel-resizer:after {
  top: 15px;
}
.touch-device .align-bottom.horizontal.panel-resizer:after {
  top: 10px;
}
.touch-device .panel-resizer:after {
  right: 10px;
}
.touch-device .panel-resizer {
  width: 30px;
  left: -15px;
  overflow: hidden;
}
.horizontal.panel-resizer {
  border-right: 0;
  /*border-bottom:1px solid @border-grey;*/
  cursor: row-resize;
  height: 5px;
  width: 100%;
  z-index: 6;
}
.touch-device .horizontal.panel-resizer {
  height: 30px;
  left: 0;
  top: -15px;
  z-index: 150;
}
.touch-device .horizontal.panel-resizer.align-bottom {
  bottom: -15px;
}
.horizontal.panel-resizer.align-bottom {
  border-bottom: 0 none;
  bottom: 0px;
  top: auto;
}
.resizing .panel-resizer:after,
body:not(.touch-device) .panel-resizer:hover:after {
  background-color: #e9f7ff;
  border-left: 1px dashed #0092ff;
  border-right: 1px dashed #0092ff;
}
.resizing .panel-resizer .resizer-icon-holder,
body:not(.touch-device) .panel-resizer:hover .resizer-icon-holder {
  display: none;
}
.resizing .horizontal.panel-resizer:after,
body:not(.touch-device) .horizontal.panel-resizer:hover:after {
  border-left: 0 none;
  border-right: 0 none;
  border-top: 1px dashed #0092ff;
  border-bottom: 1px dashed #0092ff;
}
.panel-resizer .resizer-icon-holder {
  /*left:50%;*/
  position: absolute;
  right: 1px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.touch-device .panel-resizer .resizer-icon-holder {
  right: 11px;
}
.horizontal.panel-resizer .resizer-icon-holder {
  right: 50%;
  top: 2px;
  width: 32px;
}
.touch-device .horizontal.panel-resizer .resizer-icon-holder {
  top: 17px;
}
.align-bottom.horizontal.panel-resizer .resizer-icon-holder {
  top: 3px;
}
.touch-device .align-bottom.horizontal.panel-resizer .resizer-icon-holder {
  top: 13px;
}
.panel-resizer .resizer-icon-holder .resizer-dot {
  background-color: #707070;
  display: block;
  height: 2px;
  margin-top: 2px;
  width: 2px;
}
.horizontal.panel-resizer .resizer-icon-holder .resizer-dot {
  float: left;
  margin-top: 0;
  margin-left: 2px;
}
.panel-resizer .resizer-icon-holder .resizer-dot:first-child {
  margin-top: 0;
}
.horizontal.panel-resizer .resizer-icon-holder .resizer-dot:first-child {
  margin-left: 0;
}
.feedback-notification,
.review-decision-option {
  display: inline-flex;
  height: 20px;
  width: 20px;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  -o-flex: none;
  flex: none;
  /*	.flex-display();
	.vendorize(align-items, center);
	.vendorize(justify-content, center);*/
}
.review-decision-option {
  width: 30px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  z-index: 1;
  position: relative;
}
.active-feedback-notification .notification.circle,
.feedback-notification .notification.circle {
  padding: 3px 5px;
}
.mark-version {
  display: inline-block;
  height: 19px;
  text-align: center;
  width: 52px;
}
.mark-version:not(.cur) {
  color: #707070;
  margin-top: -4px;
}
.mark-version:not(.cur) .selected-mark:before {
  content: "";
  display: block;
  position: absolute;
  width: 46px;
  height: 50px;
  top: auto;
  left: auto;
  border: 1px dotted #00345a;
  margin-top: -14px;
  margin-left: -6px;
}
.mark-version.cur {
  margin-right: 15px;
  text-align: right;
  width: 66px;
}
.mark-version.cur .mark {
  display: inline-block;
  text-decoration: inherit;
  /*width:30px;	*/
}
.total-marks .mark-version.cur {
  width: auto;
  margin-left: 5px;
}
.mark-version:not(.cur) .mark {
  padding: 3px 1.5px;
}
.mark-version:not(.cur) .marks-obtained {
  padding: 3px;
}
.mark-version:not(.cur) .mark,
.mark-version:not(.cur) .marks-obtained {
  display: inline-block;
  /*line-height:1;
			margin-top:-3px;*/
  min-width: 38px;
  text-decoration: inherit;
  text-align: center;
}
.highlight.mark-version:not(.cur) .mark,
.highlight.mark-version:not(.cur) .marks-obtained {
  background: rgba(227, 17, 17, 0.1);
  border: 1px solid rgba(227, 17, 17, 0.2);
  border-radius: 15px;
  color: #e31111;
}
.android.Chrome .mark-version {
  /* 75349  - defect fix*/
  height: 18px;
}
.mark-version .mark.--disabled {
  background-color: #fe0000;
  padding: 0px 4px;
  color: #fff;
}
.pre-mark-title-holder {
  margin-right: -16px;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.pre-mark-title {
  color: #fff;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  font-weight: bold;
  margin-bottom: -10px;
  margin-top: -10px;
  text-align: center;
  width: 52px;
  word-wrap: break-word;
  word-break: break-word;
  padding: 0px 2px;
}
.mark-bg-holder {
  border-left: 1px solid #e5e5e5;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 0;
}
.has-def-marking .mark-bg-holder {
  border-right: 1px solid #e5e5e5;
}
.fader {
  background-color: rgba(255, 255, 255, 0.85);
  left: 0;
  position: absolute;
  top: 65px;
  width: 100%;
  z-index: 2;
  height: -moz-calc(100% - 65px);
  height: -webkit-calc(100% - 65px);
  height: calc(100% - 65px);
}
.marking-question-show-range .fader {
  width: 0;
}
.has-def-marking.marking-question-show-range .total-mark-range {
  height: auto;
}
.has-def-marking.marking-question-show-range.marking-question-panel .active-question-wrapper .active-question-col {
  padding-left: 10px;
}
.has-def-marking.marking-question-show-range.marking-question-panel .question-panel-header .vertical-align-left .mark-by-holder .mark-by-menu .menu-button {
  padding-bottom: 0px;
}
.has-def-marking.marking-question-show-range .vertical-align-left {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.has-def-marking.marking-question-show-range .vertical-align-left .annotation-toggle {
  text-align: left;
}
.has-def-marking.marking-question-show-range .filter-previous-mark {
  min-height: 44px;
}
.has-def-marking.marking-question-show-range .filter-previous-mark .menu-button {
  padding-right: 0px;
}
.pre-mark-col-bg {
  background-color: #e31111;
}
.pre-mark-col-bg,
.mark-range-bg {
  border-right: 1px solid #fff;
  display: inline-block;
  height: 100%;
  position: relative;
  width: 52px;
  z-index: 1;
}
.pre-mark-col-bg:last-child,
.mark-range-bg:last-child {
  border-right: 0 none;
}
.mark-feedback {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.animate.mark-feedback {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: showAtTop 0.5s;
  -moz-animation: showAtTop 0.5s;
  -ms-animation: showAtTop 0.5s;
  -o-animation: showAtTop 0.5s;
  animation: showAtTop 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes showAtTop {
  0% {
    z-index: -1;
  }
  1% {
    z-index: 9999;
  }
  100% {
    z-index: -1;
  }
}
@-webkit-keyframes showAtTop {
  0% {
    z-index: -1;
  }
  1% {
    z-index: 9999;
  }
  100% {
    z-index: -1;
  }
}
@keyframes showAtTop {
  0% {
    z-index: -1;
  }
  1% {
    z-index: 9999;
  }
  100% {
    z-index: -1;
  }
}
.mark-feedback .feedback-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.mark-feedback .feedback-bubble {
  background-color: rgba(0, 146, 255, 0.9);
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  font-size: 8.5vw;
  overflow: hidden;
  right: -7.8125vw;
  position: absolute;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 0;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*.vendorize(transition; font-size @comp-anim-duration, height @comp-anim-duration,width @comp-anim-duration, line-height @comp-anim-duration);*/
}
.align-bottom.mark-feedback .feedback-bubble {
  top: auto;
  bottom: 200px;
}
.digit-3.mark-feedback .feedback-bubble {
  font-size: 7.5vw;
}
.digit-4.mark-feedback .feedback-bubble {
  font-size: 6.2vw;
}
.digit-5.mark-feedback .feedback-bubble {
  font-size: 5.2vw;
}
.digit-6.mark-feedback .feedback-bubble {
  font-size: 4.2vw;
}
.digit-7.mark-feedback .feedback-bubble {
  font-size: 3.2vw;
}
.digit-8.mark-feedback .feedback-bubble {
  font-size: 2.2vw;
}
.mark-feedback .feedback-bubble .mark-txt {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mark-feedback .feedback-bubble .scaler {
  position: relative;
  padding-top: 100%;
}
.animate.mark-feedback .feedback-bubble {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: markFeedback 0.5s;
  -moz-animation: markFeedback 0.5s;
  -ms-animation: markFeedback 0.5s;
  -o-animation: markFeedback 0.5s;
  animation: markFeedback 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes markFeedback {
  0% {
    opacity: 0;
    width: 0;
  }
  40% {
    opacity: 1;
    width: 15.625vw;
  }
  80% {
    opacity: 1;
  }
  99% {
    width: 15.625vw;
  }
  100% {
    opacity: 0;
    width: 0;
  }
}
@-webkit-keyframes markFeedback {
  0% {
    opacity: 0;
    width: 0;
  }
  40% {
    opacity: 1;
    width: 15.625vw;
  }
  80% {
    opacity: 1;
  }
  99% {
    width: 15.625vw;
  }
  100% {
    opacity: 0;
    width: 0;
  }
}
@keyframes markFeedback {
  0% {
    opacity: 0;
    width: 0;
  }
  40% {
    opacity: 1;
    width: 15.625vw;
  }
  80% {
    opacity: 1;
  }
  99% {
    width: 15.625vw;
  }
  100% {
    opacity: 0;
    width: 0;
  }
}
.mark-button-container {
  background-color: #e9f7ff;
  /*bottom:0;*/
  border-left: 1px solid #d1dee5;
  position: relative;
  /*position:fixed;*/
  /*right:0;*/
  text-align: center;
  /*top:@header-height;*/
  width: 70px;
  z-index: 6;
  height: 100%;
  /*.calc-fn(height,"100vh - @{header-height}");*/
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.closed-response .mark-button-container {
  display: none;
}
.mark-button-container .mark-button-mask {
  overflow: hidden;
  position: relative;
  height: -moz-calc(100% - 190px);
  height: -webkit-calc(100% - 190px);
  height: calc(100% - 190px);
}
.extend-end-view.mark-button-container .mark-button-mask {
  height: -moz-calc(100% - 190px + 85px);
  height: -webkit-calc(100% - 190px + 85px);
  height: calc(100% - 190px + 85px);
}
.no-nr.extend-end-view.mark-button-container .mark-button-mask {
  height: -moz-calc(100% - 132px + 85px);
  height: -webkit-calc(100% - 132px + 85px);
  height: calc(100% - 132px + 85px);
}
.no-nr.mark-button-container .mark-button-mask {
  height: -moz-calc(100% - 132px);
  height: -webkit-calc(100% - 132px);
  height: calc(100% - 132px);
}
.mark-button-container .mark-button-holder {
  bottom: 0;
  display: table;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  /*.vendorize(transform,translateX(-50%));*/
}
.mark-button-container .mark-button-wrapper {
  bottom: 0;
  display: table-cell;
  /*height:100%;*/
  left: 50%;
  text-align: center;
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mark-button-container .mark-entry {
  display: block;
  margin-top: 4px;
  text-align: center;
  text-decoration: none;
}
.mark-button-container .mark-entry.hide {
  opacity: 0;
  pointer-events: none;
}
.mark-button-container .mark-entry .max-txt {
  display: block;
  font-size: 1.4rem;
}
.mark-button-container .mark-entry .number-of-entry {
  display: block;
  font-size: 1.8rem;
}
.extend-end-view.mark-button-container .mark-entry {
  display: none;
}
.mark-button-container .mark-button-nav {
  display: inline-block;
  height: 37px;
  width: 40px;
}
.mark-button-container .mark-button-nav.up {
  padding-top: 12px;
}
.mark-button-container .mark-button-nav.up.disabled,
.disabled.mark-button-container .mark-button-nav.up {
  cursor: default;
  opacity: 1;
}
.mark-button-container .mark-button-nav.up.disabled .top-arrow-blue,
.disabled.mark-button-container .mark-button-nav.up .top-arrow-blue {
  background-position: -24px -550px;
}
.mark-button-container .mark-button-nav.up.hide {
  opacity: 0;
}
.extend-end-view.mark-button-container .mark-button-nav.up {
  display: none;
}
.mark-button-container .mark-button-nav.down {
  height: 47px;
  padding-bottom: 10px;
  padding-top: 18px;
}
.mark-button-container .mark-button-nav.down.disabled,
.disabled.mark-button-container .mark-button-nav.down {
  cursor: default;
  opacity: 1;
}
.mark-button-container .mark-button-nav.down.disabled .bottom-arrow-blue,
.disabled.mark-button-container .mark-button-nav.down .bottom-arrow-blue {
  background-position: -24px -564px;
}
.mark-button-container .mark-button-nav.disabled {
  opacity: 0;
}
.mark-button-holder .mark-button-wrapper .mark-button.digit-4 {
  font-size: 1.5rem;
}
.mark-button {
  background-color: #0075cd;
  border-style: solid;
  border-width: 2px;
  border-color: transparent;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 1.8rem;
  line-height: 46px;
  margin: auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: background-color 0.3s, transform 0.3s, max-height 0.3s, width 0.3s, opacity 0.3s, margin-top 0.3s, font-size 0.3s;
  -moz-transition: background-color 0.3s, transform 0.3s, max-height 0.3s, width 0.3s, opacity 0.3s, margin-top 0.3s, font-size 0.3s;
  -ms-transition: background-color 0.3s, transform 0.3s, max-height 0.3s, width 0.3s, opacity 0.3s, margin-top 0.3s, font-size 0.3s;
  -o-transition: background-color 0.3s, transform 0.3s, max-height 0.3s, width 0.3s, opacity 0.3s, margin-top 0.3s, font-size 0.3s;
  transition: background-color 0.3s, transform 0.3s, max-height 0.3s, width 0.3s, opacity 0.3s, margin-top 0.3s, font-size 0.3s;
  /*&.nr-button.active{
		border:2px solid @midnight-blue;
	 }*/
  /*&{
		 &:extend(.mark-button.hide);
	 }*/
  /*Considering all show/hidden situation for group items*/
  /*Considering all show/hidden situation for group items*/
  /*
	 ,
	 &.end-view~&.open,
	 &.end-view~&.group-end.open~&:not(.group-start),
	 
	 
	 ,
	 &.end-view~.group-end~&:not(.group-start),
	 &.end-view~.group-end.open~&.start-view~&
	 */
  /*.mark-button-container:not(.extend-end-view) &.end-view{
		margin-top:0;				 
	 }*/
  /**********************************/
  /*&.group-start {
		background-color: @light-blue60;
	    box-shadow: 0px 0px 0px 1px @lochmara;
		color: @lochmara;
 	}*/
}
.disabled .mark-button,
.disabled .mark-button.active,
.disabled .mark-button:active,
.disabled .mark-button.nr-button,
.disabled .mark-button.end-view ~ .mark-button.active,
.mark-button .disabled .mark-button.end-view.active {
  background-color: transparent;
  border-color: #b2b2b2;
  color: #707070;
  cursor: default;
}
.mark-button.nr-button {
  /*		background-color:transparent;
		border:2px solid @lochmara;
		color:@lochmara;
		
		line-height:42px;*/
}
.mark-button.hide,
.mark-button,
.mark-button.end-view ~ .start-view ~ .mark-button,
.mark-button.group-end.close,
.mark-button.end-view ~ .mark-button.group-end.close,
.mark-button.group-end.close ~ .group:not(.group-start),
.mark-button.group.open ~ .group-start ~ .group:not(.group-start),
.mark-button.end-view ~ .mark-button.start-view ~ .mark-button.group {
  border-color: transparent;
  border-width: 0;
  font-size: 0;
  margin-top: 0;
  max-height: 0;
  width: 0;
}
.mark-button.show,
.mark-button.end-view,
.mark-button.end-view ~ .mark-button,
.mark-button.nr-button,
.extend-end-view .mark-button,
.mark-button.end-view ~ .group-end.open ~ .group,
.mark-button.end-view.group-end.open ~ .group,
.group-end.open ~ .mark-button.end-view ~ .group,
.group-end.open.mark-button.group.end-view,
.group-end.open ~ .mark-button.group.end-view,
.mark-button.end-view ~ .group-end.open:not(.group-start) {
  border-width: 2px;
  font-size: 1.8rem;
  max-height: 46px;
  margin-top: 12px;
  width: 46px;
}
.mark-button.hover,
.mark-button.active,
.mark-button.end-view.active,
.mark-button.end-view ~ .mark-button.active,
.mark-button.nr-button.active {
  background-color: #071a2b;
  color: #fff;
}
.mark-button:active {
  color: #fff;
  /* .vendorize(transform;scale(1,1)); */
}
.mark-button.end-view,
.mark-button.end-view ~ .mark-button {
  /*&.group-end.open~&{
			&:extend(.mark-button.show);
		}
		&.group-end.close~&,
		&.group-end.open~.group-end~&{
			&:extend(.mark-button.hide);
		}*/
}
.mark-button.end-view ~ .start-view ~ .mark-button {
  /*&.group-end.open~.group-end~&{
			&:extend(.mark-button.hide);
		}*/
}
.mark-button-container:not(.extend-end-view) .mark-button.end-view ~ .group-end.open ~ .group.start-view,
.mark-button-container:not(.extend-end-view) .mark-button.end-view.group-end.open ~ .group.start-view,
.mark-button-container:not(.extend-end-view) .group-end.open ~ .mark-button.end-view ~ .group.start-view,
.mark-button-container:not(.extend-end-view) .group-end.open.mark-button.group.end-view.start-view,
.mark-button-container:not(.extend-end-view) .group-end.open ~ .mark-button.group.end-view.start-view,
.mark-button-container:not(.extend-end-view) .mark-button.end-view ~ .group-end.open:not(.group-start).start-view {
  margin-bottom: 6px;
}
.mark-button-container:not(.extend-end-view) .mark-button.end-view ~ .mark-button.start-view {
  margin-bottom: 6px;
}
.mark-button-container:not(.extend-end-view) .mark-button.end-view {
  margin-top: 6px;
}
.mark-button.end-view.g1.open.active {
  background-color: #071a2b;
}
.mark-button.end-view ~ .mark-button.group-start,
.mark-button.nr-button,
.mark-button.group-start {
  background-color: transparent;
  border-color: #0075cd;
}
.mark-button.nr-button {
  bottom: 9px;
  color: #0075cd;
  line-height: 42px;
  position: absolute;
  right: 11px;
}
.group.mark-button.end-view.open.group-end,
.end-view ~ .group.mark-button.open.group-end,
.end-view.group-end.open ~ .group.mark-button,
.end-view ~ .group.mark-button.open ~ .group.mark-button,
.group.mark-button.group-end.open ~ .end-view ~ .group.mark-button,
.group.mark-button.group-end.open ~ .end-view.group.mark-button {
  overflow: visible;
}
.group.mark-button.open.group-end ~ .group-start ~ .group.mark-button,
.end-view ~ .start-view ~ .group.mark-button.group-end.open ~ .group.mark-button,
.end-view.group-end.open ~ .start-view ~ .group.mark-button,
.group.mark-button.group-end.open ~ .end-view ~ .start-view ~ .group.mark-button,
.end-view ~ .group.mark-button.group-end.open ~ .start-view ~ .group.mark-button,
.group.mark-button.group-end.open ~ .end-view ~ .start-view ~ .group.mark-button,
.end-view ~ .start-view ~ .group.mark-button,
.end-view ~ .group.mark-button.open ~ .start-view ~ .group.mark-button,
.end-view ~ .group.mark-button.open.start-view ~ .group.mark-button,
.end-view ~ .start-view ~ .group.mark-button.open ~ .group.mark-button {
  overflow: hidden;
}
.mark-button.group:before {
  border-left: 1px solid #0075cd;
  border-right: 1px solid #0075cd;
  content: "";
  height: 58px;
  left: -7px;
  position: absolute;
  top: -8px;
  width: 56px;
  max-width: -moz-calc(100% + 10px + 2px + 2px);
  max-width: -webkit-calc(100% + 10px + 2px + 2px);
  max-width: calc(100% + 10px + 2px + 2px);
  /*&,
		.end-view ~ .start-view ~ .open&,
		.end-view ~ .start-view ~ .open ~ &,
		.end-view ~ .start-view ~ .open ~ .group-start&,
		.end-view ~ .open ~ .group-start ~ &,
		.open ~ .end-view ~ .group-start ~ &,
		.open.end-view ~ .group-start ~ &{
			display: none;
			//font-size:18px;
		}*/
  /*.open.end-view&,
		.open ~ .end-view&,
		.end-view ~ .open&,
		.end-view ~ .open ~ &,
		.open ~ .end-view ~ &,
		.open.end-view ~ &,
		.end-view ~ .open ~ .group-start&{
			display: block;
		}*/
  /*&,
		.g1.open~.g1.group-start~&{
			display: none;
			
		}
		
		.g1.open&,
		.g1.open~.g1&{
			display: block;
		}*/
}
.group-end.mark-button.group:before {
  border-radius: 50% 50% 0 0;
  border-top: 1px solid #0075cd;
}
.group-start.mark-button.group:before {
  border-radius: 0 0 50% 50%;
  border-bottom: 1px solid #0075cd;
}
.mark-button.disabled-but-used {
  background-color: #707070;
  color: #ffffff;
  opacity: unset;
}
.mark-button.disabled {
  opacity: unset;
  text-shadow: 1px 0px 0px #ffffff, -1px 0px 0px #ffffff, -1px 1px 0px #ffffff, 1px 1px 0px #ffffff, -1px -1px 0px #ffffff, 1px -1px 0px #ffffff;
  background-image: linear-gradient(135deg, #707070 25%, #ffffff00 25%, #ffffff00 50%, #707070 50%, #707070 75%, #ffffff00 75%);
  background-size: 4px 4px;
  background-color: #fff;
  border: 1px solid #707070;
  color: #000000;
}
/*

 .mark-button.end-view ~ .g1.mark-button,
 .mark-button.end-view.g1,
 .mark-button.end-view.group-start,
 .mark-button.end-view ~ .group-start.mark-button {
	  display: block;
 }
 .mark-button.end-view.g1:before {
	  margin-top: -5px;
 }
.mark-button.end-view.group-start:before {
	  height: 0px;
}
 .mark-button.end-view ~ .mark-button.start-view ~ .g1.mark-button,
 .mark-button.end-view ~ .mark-button.start-view ~ .group-start.mark-button,
 .mark-button.end-view ~ .g1.start-view ~ .g1.mark-button,
 .mark-button.end-view ~ .g1.start-view ~ .group-start.mark-button{
	 &:before {
		 display: none;
	 }
 }*/
/*
 .g1.open ~ .group-start{	 
	 &:before {
		 border-bottom: 1px solid @lochmara;
		 border-radius: 0 0 50% 50%;
		 height: 52px;
		 margin-left: -5px;
		 margin-top: -46px;
	 }
 }*/
.mark-button.end-view ~ .mark-button.group-start,
.mark-button.end-view.group-start {
  background-color: #e9f7ff;
  color: #0075cd;
}
/**********************************/
.response-header {
  display: inline-block;
  padding-top: 9px;
}
.response-header .response-header-inner {
  position: relative;
  width: 100%;
}
.response-header .response-header-inner:before {
  height: 30px;
  width: 1px;
  margin-left: -1px;
  content: '';
  display: inline-block;
  vertical-align: middle;
}
.response-header .response-title {
  /*overflow:hidden;*/
  position: relative;
}
.response-header .response-title-holder {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  width: 100%;
}
.response-header .response-title-holder.active {
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.response-header .response-title-holder.active ~ .response-title-holder {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.response-header,
.response-header .response-nav,
.response-header .response-title {
  display: inline-block;
  vertical-align: middle;
}
.response-header .response-nav {
  padding: 5px;
  /*.vendorize(transition,opacity @comp-anim-duration);*/
}
.response-header .response-nav.response-nav-prev {
  margin-left: -22px;
  opacity: 0.9;
}
.response-header .response-nav.response-nav-prev:hover {
  opacity: 1;
}
.response-header .response-nav.response-nav-next {
  margin-right: -22px;
  opacity: 0.9;
}
.response-header .response-nav.response-nav-next:hover {
  opacity: 1;
}
.response-header .response-nav.response-nav-prev.disabled,
.response-header .response-nav.response-nav-next.disabled {
  opacity: 0;
}
.response-header .response-title {
  padding: 0 19px;
}
.response-header .response-title h1.response-id {
  font-weight: 400;
}
.response-header .response-id {
  color: #fff;
  font-size: 1.4rem;
}
.response-header .response-id h1.reponse-id-label {
  font-weight: 400;
  font-size: 1.4rem;
}
.response-header .response-position {
  color: #b2b2b2;
  font-size: 1.2rem;
  padding-top: 3px;
}
@media (max-width: 768px) {
  .response-header {
    left: -moz-calc(50% - 20px);
    left: -webkit-calc(50% - 20px);
    left: calc(50% - 20px);
  }
  .response-header .response-title {
    padding: 0 15px;
  }
}
.table-wrap {
  height: 100%;
  padding-top: 20px;
  position: relative;
}
.table-wrap .table-inner-wrap {
  height: 100%;
  overflow: auto;
}
.table-wrap .header-data {
  position: absolute;
  text-align: left;
}
.table-wrap thead .header-data {
  top: 0;
}
.table-wrap .header-col {
  width: 100px;
}
.question-item {
  color: #071a2b;
  display: block;
  height: 32px;
  /*padding-right:11px;*/
  text-decoration: none;
}
.question-item:focus {
  outline: 0 none;
}
.closed-response .question-item {
  color: #707070;
}
/*Question item indentation*/
.question-group-container .question-item {
  padding-left: 25px;
}
.question-group .question-item {
  padding-left: 48px;
}
.question-group .question-group .question-item {
  padding-left: 58px;
}
.question-group .question-group .question-group .question-item {
  padding-left: 68px;
}
.question-group .question-group .question-group .question-group .question-item {
  padding-left: 78px;
}
.question-group .question-group .question-group .question-group .question-group .question-item {
  padding-left: 88px;
}
.question-group .question-group .question-group .question-group .question-group .question-group .question-item {
  padding-left: 98px;
}
.question-group .question-group .question-group .question-group .question-group .question-group .question-group .question-item {
  padding-left: 108px;
}
.question-group .question-group .question-group .question-group .question-group .question-group .question-group .question-group .question-item {
  padding-left: 118px;
}
.error-popup .maintenance-wrapper header,
.error-popup .maintenance-wrapper .maintenance-icon-holder {
  display: none;
}
.error-popup .page-wrapper {
  padding-top: 0px;
}
/*Link to page*/
.link-to-page-popup {
  /*& .question-list.has-sub > .question-item .question-text{
		padding-top:5px;
	}*/
}
.link-to-page-popup.popup {
  /*top:@header-height;*/
  /*.calc-fn(height,"100% - @{header-height}");
		padding:30px;*/
}
.link-to-page-popup.popup .popup-wrap {
  padding: 0;
  /* bottom: 50px;
            left: 0;
            margin-top: @header-height;
            padding: 0;
            position: absolute;
            top: 0;
            width: auto;
            .flex-display();
            .vendorize(flex-direction,column);*/
  /*.calc-fn(max-height,"100% - 100px");*/
}
.link-to-page-popup.popup .popup-header {
  padding: 20px 16px 5px 16px;
}
.link-to-page-popup.popup .popup-footer {
  flex: 0 0  auto;
  -webkit-flex: 0 0  auto;
  padding: 0 16px 20px 16px;
}
.link-to-page-popup .question-list-container {
  /*margin:0 -20px;
		.question-list{
			padding-left:16px;
		}*/
  /*.question-item{
			padding:5px 0;
			display:block;
		}*/
}
.link-to-page-popup .popup-content {
  /*.calc-fn(max-height,"100vh - 250px");*/
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  border: 1px solid #e5e5e5;
}
.Safari.iPad .link-to-page-popup .popup-content {
  -webkit-overflow-scrolling: auto;
}
.link-to-page-popup .question-item {
  margin-left: -16px;
  border-top: 1px solid #fff;
  height: auto;
  min-height: 32px;
}
body:not(.touch-device) .link-to-page-popup .question-item:hover {
  background-color: #f3f3f3;
  font-weight: bold;
}
body:not(.touch-device) .link-to-page-popup .question-item:hover .svg-icon {
  opacity: 0.7;
}
.link-to-page-popup .question-item.selected-question {
  background-color: #e9f7ff;
}
.link-to-page-popup .question-item.selected-question .svg-icon {
  opacity: 0.7;
  fill: #0075cd;
}
.link-to-page-popup .question-text {
  line-height: 30px;
  padding-right: 10px;
  width: -moz-calc(100% - 36px);
  width: -webkit-calc(100% - 36px);
  width: calc(100% - 36px);
}
.link-to-page-popup .question-link,
.link-to-page-popup .question-text {
  display: inline-block;
  vertical-align: middle;
}
.question-list.qig-list > .question-item > .question-text,
.question-list.qig-list > .question-item > .question-mark {
  color: #0075cd;
}
.question-list.expandable > .question-item > .question-text {
  font-weight: 700;
  width: 100%;
}
.question-link .svg-icon {
  width: 26px;
  height: 16px;
  opacity: 0.3;
}
.Edge .question-link .link-icon,
.Edge .tool-panel .icon-tray .svg-icon svg,
.Edge .comment-box .delete-comment-icon {
  /* added to fix edge bug related with click not triggering when clicking on <svg> inside <a>*/
  pointer-events: none;
}
.page-number {
  position: relative;
  /*padding-right:35px;*/
}
.page-number .ad-pg-number {
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
  word-break: break-word;
}
.with-icon.page-number .ad-pg-number {
  padding: 0 30px;
}
.page-number .question-link {
  position: absolute;
  right: 4px;
  top: 0;
}
.page-number .question-link .svg-icon {
  opacity: 0.9;
  fill: #0075cd;
}
.marking-question-panel .total-panel .eur-reason-holder.supervisor-remark-decision .menu {
  left: -107px;
  max-width: 386px;
  right: auto;
  padding: 10px 15px 15px;
  width: -moz-calc(100% + 105px);
  width: -webkit-calc(100% + 105px);
  width: calc(100% + 105px);
}
.close .marking-question-panel .total-panel .eur-reason-holder.supervisor-remark-decision .menu {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: dropdownDown 0.3s;
  -moz-animation: dropdownDown 0.3s;
  -ms-animation: dropdownDown 0.3s;
  -o-animation: dropdownDown 0.3s;
  animation: dropdownDown 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes dropdownDown {
  0% {
    max-height: 0;
    opacity: 0;
    /*overflow:auto;*/
  }
  99% {
    /*overflow:auto;*/
  }
  100% {
    opacity: 1;
    /*overflow:auto;*/
  }
}
@-webkit-keyframes dropdownDown {
  0% {
    max-height: 0;
    opacity: 0;
    /*overflow:auto;*/
  }
  99% {
    /*overflow:auto;*/
  }
  100% {
    opacity: 1;
    /*overflow:auto;*/
  }
}
@keyframes dropdownDown {
  0% {
    max-height: 0;
    opacity: 0;
    /*overflow:auto;*/
  }
  99% {
    /*overflow:auto;*/
  }
  100% {
    opacity: 1;
    /*overflow:auto;*/
  }
}
.open .marking-question-panel .total-panel .eur-reason-holder.supervisor-remark-decision .menu {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: dropdownUp 0.3s;
  -moz-animation: dropdownUp 0.3s;
  -ms-animation: dropdownUp 0.3s;
  -o-animation: dropdownUp 0.3s;
  animation: dropdownUp 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes dropdownUp {
  0% {
    opacity: 1;
    overflow: hidden;
  }
  99% {
    max-height: 0;
  }
  100% {
    opacity: 0;
    display: none;
    border: 0 none;
    z-index: -1;
    max-height: 0;
  }
}
@-webkit-keyframes dropdownUp {
  0% {
    opacity: 1;
    overflow: hidden;
  }
  99% {
    max-height: 0;
  }
  100% {
    opacity: 0;
    display: none;
    border: 0 none;
    z-index: -1;
    max-height: 0;
  }
}
@keyframes dropdownUp {
  0% {
    opacity: 1;
    overflow: hidden;
  }
  99% {
    max-height: 0;
  }
  100% {
    opacity: 0;
    display: none;
    border: 0 none;
    z-index: -1;
    max-height: 0;
  }
}
.marking-question-panel .total-panel .submit-holder:not(.hide) ~ .eur-reason-holder.supervisor-remark-decision .menu-callout,
.marking-question-panel .total-panel .mark-percentage-holder:not(.hide) ~ .eur-reason-holder.supervisor-remark-decision .menu-callout {
  left: 96px;
}
.eur-accuracy-levels,
.eur-original-accuracy {
  margin-bottom: 15px;
}
.eur-accuracy-mark {
  padding-left: 5px;
  font-weight: bold;
}
.remark-decision-options {
  margin-top: 5px;
}
.remark-decision-options li {
  padding: 9px 0;
}
.file-exception-wrapper {
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.file-exception-wrapper .file-icon {
  background: transparent;
  width: 48px;
  height: 60px;
  display: block;
  margin: 0 auto;
}
.file-exception-wrapper .file-icon .svg-icon {
  height: 100%;
  width: 100%;
}
.file-exception-wrapper .file-name {
  margin: 10px auto 0;
  font-family: "Roboto", "Myriad Pro Regular", Arial, Tahoma;
  font-weight: 700;
}
.file-exception-wrapper .exception-msg {
  font-size: 1.8rem;
  max-width: 600px;
  margin: 10px auto 0;
  white-space: normal;
  font-weight: 400;
  padding: 0 10px;
}
.file-exception-wrapper .exception-msg sup {
  font-size: 1.1rem;
}
.expand-zone {
  /*bottom:0;*/
  border: 1px solid #f0f1f2;
  font-size: 1.4rem;
  margin-top: -35px;
  display: none;
  padding: 5px;
  position: absolute;
  right: 5px;
  top: -moz-calc(100% - 5px);
  top: -webkit-calc(100% - 5px);
  top: calc(100% - 5px);
  z-index: -1;
  color: #0075cd;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 8px 20px;
  -webkit-box-shadow: 0 2px 3px rgba(112, 112, 112, 0.3);
  -moz-box-shadow: 0 2px 3px rgba(112, 112, 112, 0.3);
  -ms-box-shadow: 0 2px 3px rgba(112, 112, 112, 0.3);
  -o-box-shadow: 0 2px 3px rgba(112, 112, 112, 0.3);
  box-shadow: 0 2px 3px rgba(112, 112, 112, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translate3d(0, 0, 0) rotate(0);
  -moz-transform: translate3d(0, 0, 0) rotate(0);
  -ms-transform: translate3d(0, 0, 0) rotate(0);
  -o-transform: translate3d(0, 0, 0) rotate(0);
  transform: translate3d(0, 0, 0) rotate(0);
  -webkit-transition-property: transform, transform-origin, top, right, bottom, left;
  -moz-transition-property: transform, transform-origin, top, right, bottom, left;
  -ms-transition-property: transform, transform-origin, top, right, bottom, left;
  -o-transition-property: transform, transform-origin, top, right, bottom, left;
  transition-property: transform, transform-origin, top, right, bottom, left;
  -webkit-transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0s;
  -moz-transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0s;
  -ms-transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0s;
  -o-transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0s;
  transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.expand-zone:hover {
  background-color: #fff;
}
.expand-zone.expand-delay {
  display: block;
  z-index: 16;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.expand-zone.expand-delay:not(:hover) {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: expandZoneAnimation 0.3s 3s;
  -moz-animation: expandZoneAnimation 0.3s 3s;
  -ms-animation: expandZoneAnimation 0.3s 3s;
  -o-animation: expandZoneAnimation 0.3s 3s;
  animation: expandZoneAnimation 0.3s 3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes expandZoneAnimation {
  0% {
    opacity: 1;
  }
  99% {
    z-index: 6;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}
@-webkit-keyframes expandZoneAnimation {
  0% {
    opacity: 1;
  }
  99% {
    z-index: 6;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}
@keyframes expandZoneAnimation {
  0% {
    opacity: 1;
  }
  99% {
    z-index: 6;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}
.rotate-90 .expand-zone {
  /*bottom: auto;*/
  margin-top: 0;
  right: 5px;
  top: -32px;
  -webkit-transform: translateZ(0) rotate(270deg);
  -moz-transform: translateZ(0) rotate(270deg);
  -ms-transform: translateZ(0) rotate(270deg);
  -o-transform: translateZ(0) rotate(270deg);
  transform: translateZ(0) rotate(270deg);
}
.rotate-180 .expand-zone {
  /*bottom: auto;*/
  margin-left: 5px;
  margin-top: 0;
  right: auto;
  top: 5px;
  -webkit-transform: translateX(-100%) translateY(-100%) translateZ(0) rotate(180deg);
  -moz-transform: translateX(-100%) translateY(-100%) translateZ(0) rotate(180deg);
  -ms-transform: translateX(-100%) translateY(-100%) translateZ(0) rotate(180deg);
  -o-transform: translateX(-100%) translateY(-100%) translateZ(0) rotate(180deg);
  transform: translateX(-100%) translateY(-100%) translateZ(0) rotate(180deg);
}
.rotate-270 .expand-zone {
  margin-left: 5px;
  margin-top: -40px;
  right: auto;
  top: 100%;
  -webkit-transform: translateX(-100%) translateZ(0) rotate(90deg);
  -moz-transform: translateX(-100%) translateZ(0) rotate(90deg);
  -ms-transform: translateX(-100%) translateZ(0) rotate(90deg);
  -o-transform: translateX(-100%) translateZ(0) rotate(90deg);
  transform: translateX(-100%) translateZ(0) rotate(90deg);
}
/* Annotation Helper*/
.annotation-helper-wrapper {
  color: #fff;
  position: absolute;
  z-index: 100;
  width: 22px;
  height: 22px;
  text-align: center;
}
.annotation-helper-wrapper.hide {
  display: block;
}
.annotation-helper-wrapper .helper-head {
  font-weight: 700;
  line-height: 1;
}
.annotation-helper-wrapper .helper-label {
  font-weight: 500;
}
.annotation-helper-wrapper .edit-msg,
.annotation-helper-wrapper .remove-msg {
  font-size: 1.3rem;
  margin-top: 15px;
  line-height: 1.4;
  white-space: normal;
}
.annotation-helper-wrapper .annotation-helper-msg {
  background-color: #0092ff;
  opacity: 0;
  padding: 15px;
  position: absolute;
  width: 350px;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.top.annotation-helper-wrapper .annotation-helper-msg {
  bottom: -moz-calc(100% + 5px);
  bottom: -webkit-calc(100% + 5px);
  bottom: calc(100% + 5px);
}
.bottom.annotation-helper-wrapper .annotation-helper-msg {
  top: -moz-calc(100% + 5px);
  top: -webkit-calc(100% + 5px);
  top: calc(100% + 5px);
}
.left.annotation-helper-wrapper .annotation-helper-msg {
  right: 0;
}
.annotation-helper-icon {
  opacity: 1;
  width: 22px;
  height: 22px;
  background-color: #0075cd;
  color: #fff;
  /*line-height: 24px;*/
  font-size: 1.8rem;
  pointer-events: all;
  display: block;
  text-decoration: none;
  font-weight: 500;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition-property: transform, opacity;
  -moz-transition-property: transform, opacity;
  -ms-transition-property: transform, opacity;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.annotation-helper-icon:hover + .annotation-helper-msg {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.hide .annotation-helper-icon {
  display: block;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.delay .annotation-helper-icon {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -ms-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.file-pre-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100;
}
.file-pre-loader .dot {
  width: 16px;
  height: 16px;
}
.supervisor-remark-comment.open .menu-button,
.dropdown-wrap.supervisor-remark-comment .menu-button {
  border-radius: 30px;
}
.supervisor-remark-comment.up.dropdown-wrap .menu {
  border-radius: 3px;
  left: 50%;
  width: 250px;
  min-width: 0;
  bottom: -moz-calc(100% - 10px);
  bottom: -webkit-calc(100% - 10px);
  bottom: calc(100% - 10px);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.mark-col-1 .supervisor-remark-comment.up.dropdown-wrap .menu {
  max-width: -moz-calc(100% + 30px);
  max-width: -webkit-calc(100% + 30px);
  max-width: calc(100% + 30px);
}
.mark-col-2 .supervisor-remark-comment.up.dropdown-wrap .menu {
  max-width: -moz-calc(100% + 82px);
  max-width: -webkit-calc(100% + 82px);
  max-width: calc(100% + 82px);
}
.mark-col-3 .supervisor-remark-comment.up.dropdown-wrap .menu {
  max-width: -moz-calc(100% + 134px);
  max-width: -webkit-calc(100% + 134px);
  max-width: calc(100% + 134px);
}
.supervisor-remark-comment.up.dropdown-wrap .review-options {
  padding: 5px 15px;
  text-align: left;
}
.supervisor-remark-comment.up.dropdown-wrap .supervisor-select-options li {
  padding: 10px 0;
}
.supervisor-remark-comment.up.dropdown-wrap .button.set-reviewed {
  max-width: 98%;
  margin: 0 auto;
  white-space: normal;
}
.supervisor-remark-comment.up.dropdown-wrap .button.set-reviewed .status,
.supervisor-remark-comment.up.dropdown-wrap .button.set-reviewed .supervisor-selcted {
  display: block;
  line-height: 1;
  text-align: center;
}
.supervisor-remark-comment.up.dropdown-wrap .button.set-reviewed.disabled {
  padding: 5px 16px;
}
.marking-question-panel.unassigned-marks-panel .filter-previous-mark {
  margin-right: 16px;
}
.marking-question-panel.unassigned-marks-panel .active-question {
  height: 150px;
}
.marking-question-panel.unassigned-marks-panel .active-question .active-question-holder {
  padding-bottom: 8px;
}
.marking-question-panel.unassigned-marks-panel .unassigned-marks {
  height: auto;
}
.marking-question-panel.unassigned-marks-panel .unassigned-marks .unassigned-marks-wrapper {
  padding: 14px 0px;
}
.unzone-content-wrapper {
  position: absolute;
  left: 10px;
  right: 10px;
  height: 100%;
  margin-top: 10px;
  max-height: -moz-calc(100% - 35px);
  max-height: -webkit-calc(100% - 35px);
  max-height: calc(100% - 35px);
}
.unzone-content-holder {
  left: 0px;
  right: 0px;
  position: absolute;
  background-color: #e31111;
  opacity: 0.1;
  z-index: 8;
  max-height: 100%;
}
.marksheet-holder.pageoption-fixed .unzone-content-holder {
  opacity: 0;
}
.marksheets-inner.thumb-view.show-unzoned .marksheet-holder:not(.unzoned-content),
.marksheets-inner.thumb-view.show-unzoned .marksheet-holder.suppressed {
  display: none;
}
.line-hit-area {
  stroke-width: 10px;
  stroke: transparent;
}
.touch-device .line-hit-area {
  stroke-width: 40px;
}
.iPad.Safari .content-wrapper:not(.html-response-container):not(.cbt-response-container) .marksheet-container > * {
  -webkit-transform: translateZ(0);
  /*For fixing #86670 iPad Safari*/
}
@media (max-width: 900px) {
  /*.line.annotation-wrap svg line,
	.ellipse.annotation-wrap svg .ellipse-shape{
		stroke-width:2px;	
	}*/
  /*.marksheet-container{
		&.thumb-view{
			.marksheet-holder{
				width:50%;
				&:nth-child(2n),
				&:nth-child(4n){
					margin-right:0;	
				}
				&:nth-child(3),
				&:nth-child(4){
					margin-top:@page-group-gap/2;	
				}
				
				.suppressed-text{
					font-size:3vw;	
				}
			}			
		}
	}
	*/
  .touch-device .marking-panel-resizer:hover {
    background-color: transparent;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .annotation-helper-msg {
    max-width: 30vw;
  }
}
.non-editable {
  pointer-events: none;
  filter: grayscale(100%) opacity(0.6);
}
.now-dragging {
  -webkit-user-select: none;
}
.now-dragging::selection {
  background: transparent;
}
.Safari.touch-device .row-draggable,
.touch-device .drag-cursor-holder {
  -webkit-user-select: none;
}
.iPad .marking-question-panel.collapse-all .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder .expand-link,
.iPad .marking-question-panel.expand-all .question-panel-holder .scaler-holder ~ .msc-nav-panel-holder .collapse-link {
  text-decoration: underline;
}
.inside-rw-holder {
  padding-bottom: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.inside-rw-holder .s-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.inside-rw-holder .s-row button + button {
  margin-top: 6px;
  margin-left: 0;
}
.single-line-controls .mark-by-holder:empty {
  min-height: unset !important;
}
.single-line-controls .annotation-toggle {
  display: flex;
  gap: 2px;
}
.html-response-container .annotation-holder .svg-icon {
  height: 32px;
  width: 32px;
  margin: -4px;
}
.html-response-container .annotation-wrap.static:not(.text):before {
  left: -3px;
  top: -3px;
}
.html-response-container .annotation-wrap.static:not(.text) .svg-icon > svg {
  left: 0px;
  top: 0px;
}
/* LESS Document */
.message-wrapper {
  height: 100%;
  overflow: hidden;
}
.message-wrapper .message-loader .loader {
  left: 50%;
}
.message-wrapper .column-left {
  border-right: 1px #e5e5e5 solid;
  height: -moz-calc(100% - 59px);
  height: -webkit-calc(100% - 59px);
  height: calc(100% - 59px);
  float: left;
  min-width: 420px;
  overflow-y: auto;
  width: 50%;
}
.message-wrapper .column-left .compose-msg {
  margin: 15px 15px 0 0;
}
.message-wrapper .content-wrapper {
  overflow: inherit;
}
.message-wrapper .column-right {
  overflow-y: auto;
  height: -moz-calc(100% - 59px);
  height: -webkit-calc(100% - 59px);
  height: calc(100% - 59px);
}
.message-wrapper .msg-filter-wrap {
  /*background-color:@regal-blue;*/
  height: 49px;
}
.message-wrapper .msg-filter-wrap .msg-filter-menu li {
  display: inline-block;
  padding: 15px;
}
.message-wrapper .msg-filter-wrap .msg-filter-menu li a {
  text-decoration: none;
  color: #6690b1;
}
.message-wrapper .msg-filter-wrap .msg-filter-menu li a.active {
  color: #fff;
}
.message-wrapper .msg-filter-wrap .qig-filter {
  padding: 23px 15px;
}
.message-wrapper .msg-filter-wrap .qig-filter .qig-filter-label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  color: #6690b1;
}
.button-group-holder {
  flex: 1 1 auto;
  padding: 15px;
  -webkit-flex: 1 1 auto;
  white-space: nowrap;
}
.button-group-holder .button-group-item {
  color: #707070;
  display: inline-block;
  background-color: #f0f1f2;
  border: 1px solid #f0f1f2;
  min-width: 75px;
  padding: 8px;
  text-align: center;
  text-decoration: none;
}
.button-group-holder .button-group-item.active {
  background-color: #fff;
  color: #071a2b;
  cursor: default;
}
.msg-tab .msg-tab-header {
  background-color: #00467d;
}
.msg-tab .msg-tab-header .compose-msg-btn-wrap {
  padding: 13px 13px 13px 0;
}
@media screen and (max-device-width: 764px) {
  .android .msg-tab .msg-tab-header .compose-msg-btn-wrap {
    padding: 13px 6px 13px 0;
  }
  .android .msg-tab .msg-tab-header .compose-msg-btn-wrap .button + .button {
    margin-left: 5px;
    padding: 5px 7px;
    min-width: 60px;
  }
}
@media screen and (max-width: 1081px) {
  .msg-tab .msg-tab-header .col-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
  }
}
@media screen and (max-width: 1081px) {
  .msg-tab .msg-tab-header .msg-tabs-nav,
  .msg-tab .msg-tab-header .compose-msg-btn-wrap {
    width: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    -o-flex: auto;
    flex: auto;
  }
}
.horizontal.tab-holder.msg-tab {
  height: 100%;
}
.horizontal.tab-holder.msg-tab .tab-nav {
  padding-left: 15px;
}
@media screen and (max-device-width: 764px) {
  .android .horizontal.tab-holder.msg-tab .tab-nav {
    padding-left: 6px;
  }
}
.horizontal.tab-holder.msg-tab .tab-nav li {
  border-color: transparent;
}
@media screen and (max-width: 1024px) {
  .horizontal.tab-holder.msg-tab .tab-nav li {
    margin-left: 0;
  }
}
.horizontal.tab-holder.msg-tab .tab-nav li .find-message {
  color: #e31111;
}
.horizontal.tab-holder.msg-tab .tab-nav li.active {
  background-color: #123558;
  border-color: transparent;
}
.horizontal.tab-holder.msg-tab .tab-nav li.active a {
  color: #fff;
}
.horizontal.tab-holder.msg-tab .tab-nav li a {
  color: #adcadf;
  padding: 17px 25px 18px;
}
@media screen and (max-width: 1024px) {
  .horizontal.tab-holder.msg-tab .tab-nav li a {
    padding: 17px 11px 18px;
  }
}
@media screen and (max-device-width: 764px) {
  .android .horizontal.tab-holder.msg-tab .tab-nav li a {
    padding: 17px 5px 18px;
  }
}
.horizontal.tab-holder.msg-tab .tab-nav li .notification {
  position: static;
  transform: initial;
  margin-left: 5px;
}
.horizontal.tab-holder.msg-tab .tab-content-holder {
  border-color: transparent;
  height: -moz-calc(100% - 28px);
  height: -webkit-calc(100% - 28px);
  height: calc(100% - 28px);
}
.horizontal.tab-holder.msg-tab .tab-content-holder .tab-content {
  padding: 0;
  height: 100%;
}
.horizontal.tab-holder.msg-tab .tab-content-holder .tab-content.active {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.msg-listing-wrap {
  /*.calc-fn(height,"100% - 50px");*/
  height: -moz-calc(100% - 29px);
  height: -webkit-calc(100% - 29px);
  height: calc(100% - 29px);
  background-color: #fff;
  margin-top: 28px;
  overflow: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.msg-listing .msg-group {
  border-bottom-width: 1px;
  border-color: #d8d8d8;
  border-style: solid;
}
.msg-listing .msg-group .msg-group-head {
  background-color: #d6d6d6;
  display: block;
  padding: 10px 15px;
  color: #071a2b;
  text-decoration: none;
}
.msg-listing .msg-group .msg-group-head .menu-arrow-icon {
  margin-right: 5px;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transform: rotate(-90deg);
  vertical-align: middle;
}
.msg-listing .msg-group .msg-group-head:hover,
.msg-listing .msg-group .msg-group-head .selected {
  cursor: pointer;
  background-color: #dbdbdb;
}
.msg-listing .msg-group .msg-group-head .notification-count {
  margin-left: 5px;
  transform: none;
  position: static;
}
.msg-listing .msg-group .msg-group-head .msg-group-head-name {
  display: inline-block;
  vertical-align: top;
  max-width: -moz-calc(100% - 	15px);
  max-width: -webkit-calc(100% - 	15px);
  max-width: calc(100% - 	15px);
  word-break: break-word;
  word-wrap: break-word;
}
.msg-listing .msg-group .msg-group-items {
  display: none;
}
.msg-listing .msg-group.open .menu-arrow-icon {
  transform: rotate(0deg);
}
.msg-listing .msg-group.open .msg-group-items {
  display: block;
}
.msg-subject-holder {
  padding-right: 15px;
  background-color: #d6d6d6;
}
.msg-subject-holder .left-side {
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: -moz-calc(100% - 25px);
  width: -webkit-calc(100% - 25px);
  width: calc(100% - 25px);
}
.msg-subject-holder .right-side {
  display: inline-block;
  width: 14px;
  text-align: right;
}
.msg-meta {
  position: relative;
  white-space: nowrap;
  padding: 8px 0 5px;
}
.msg-meta .meta-left,
.msg-meta .meta-right {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.msg-meta .meta-left {
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: -moz-calc(100% - 220px);
  width: -webkit-calc(100% - 220px);
  width: calc(100% - 220px);
}
.msg-meta .meta-right {
  width: 217px;
  text-align: right;
}
.msg-meta .msg-sender,
.msg-meta .msg-time,
.msg-meta .msg-title,
.msg-meta .msg-flag,
.msg-meta .msg-importance,
.msg-meta .msg-meta-icons {
  display: inline-block;
  vertical-align: middle;
}
.msg-meta .msg-title {
  width: 140px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.unread .msg-meta .msg-title {
  font-weight: bold;
}
.msg-meta .msg-sender {
  width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 3px;
  flex: none;
  -webkit-flex: none;
}
.msg-meta .msg-importance,
.msg-meta .msg-flag {
  min-width: 30px;
  text-align: center;
}
.msg-body {
  padding: 0 0 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.msg-item {
  /*cursor:pointer;*/
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: #e5e5e5;
  margin: 0 15px;
  padding: 2px 0;
  -webkit-user-select: none;
}
.msg-item .msg-item-link {
  color: #707070;
  text-decoration: none;
}
.unread.msg-item .msg-item-link {
  color: #071a2b;
}
.msg-item.msg-group {
  padding: 0;
  margin: 0;
}
body:not(.touch-device) .msg-item.msg-group:hover {
  background-color: transparent;
  cursor: default;
}
.msg-item.msg-group .msg-item:last-child {
  border-bottom-color: transparent;
}
.msg-item .msg-title {
  color: #071a2b;
}
.msg-item .msg-meta,
.msg-item .msg-body {
  border-left-width: 3px;
  border-left-color: transparent;
  border-style: solid;
  padding-left: 12px;
}
.msg-item.unread {
  border-bottom-color: #b3e5fc;
  color: #071a2b;
}
.msg-item.unread .msg-meta,
.msg-item.unread .msg-body {
  border-left-color: #0075cd;
}
body:not(.touch-device) .msg-item:hover {
  background-color: #e6f4ff;
}
.msg-item.selected {
  background-color: #f7fbff;
  cursor: pointer;
  color: #071a2b;
}
.msg-search {
  text-align: right;
  overflow: hidden;
  padding: 10px 15px;
  position: relative;
}
.msg-search label {
  text-indent: 9999px;
  display: inline-block;
  width: 0;
}
.msg-search .search-msg-input {
  border-color: transparent;
  background-color: transparent;
  color: #fff;
  width: 0px;
  padding: 0;
  height: 24px;
  border-width: 0;
  border-bottom-width: 1px;
  font-size: 12px;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.msg-search .search-msg-input.open {
  border-color: #003863;
  width: 220px;
  padding: 0 20px 0 0;
}
.msg-search .search-msg-btn {
  position: relative;
  background-color: transparent;
  border-color: transparent;
  min-width: auto;
  height: auto;
  width: auto;
  padding: 0;
  position: absolute;
  margin-top: -10px;
  top: 50%;
  right: 15px;
}
.msg-exp-wrapper {
  height: 100%;
  /*min-width:350px;*/
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.response-message .msg-exp-wrapper {
  padding: 0;
}
.message-expanded .msg-time {
  padding-bottom: 5px;
}
.msg-subject-wrap {
  border-bottom: 1px #e5e5e5 solid;
  padding: 19px 0;
}
.msg-sub-btn-info .msg-subject-wrap {
  border-bottom: 0;
  padding: 8px 0;
}
.msg-subject-wrap .msg-subject {
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  display: inline-block;
}
.msg-subject-wrap .msg-subject .msg-subject-title {
  font-weight: bold;
  line-height: 1;
}
.msg-subject-wrap .msg-exp-flag {
  display: inline-block;
  padding-left: 5px;
  vertical-align: top;
}
.msg-exp-header {
  flex: 0 0  auto;
  -webkit-flex: 0 0  auto;
}
.msg-exp-metainfo {
  border-bottom: 1px #e5e5e5 solid;
}
.msg-sub-btn-info {
  padding: 0 15px;
}
.msg-sub-btn-info .col-wrap {
  border-bottom: 1px #e5e5e5 solid;
}
.msg-exp-metainfo,
.msg-sub-btn-info {
  /*padding:10px 0 0;*/
  width: 100%;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.msg-exp-metainfo .col-wrap,
.msg-sub-btn-info .col-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
.msg-exp-metainfo .msg-sender-info,
.msg-sub-btn-info .msg-sender-info {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
  width: auto;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.msg-exp-metainfo .msg-from-label,
.msg-sub-btn-info .msg-from-label,
.msg-exp-metainfo .msg-to-label,
.msg-sub-btn-info .msg-to-label {
  padding-right: 5px;
}
.msg-exp-metainfo .msg-from-label,
.msg-sub-btn-info .msg-from-label,
.msg-exp-metainfo .msg-from-address,
.msg-sub-btn-info .msg-from-address,
.msg-exp-metainfo .msg-to-label,
.msg-sub-btn-info .msg-to-label,
.msg-exp-metainfo .msg-to-address,
.msg-sub-btn-info .msg-to-address {
  display: inline-block;
}
.msg-exp-metainfo .msg-to,
.msg-sub-btn-info .msg-to {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
.msg-exp-metainfo .msg-to .msg-to-label,
.msg-sub-btn-info .msg-to .msg-to-label,
.msg-exp-metainfo .msg-to .msg-to-address,
.msg-sub-btn-info .msg-to .msg-to-address {
  vertical-align: top;
}
.msg-exp-metainfo .msg-to .msg-address,
.msg-sub-btn-info .msg-to .msg-address {
  display: inline-block;
}
.msg-exp-metainfo .msg-to:not(.expanded) .msg-address.first-row-last ~ .msg-address,
.msg-sub-btn-info .msg-to:not(.expanded) .msg-address.first-row-last ~ .msg-address {
  display: none;
}
.msg-exp-metainfo .msg-to .msg-to-address,
.msg-sub-btn-info .msg-to .msg-to-address {
  display: inline-block;
  max-height: 18px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  -ms-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
  transition: max-height 0.3s;
}
.msg-exp-metainfo .msg-to .sender-count,
.msg-sub-btn-info .msg-to .sender-count {
  display: inline-block;
  margin-right: 10px;
}
.msg-exp-metainfo .msg-to.expanded .sender-count,
.msg-sub-btn-info .msg-to.expanded .sender-count {
  display: none;
}
.msg-exp-metainfo .msg-to.expanded .msg-to-address,
.msg-sub-btn-info .msg-to.expanded .msg-to-address {
  max-height: 80px;
  overflow: auto;
}
.msg-exp-metainfo .msg-to .expand-toggle-icon,
.msg-sub-btn-info .msg-to .expand-toggle-icon {
  display: inline-block;
  height: 10px;
  margin: 0;
  text-align: center;
  width: 18px;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.msg-exp-metainfo .msg-to .expand-toggle-icon .menu-arrow-icon,
.msg-sub-btn-info .msg-to .expand-toggle-icon .menu-arrow-icon {
  display: block;
  margin: auto;
}
.msg-exp-metainfo .msg-to.expanded .expand-toggle-icon,
.msg-sub-btn-info .msg-to.expanded .expand-toggle-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.msg-exp-metainfo .msg-to .msg-to-expand-toggler,
.msg-sub-btn-info .msg-to .msg-to-expand-toggler {
  display: inline-block;
  height: 17px;
  line-height: 0;
  padding-top: 5px;
  text-align: right;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.msg-exp-metainfo .msg-to.expanded .msg-to-expand-toggler,
.msg-sub-btn-info .msg-to.expanded .msg-to-expand-toggler {
  flex: 0 0 25px;
  -webkit-flex: 0 0 25px;
}
.msg-exp-metainfo .msg-to,
.msg-sub-btn-info .msg-to,
.msg-exp-metainfo .msg-sender,
.msg-sub-btn-info .msg-sender,
.msg-exp-metainfo .msg-response-id,
.msg-sub-btn-info .msg-response-id {
  margin-bottom: 5px;
}
.msg-alert {
  padding: 5px 15px;
  font-size: 1.2rem;
}
.msg-alert.grey {
  background-color: #f7f7f7;
}
.msg-alert.msg-important {
  color: #e31111;
}
.msg-actions {
  min-width: 215px;
  padding-top: 10px;
  width: auto;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.msg-actions .button {
  min-width: 76px;
  padding: 7px 21px;
}
.msg-action-menu li {
  display: inline-block;
  padding-left: 9px;
}
.msg-action-menu li:first-child {
  padding-left: 0;
}
.msg-action-menu li a {
  color: #071a2b;
  text-decoration: none;
  text-align: left;
}
.msg-action-menu li a .sprite-icon {
  vertical-align: middle;
  margin-right: 5px;
}
.msg-action-menu li a:hover {
  color: #b2b2b2;
}
.msg-exp-body {
  height: 100%;
  overflow: auto;
  padding: 20px 0 10px;
  word-break: break-word;
  word-wrap: break-word;
}
.msg-exp-body ol,
.msg-exp-body ul {
  list-style-position: inside;
  margin-left: 20px;
}
.msg-exp-body ul {
  list-style-type: disc;
}
.candidate-comment-msg-panel .msg-exp-body {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}
.compose-new-msg {
  height: 100%;
}
.popup.full-width:not(.minimized) .popup-wrap.compose-new-msg {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -o-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media screen and (min-device-width: 975px) {
  .android .popup.full-width:not(.minimized) .popup-wrap.compose-new-msg {
    height: 395px;
  }
}
.compose-new-msg,
.popup .compose-new-msg.popup-wrap {
  padding: 0;
}
.compose-new-msg .messaging-content,
.compose-new-msg .popup-content,
.response-message .messaging-content {
  /*.calc-fn(height,"100% - 100px");	*/
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  padding: 15px;
  height: -moz-calc(100% - 52px);
  height: -webkit-calc(100% - 52px);
  height: calc(100% - 52px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.compose-new-msg .messaging-content {
  width: 100%;
  height: 100%;
}
.content-wrapper.messaging.minimized .messaging-content {
  height: 0;
  padding: 0;
  top: 50px;
  position: absolute;
  transition: height 0s 5s, padding 0s 5s;
}
.content-wrapper.messaging.minimized .messaging-content .subject-input-wrap input[type="text"] {
  display: none;
}
.response-message,
.compose-new-msg {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.response-message .messaging-content,
.compose-new-msg .messaging-content {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.comp-msg-top .clearfix {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.comp-msg-top .clearfix .set-priority {
  float: none;
}
.response-message-container,
.response-exception-container {
  display: none;
  /*.response-msg-header h3{
        flex: inherit;
    
  }*/
}
.response-message,
.compose-new-msg {
  overflow: auto;
}
.show-message .response-message.response-message-container,
.show-message .compose-new-msg.response-message-container,
.show-exception .response-message.response-exception-container,
.show-exception .compose-new-msg.response-exception-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.response-message .set-priority .menu-button,
.compose-new-msg .set-priority .menu-button {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.iPad .compose-new-msg {
  overflow: visible;
}
.iPad .compose-new-msg .compose-msg-header,
.iPad .compose-new-msg .comp-resp-id {
  user-select: none;
  -webkit-user-select: none;
}
.response-msg-header h3 {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.response-msg-header .candidate-comments-title {
  display: inline-block;
  margin-right: 70px;
}
.compose-msg-header,
.response-msg-header {
  align-items: center;
  background-color: #00467d;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  padding: 9px 9px 9px 15px;
  position: relative;
  margin: 0;
  min-height: 51px;
  flex-wrap: wrap-reverse;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.compose-msg-header h3,
.response-msg-header h3 {
  color: #fff;
  margin-right: 10px;
  /*	overflow:hidden;
		text-overflow:ellipsis;*/
  white-space: normal;
  /*.calc-fn(max-width,"100% - 78px");*/
  padding-right: 65px;
  -webkit-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  -o-flex: auto;
  flex: auto;
}
.popup .popup-wrap .compose-msg-header.popup-header,
.popup .popup-wrap .response-msg-header.popup-header {
  margin-bottom: 0;
}
.priority-menu li {
  display: inline-block;
  margin-left: 20px;
}
.recipiants-list-wrap,
.subject-input-wrap {
  display: inline-block;
  padding-right: 5px;
}
.msg-recipient-wrap,
.comp-subject-wrap {
  margin-left: 60px;
}
.messaging.popup .msg-recipient-wrap .rec-address-label {
  vertical-align: middle;
}
.messaging.popup .msg-recipient-wrap .recipiants-list-wrap {
  height: 21px;
  width: -moz-calc(100% - 55px);
  width: -webkit-calc(100% - 55px);
  width: calc(100% - 55px);
}
.messaging.popup .msg-recipient-wrap .recipiants-list-wrap .recipiant-name {
  vertical-align: middle;
  text-align: right;
}
.messaging.popup .msg-recipient-wrap .recipiants-list-wrap .recipiant-name:first-child {
  padding-left: 0;
}
.messaging.popup .msg-recipient-wrap .recipiants-list-wrap .recipiant-name:after {
  content: "...";
  margin-left: 5px;
  position: absolute;
}
.messaging.popup .msg-recipient-wrap .recipiants-list-wrap .recipiant-name:last-child:after {
  content: "";
}
.msg-recipient-wrap {
  padding: 10px 0 10px;
  border-bottom: 1px #e5e5e5 solid;
}
.msg-recipient-wrap .rec-address-label {
  vertical-align: top;
}
.msg-recipient-wrap .recipiants-list-wrap {
  overflow: hidden;
  outline: none;
  vertical-align: middle;
}
.msg-recipient-wrap .recipiants-list-wrap .recipiant-name {
  background: #fff;
  display: inline-block;
  line-height: 1.2;
  margin-right: 5px;
  margin-top: 2px;
  vertical-align: top;
  position: relative;
  /*white-space:pre-wrap;*/
  /*removed to avoid wraping issue in ipad*/
  text-align: left;
}
.msg-recipient-wrap .recipiants-list-wrap .recipiant-name .close-icon-small {
  margin-left: 3px;
}
.msg-recipient-wrap .recipiants-list-wrap .recipiant-name:hover .close-icon-small {
  opacity: 0.7;
}
.comp-subject-wrap {
  padding: 10px 0 5px;
  border-bottom: 1px #e5e5e5 solid;
}
.comp-subject-wrap .subject-input {
  border-color: transparent;
  height: 24px;
  padding: 0 5px;
  padding-left: 0;
  width: 100%;
}
.comp-subject-wrap .subject-input::-ms-clear {
  display: none;
}
.comp-subject-wrap .subject-input-wrap {
  width: -moz-calc(100% - 54px);
  width: -webkit-calc(100% - 54px);
  width: calc(100% - 54px);
}
.qig-menu-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.qig-menu-holder .message-qig {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  width: 80%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.qig-menu-holder .message-qig .msg-qig-label {
  /*line-height:2.3;*/
  padding: 3px 5px 2px 0;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  vertical-align: middle;
}
.qig-menu-holder .message-qig .message-qig-name {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  pointer-events: none;
  width: 80%;
}
.qig-menu-holder .message-qig .message-qig-name:not(.dropdown-wrap) {
  padding: 10px 0 8px;
}
.qig-menu-holder .message-qig .message-qig-name .menu-button {
  max-width: 100%;
  min-height: 34px;
}
.qig-menu-holder .message-qig .message-qig-name .menu-button span:first-child {
  display: inline-block;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  max-width: -moz-calc(100% - 5px);
  max-width: -webkit-calc(100% - 5px);
  max-width: calc(100% - 5px);
}
.qig-menu-holder .message-qig .message-qig-name .menu {
  word-break: break-all;
  word-wrap: break-all;
  max-height: -moz-calc(100vh - 170px);
  max-height: -webkit-calc(100vh - 170px);
  max-height: calc(100vh - 170px);
}
.qig-menu-holder .message-qig .message-qig-name .menu,
.qig-menu-holder .message-qig .message-qig-name .menu-button {
  pointer-events: auto;
}
.qig-menu-holder .set-priority {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  margin-right: 0;
}
.comp-resp-id .dim-text,
.message-qig .dim-text {
  display: inline-block;
  padding: 2px 5px 2px 0;
  vertical-align: middle;
}
.message-qig .dropdown-wrap,
.message-resonse-id,
.message-qig-name {
  display: inline-block;
}
.message-qig-name,
.message-resonse-id {
  padding: 2px 5px 2px 0;
  vertical-align: middle;
}
.message-qig-name.dropdown-wrap {
  padding: 0;
}
.message-qig-name.dropdown-wrap .menu-button {
  display: inline-block;
}
.rec-address-label,
.comp-subject-label {
  color: #707070;
  display: inline-block;
  margin-left: -78px;
  min-width: 78px;
  padding: 0 10px 0 0;
  text-align: right;
  vertical-align: middle;
  width: 50px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.comp-subject-label {
  padding-bottom: 2px;
}
.comp-msg-bottom {
  height: -moz-calc(100% - 118px);
  height: -webkit-calc(100% - 118px);
  height: calc(100% - 118px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.iPad .comp-msg-bottom {
  height: -moz-calc(100% - 163px);
  height: -webkit-calc(100% - 163px);
  height: calc(100% - 163px);
}
.popup .comp-msg-bottom {
  height: -moz-calc(100% - 118px);
  height: -webkit-calc(100% - 118px);
  height: calc(100% - 118px);
}
.editor-menu {
  padding: 15px 0;
  overflow: hidden;
}
.editor-menu + .msg-editor {
  height: -moz-calc(100% - 60px);
  height: -webkit-calc(100% - 60px);
  height: calc(100% - 60px);
}
.msg-editor {
  height: 100%;
  padding-top: 7px;
  line-height: 2;
}
.msg-editor .comp-msg-editor {
  border-color: transparent;
  display: inline-block;
  height: 100%;
  resize: none;
  width: 100%;
  padding: 0;
}
.msg-editor div.comp-msg-editor:focus {
  outline: 0 none;
}
.msg-editor > .mce-container {
  height: 100%;
}
.msg-editor > .mce-container > .mce-container-body {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.msg-editor > .mce-container > .mce-container-body .mce-edit-area {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  height: 80%;
}
.iPad .msg-editor > .mce-container > .mce-container-body .mce-edit-area {
  overflow: auto;
}
.minimize-message {
  /*height:33px;*/
  position: absolute;
  /*top:50%;*/
  top: 26px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
  min-width: 78px;
  text-align: right;
}
.minimize-message .minimize-message-link,
.minimize-message .maximize-message-link,
.minimize-message .close-message-link {
  display: inline-block;
  /*height:16px;
		position:absolute;
		right:0;*/
  vertical-align: middle;
  /*top:50%;
		
		.vendorize(transform,translateY(-50%));*/
}
.minimize-message .minimize-message-link .close-icon.lite,
.minimize-message .maximize-message-link .close-icon.lite,
.minimize-message .close-message-link .close-icon.lite {
  right: 15px;
  top: 4px;
}
.minimize-message .minimize-message-link {
  padding: 11px;
  /*right:40px;*/
  position: relative;
  top: 4px;
}
.minimized .minimize-message .minimize-message-link {
  display: none;
}
.minimize-message .close-message-link {
  padding: 12px 15px;
  /*top:23px;*/
  width: 18px;
  position: relative;
}
.minimize-message .maximize-message-link {
  display: none;
}
.minimized .minimize-message .maximize-message-link {
  display: inline-block;
  padding: 12px 11px;
}
/*.marking-wrapper{*/
.messaging-panel {
  width: 0%;
  -webkit-transform: translate3d(0%, 0.01%, 0);
  -moz-transform: translate3d(0%, 0.01%, 0);
  -ms-transform: translate3d(0%, 0.01%, 0);
  -o-transform: translate3d(0%, 0.01%, 0);
  transform: translate3d(0%, 0.01%, 0);
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  -o-align-self: flex-end;
  align-self: flex-end;
  -ms-transform: translate(0%, 0.01%);
}
.content-wrapper.messaging:not(.minimized) .change-view-holder ~ .messaging-panel {
  padding-top: 42px;
}
.popup.messaging {
  left: auto;
  right: 0;
  z-index: 98;
}
.messaging-panel.candidate-comment-msg-panel {
  overflow: visible;
  z-index: 150;
}
.messaging-panel.candidate-comment-msg-panel .message-box {
  bottom: auto;
  margin-right: 8px;
  right: 100%;
  top: 4px;
  width: 360px;
  z-index: 9999;
}
.messaging-panel,
.popup.messaging {
  background-color: #fff;
  bottom: 0;
  /*display:none;*/
  /*position:fixed;
		right:0;
		top:100%; */
  overflow: hidden;
  -webkit-transition: height 0.3s, width 0.3s, top 0.3s, bottom 0.3s, transform 0.3s, right 0.3s;
  -moz-transition: height 0.3s, width 0.3s, top 0.3s, bottom 0.3s, transform 0.3s, right 0.3s;
  -ms-transition: height 0.3s, width 0.3s, top 0.3s, bottom 0.3s, transform 0.3s, right 0.3s;
  -o-transition: height 0.3s, width 0.3s, top 0.3s, bottom 0.3s, transform 0.3s, right 0.3s;
  transition: height 0.3s, width 0.3s, top 0.3s, bottom 0.3s, transform 0.3s, right 0.3s;
}
.iPad .messaging-panel,
.iPad .popup.messaging {
  -webkit-transition: height 0.3s, top 0.3s, bottom 0.3s, transform 0.3s, right 0.3s;
  -moz-transition: height 0.3s, top 0.3s, bottom 0.3s, transform 0.3s, right 0.3s;
  -ms-transition: height 0.3s, top 0.3s, bottom 0.3s, transform 0.3s, right 0.3s;
  -o-transition: height 0.3s, top 0.3s, bottom 0.3s, transform 0.3s, right 0.3s;
  transition: height 0.3s, top 0.3s, bottom 0.3s, transform 0.3s, right 0.3s;
}
.messaging-panel.resizing,
.popup.messaging.resizing {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-action: none;
  -moz-touch-action: none;
  -ms-touch-action: none;
  -o-touch-action: none;
  touch-action: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -ms-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.messaging-panel .popup-content,
.popup.messaging .popup-content {
  display: none;
}
.content-wrapper:not(.messaging) .messaging-panel {
  width: 0 !important;
  height: 100vh;
}
.minimized .messaging-panel.candidate-comment-msg-panel {
  overflow: hidden;
}
.minimized .messaging-panel.candidate-comment-msg-panel .message-box {
  display: none;
}
.minimized .messaging-panel,
.minimized.popup.open {
  display: block;
  height: 51px;
  margin-top: -51px;
  min-width: 325px;
  padding-left: 0;
  position: absolute;
  right: 329px;
  width: auto !important;
  /*added important to avoid setting resized width for minimized messaging panel*/
  z-index: 154;
  /*	.vendorize(transform,translate(0,-100%));
			.vendorize(box-shadow,5px 5px 14px 8px fade(@pure-black,20%));
			*/
  -webkit-box-shadow: 5px 5px 14px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 14px 8px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 5px 5px 14px 8px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 5px 5px 14px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 14px 8px rgba(0, 0, 0, 0.2);
}
.minimized .messaging-panel .panel-resizer,
.minimized.popup.open .panel-resizer {
  display: none;
}
.minimized .messaging-panel .maximize-message-link,
.minimized.popup.open .maximize-message-link {
  display: inline-block;
  height: 18px;
  margin-top: 0px;
  padding: 12px 10px;
  /*right:40px;
				 width:19px;*/
}
.minimized.popup.open {
  top: 100%;
}
.minimized .comp-msg-butons {
  display: none;
}
.minimized.popup.messaging,
.minimized .thumb-view + .messaging-panel,
.minimized.closed-response .thumb-view + .messaging-panel {
  left: inherit;
  overflow: hidden;
  right: 17px;
}
.minimized .change-view-holder + .marksheets + .show-exception {
  right: 20px;
}
.minimized.closed-response .messaging-panel {
  right: 258px;
}
.Safari.iPad .messaging.popup .popup-content {
  /*	transform: translateZ(0); */
  -webkit-overflow-scrolling: auto;
}
.messaging .messaging-content {
  background-color: #fff;
}
.messaging:not(.minimized) {
  /*.change-view-holder*/
}
.messaging:not(.minimized) .change-view-holder {
  z-index: 151;
}
.messaging:not(.minimized) .change-view-holder ~ .messaging-panel .message-box {
  top: 44px;
}
.messaging:not(.minimized) .panel-resizer + .response-message {
  padding-left: 5px;
}
.messaging:not(.minimized) .comp-msg-butons {
  display: block;
  margin-right: 71px;
  order: 2;
}
.messaging:not(.minimized) .comp-msg-butons .button {
  margin-right: 10px;
  margin-bottom: 5px;
}
.messaging:not(.minimized) .comp-msg-butons .button + .button {
  margin-left: 0;
}
.messaging:not(.minimized) .messaging-panel {
  border-left: 1px solid #e5e5e5;
  display: block;
  height: 100%;
  max-width: 40%;
  min-width: 275px;
  /*padding-left:6px;*/
  width: 40%;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -webkit-transform: translate(0%);
  -moz-transform: translate(0%);
  -ms-transform: translate(0%);
  -o-transform: translate(0%);
  transform: translate(0%);
  right: 0px;
}
.messaging:not(.minimized) .messaging-content,
.messaging:not(.minimized).popup .popup-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.messaging:not(.minimized) .marksheets-inner:not(.thumb-view) .messaging-content,
.iPad .messaging:not(.minimized).popup .popup-content .tree-view {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.messaging:not(.minimized).popup .popup-content {
  -ms-transform: none;
}
.messaging:not(.minimized) .messaging-content {
  padding: 10px 15px 15px;
}
.messaging:not(.minimized) .messaging-content .comp-resp-id {
  margin-top: 7px;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.messaging:not(.minimized) .messaging-content .msg-recipient-wrap {
  padding: 20px 0 5px;
}
.messaging:not(.minimized) .show-exception .messaging-content {
  overflow: auto;
  /*-webkit-overflow-scrolling:auto;*/
  display: block;
}
.IE .messaging:not(.minimized) .show-exception .messaging-content {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.messaging:not(.minimized) .marking-question-panel,
.messaging:not(.minimized) .mark-button-container {
  display: none;
}
.messaging:not(.minimized) .marking-tools-panel {
  margin-left: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  /*display:none;*/
  /*removed to fix the fading out issue when message panel hide*/
}
.messaging:not(.minimized) .marksheets {
  /*width:60%;*/
}
.messaging.minimized .marking-tools-panel {
  /*display:block;
				.vendorize(transform,translateX(0));*/
}
.messaging.minimized .set-priority {
  margin-top: -7px;
}
.messaging.minimized .compose-new-msg,
.messaging.minimized .response-message {
  position: relative;
  overflow: hidden;
}
.messaging.minimized .compose-new-msg .message-heading-text,
.messaging.minimized .response-message .message-heading-text {
  display: inline-block;
  font-size: 1.8rem;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.messaging.minimized .compose-new-msg .new-text,
.messaging.minimized .response-message .new-text {
  font-size: 1.7rem;
  vertical-align: middle;
}
.messaging .compose-new-msg {
  overflow: hidden;
}
/*message search*/
.grid-split-wrapper .search-box-wrap {
  margin-left: 0px;
}
.grid-split-wrapper.with-searchbox .search-box-wrap {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
}
.msg-search-wrap .search-box-panel .relative {
  padding: 6px 17px 6px 0;
}
.msg-search-wrap .search-box-panel .relative .search-link {
  top: 14px;
}
.msg-search-wrap.multiSearch {
  padding: 9px 10px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1068px) {
  .msg-search-wrap.multiSearch {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: normal;
    -moz-align-items: normal;
    -ms-align-items: normal;
    -o-align-items: normal;
    align-items: normal;
  }
}
.msg-search-wrap.multiSearch .search-result-panel {
  flex: 1;
  -webkit-flex: 1;
}
@media screen and (max-width: 1068px) {
  .msg-search-wrap.multiSearch .search-result-panel {
    flex: none;
    -webkit-flex: none;
  }
}
@media screen and (max-width: 768px) {
  .msg-search-wrap.multiSearch .search-box-panel + .search-box-panel .relative {
    margin-top: 0;
  }
}
.msg-search-wrap.multiSearch .search-box-panel {
  flex: 1;
  -webkit-flex: 1;
}
.msg-search-wrap.multiSearch .search-box-panel input[type="text"] {
  height: 30px;
  flex: 1;
  -webkit-flex: 1;
  width: auto;
}
.msg-search-wrap.multiSearch .search-box-panel .relative {
  padding-top: 0;
  padding-bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  padding-right: 0;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.msg-search-wrap.multiSearch .search-box-panel .relative .search-link {
  top: 6px;
}
.msg-search-wrap.multiSearch .search-box-panel .relative .close-link {
  top: 4px;
}
.msg-search-wrap.multiSearch .search-box-panel + .search-box-panel {
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .msg-search-wrap.multiSearch .search-box-panel + .search-box-panel {
    padding-left: 0px;
  }
}
.msg-search-wrap.multiSearch .inline-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
@media screen and (max-width: 768px) {
  .msg-search-wrap.multiSearch .inline-wrap {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
}
.msg-search-wrap.multiSearch .searching-txt:not(.loading) {
  padding-left: 4px;
}
@media screen and (max-width: 768px) {
  .msg-search-wrap.multiSearch .searching-txt:not(.loading) {
    margin-bottom: 4px;
  }
}
.msg-search-wrap,
.search-box-wrap {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.msg-search-wrap ~ .msg-listing-wrap,
.search-box-wrap ~ .msg-listing-wrap {
  margin-top: 0;
}
.msg-search-wrap.env-search-wrap,
.search-box-wrap.env-search-wrap {
  margin: 0 0 15px 0;
}
.msg-search-wrap.env-search-wrap .search-box-panel input.text-underline,
.search-box-wrap.env-search-wrap .search-box-panel input.text-underline {
  width: 380px;
}
.msg-search-wrap .searching-txt,
.search-box-wrap .searching-txt {
  display: none;
}
.search-complete.msg-search-wrap .searching-txt:not(.loading),
.search-complete.search-box-wrap .searching-txt:not(.loading) {
  display: block;
}
.msg-search-wrap .search-result-panel,
.search-box-wrap .search-result-panel {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  width: auto;
}
.msg-search-wrap .search-result-panel .searching-txt,
.search-box-wrap .search-result-panel .searching-txt {
  color: #707070;
}
.msg-search-wrap .search-box-panel,
.search-box-wrap .search-box-panel {
  width: auto;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.msg-search-wrap .search-box-panel .bar,
.search-box-wrap .search-box-panel .bar {
  margin-top: -2px;
}
.msg-search-wrap .search-box-panel .relative,
.search-box-wrap .search-box-panel .relative {
  margin-top: -5px;
}
.msg-search-wrap .search-box-panel .search-icon-small,
.search-box-wrap .search-box-panel .search-icon-small {
  position: absolute;
  left: 0;
}
.msg-search-wrap .search-box-panel .close-link,
.search-box-wrap .search-box-panel .close-link {
  display: none;
  right: -6px;
  top: 6px;
  position: absolute;
  padding: 6px;
  z-index: 96;
}
.msg-search-wrap .search-box-panel input.text-underline,
.search-box-wrap .search-box-panel input.text-underline {
  padding: 7px 20px 0;
  width: 235px;
}
.msg-search-wrap .search-box-panel input.text-underline:valid + .close-link,
.search-box-wrap .search-box-panel input.text-underline:valid + .close-link {
  display: block;
}
.msg-search-wrap .search-box-panel input.text-underline::-ms-clear,
.search-box-wrap .search-box-panel input.text-underline::-ms-clear {
  display: none;
}
.msg-search-wrap .search-box-panel .search-link,
.search-box-wrap .search-box-panel .search-link {
  left: -9px;
  position: absolute;
  padding: 5px 10px;
  top: 8px;
  z-index: 97;
}
.touch-device .msg-search-wrap .search-box-panel .search-link,
.touch-device .search-box-wrap .search-box-panel .search-link {
  pointer-events: none;
}
.msg-search-wrap.lite input.text-underline,
.search-box-wrap.lite input.text-underline {
  color: #fff;
  width: 325px;
}
.msg-search-wrap.lite input.text-underline::-webkit-input-placeholder,
.search-box-wrap.lite input.text-underline::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 768px) {
  .msg-search-wrap.lite input.text-underline,
  .search-box-wrap.lite input.text-underline {
    width: 220px;
  }
}
/* Address list popout(messaging)*/
.popup .in-page-popout {
  height: auto;
  width: 100vw;
  /*position:absolute;*/
  z-index: 99999;
  padding: 0;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}
.popup .in-page-popout .popup-content {
  padding: 0;
}
.popup .in-page-popout .popup-wrap {
  bottom: 50px;
  top: 93px;
  left: 69px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.popup.marking-error-popup .popup-header,
.popup.view-comment-popup .popup-header,
.popup.outcome-popup .popup-header,
.popup.marking-error-popup .popup-content,
.popup.view-comment-popup .popup-content,
.popup.outcome-popup .popup-content {
  color: #071a2b;
}
.popup.marking-error-popup .check-box-item,
.popup.view-comment-popup .check-box-item,
.popup.outcome-popup .check-box-item {
  padding: 8px 0px;
}
.popup.marking-error-popup .check-box-wrapper,
.popup.view-comment-popup .check-box-wrapper,
.popup.outcome-popup .check-box-wrapper {
  padding: 10px 0px;
}
.popup.marking-error-popup.close .popup-wrap,
.popup.view-comment-popup.close .popup-wrap,
.popup.outcome-popup.close .popup-wrap {
  top: auto;
  bottom: -500px;
}
.popup.marking-error-popup .popup-wrap,
.popup.view-comment-popup .popup-wrap,
.popup.outcome-popup .popup-wrap {
  min-width: 560px;
  position: absolute;
  bottom: 0;
  top: auto;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: move-to-up 0.4s;
  -moz-animation: move-to-up 0.4s;
  -ms-animation: move-to-up 0.4s;
  -o-animation: move-to-up 0.4s;
  animation: move-to-up 0.4s;
}
@-moz-keyframes move-to-up {
  0% {
    bottom: 0;
  }
  99% {
    bottom: -300px;
  }
  100% {
    bottom: -300px;
  }
}
@-webkit-keyframes move-to-up {
  0% {
    bottom: 0;
  }
  99% {
    bottom: -300px;
  }
  100% {
    bottom: -300px;
  }
}
@keyframes move-to-up {
  0% {
    bottom: 0;
  }
  99% {
    bottom: -300px;
  }
  100% {
    bottom: -300px;
  }
}
.popup.marking-error-popup .input-text-area,
.popup.view-comment-popup .input-text-area,
.popup.outcome-popup .input-text-area {
  width: 520px;
  height: 96px;
  margin-top: 10px;
  resize: none;
  color: #071a2b;
}
.popup.outcome-popup.open,
.popup.marking-error-popup.open,
.popup.view-comment-popup.open {
  overflow: hidden;
}
.popup.outcome-popup.open .popup-wrap,
.popup.marking-error-popup.open .popup-wrap,
.popup.view-comment-popup.open .popup-wrap {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: move-from-down 0.4s;
  -moz-animation: move-from-down 0.4s;
  -ms-animation: move-from-down 0.4s;
  -o-animation: move-from-down 0.4s;
  animation: move-from-down 0.4s;
}
@-moz-keyframes move-from-down {
  0% {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
  }
  99% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes move-from-down {
  0% {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
  }
  99% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes move-from-down {
  0% {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
  }
  99% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.popup.error-popup {
  z-index: 9999;
}
.rec-address-label {
  position: relative;
}
.to-address-btn {
  min-width: 50px;
}
.msg-address-list-popup {
  /*left:60px;*/
  top: 101px;
  bottom: 0;
}
.msg-address-list-popup.resp-msg-address-list-popup {
  top: 0;
}
.msg-address-list-popup.resp-msg-address-list-popup.popup {
  text-align: left;
}
.IE .msg-address-list-popup.resp-msg-address-list-popup.popup {
  left: auto;
}
@media (max-width: 1024px) {
  .msg-address-list-popup.resp-msg-address-list-popup.popup {
    padding: 50px 10px;
  }
}
.msg-address-list-popup.resp-msg-address-list-popup:before {
  display: none;
}
.msg-address-list-popup.resp-msg-address-list-popup .popup-content {
  display: block;
}
.msg-address-list-popup.resp-msg-address-list-popup .popup-content .tree-view {
  max-height: -moz-calc(100vh - 500px);
  max-height: -webkit-calc(100vh - 500px);
  max-height: calc(100vh - 500px);
}
.msg-address-list-popup.resp-msg-address-list-popup .popup-wrap {
  top: 110px;
  right: -27px;
}
@media (max-width: 1024px) {
  .msg-address-list-popup.resp-msg-address-list-popup .popup-wrap {
    top: 162px;
    right: auto;
    left: auto;
    max-width: -moz-calc(100% + 0px);
    max-width: -webkit-calc(100% + 0px);
    max-width: calc(100% + 0px);
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .msg-address-list-popup.resp-msg-address-list-popup .popup-wrap {
    top: 102px;
  }
}
.msg-address-list-popup .popup-content {
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.msg-address-list-popup .popup-content .tree-view > ul {
  position: relative;
  z-index: 9999;
}
.show-exception .response-exception-container .response-msg-header .comp-msg-butons {
  order: 2;
  margin-right: 72px;
}
.show-exception .response-exception-container .response-msg-header .comp-msg-butons ~ .comp-msg-title .title-spacer {
  width: 0;
}
.show-exception .response-exception-container .response-msg-header .comp-msg-title {
  order: 1;
}
.show-exception .response-exception-container .response-msg-header .comp-msg-title .title-spacer {
  width: 78px;
  height: 25px;
  float: right;
}
.left-menu.panel-group .search-box-wrap {
  height: 52px;
  margin: 0px 20px;
  -webkit-justify-content: unset;
  -moz-justify-content: unset;
  -ms-justify-content: unset;
  -o-justify-content: unset;
  justify-content: unset;
}
.Safari.iPad .subject-input,
.Safari.iPad .subject-input-wrap {
  -webkit-user-select: all;
  /* to fix ipad set foucs issue in compose MSG subject*/
}
/*}*/
@media (max-width: 768px) {
  .comp-msg-bottom {
    height: -moz-calc(100vh - 300px);
    height: -webkit-calc(100vh - 300px);
    height: calc(100vh - 300px);
  }
  .set-priority,
  .comp-resp-id {
    float: none;
  }
  .priority-menu li:first-child {
    margin-left: 0;
  }
}
.checkbox-area {
  position: relative;
  display: inline-block;
  width: 22px;
}
/* LESS Document */
.side-page .marksheet-zoom-holder {
  display: inline-block;
  padding-right: 260px;
}
.side-page .comments-bg {
  background-color: #dadada;
  height: 100%;
  position: absolute;
  pointer-events: auto;
  top: 0;
  right: 0;
  width: 260px;
  z-index: 150;
}
.comment-mask {
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.side-page .comment-mask {
  /*display:none;hiding masks to avoid performance issue in IE*/
  width: -moz-calc(100% - 250px);
  width: -webkit-calc(100% - 250px);
  width: calc(100% - 250px);
}
.side-page .comment-mask + .comment-box-holder .comment-box {
  margin-top: 0;
}
.comment-holder {
  /*bottom:0;	*/
  left: 0;
  overflow: visible;
  /*pointer-events:none;*/
  position: fixed;
  right: 0;
  top: 0;
  z-index: 998;
}
.side-page .comment-holder {
  clear: both;
  float: left;
  position: relative;
  width: 100%;
}
.side-page .comment-holder:first-child .comment-mask + .comment-box-holder {
  padding-top: 52px;
}
.excel-response-container.side-page .comment-holder:first-child .comment-mask + .comment-box-holder {
  padding-top: 0;
}
.on-page .comment-holder {
  height: 100%;
}
.comment-container {
  /*display:none;*/
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 100%;
  left: 0;
  /*.on-page .marksheets-inner &{
		display:block;	
	}
	.side-page .marksheet-container &{
		display:block;	
	}*/
}
.excel-response-container .comment-container {
  bottom: 0;
  top: 0;
}
.on-page .comment-container {
  height: 100%;
}
.side-page .comment-container {
  height: auto;
  overflow: visible;
  padding: 5px;
  right: 0;
  width: auto;
}
.html-response-container.side-page .comment-container {
  z-index: 1;
}
.comment-wrapper {
  left: 58px;
  position: relative;
  top: 60px;
  /*.on-page &{
		height:100%;
		padding-top:0 !important;	 	
	}*/
  /*important to override inline style*/
}
.side-page .comment-wrapper {
  left: 0 !important;
  /* important to override inline style*/
  /*padding-top:0 !important;	 important to override inline style*/
  top: 0 !important;
  /* important to override inline style*/
  width: inherit !important;
  /* important to override inline style*/
  margin-top: -moz-calc(3 * (100% - 250px) / 100);
  margin-top: -webkit-calc(3 * (100% - 250px) / 100);
  margin-top: calc(3 * (100% - 250px) / 100);
}
.side-page .comment-wrapper .side-view-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  /*.flex-display();
			.vendorize(flex-direction,column);
			.vendorize(align-items,flex-end);*/
}
.side-page .comment-holder:first-child .comment-wrapper {
  margin-top: 0;
}
.delete-comment-button {
  height: 26px;
}
.delete-comment-button,
.offpage-comment-link {
  color: #707070;
  display: inline-block;
  fill: currentColor;
  height: 100%;
}
.delete-comment-button:hover,
.offpage-comment-link:hover {
  color: #3b5062;
}
.comment.annotation-wrap .svg-icon {
  z-index: 2;
}
.open.comment.annotation-wrap .svg-icon {
  /*background-color:@pure-white;	*/
}
.comment-line-holder {
  /*display:none;*/
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 888;
}
.hide-line .comment-line-holder {
  display: none;
}
.comment-line-holder .line-svg-holder {
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
}
.comment-line-holder svg.line-svg {
  height: 100%;
  overflow: visible;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* Fix to avoid line hide above top boudary of comment-holder*/
}
.side-page .comment-line-holder svg.line-svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.side-page .comment-line-holder {
  right: 255px;
  width: auto;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -ms-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
  /*.calc-fn(width,"100% - @{comment-box-width}");		*/
}
.comment-line-holder .comment-connector {
  stroke-width: 2px;
  stroke: currentColor;
  /*opacity:0.97;*/
  /*.side-page .inactive &{
			display:none;
		}*/
}
.inactive .comment-line-holder .comment-connector {
  opacity: 0.4;
}
.side-page .comment-line-holder .comment-connector {
  stroke-dasharray: 5;
}
.side-page .open .comment-line-holder .comment-connector {
  stroke-dasharray: 0;
}
.comment-box-holder {
  display: none;
}
.on-page .comment-box-holder.close {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-out 0.3s;
  -moz-animation: fade-out 0.3s;
  -ms-animation: fade-out 0.3s;
  -o-animation: fade-out 0.3s;
  animation: fade-out 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
.on-page .comment-box-holder.open {
  display: block;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.3s;
  -moz-animation: fade-in 0.3s;
  -ms-animation: fade-in 0.3s;
  -o-animation: fade-in 0.3s;
  animation: fade-in 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.side-page .comment-box-holder {
  display: block;
  text-align: right;
  /*.flex-display();
		.vendorize(flex-direction,column);
		.vendorize(align-items,flex-end);
		.vendorize(justify-content, flex-end);*/
}
.comment-box-holder .comment-box {
  background: #fff;
  border: 1px solid currentColor;
  left: 0;
  pointer-events: auto;
  position: relative;
  width: 250px;
  z-index: 8888;
  /*.vendorize(transition,left 0.1s);*/
}
.side-page .inactive.comment-box-holder .comment-box,
.side-page :not(.open).comment-box-holder .comment-box {
  border: 0 none;
  /*&:before{
				background-color:fade(@pure-white,40%);
				bottom:-1px;
				content:"";
				display:block;
				left:-1px;
				position:absolute;
				right:-1px;
				top:-1px;
			}*/
}
.on-page .comment-box-holder .comment-box {
  /*left:100%;*/
  /*		margin-left:125px;
			margin-top:98px;*/
  /*margin-left:2%;
			margin-top:-2%;*/
  cursor: move;
  position: absolute;
  /*top:0;*/
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
  /*			.vendorize(transform,translate(-50%,-50%));	*/
}
.on-page .comment-box-holder .comment-box.align-right-top {
  /*align-<position>-<align>*/
  margin-left: 2%;
  margin-top: -2%;
}
.on-page .comment-box-holder .comment-box.align-right-bottom {
  margin-left: 2%;
  margin-top: -moz-calc(2% - 185px);
  margin-top: -webkit-calc(2% - 185px);
  margin-top: calc(2% - 185px);
}
.on-page .comment-box-holder .comment-box.align-bottom-right {
  margin-top: 2%;
  margin-left: -moz-calc(2% - 250px  );
  margin-left: -webkit-calc(2% - 250px  );
  margin-left: calc(2% - 250px  );
}
.on-page .comment-box-holder .comment-box.align-bottom-left {
  margin-left: -2%;
  margin-top: 2%;
}
.on-page .comment-box-holder .comment-box.align-left-bottom {
  margin-left: -moz-calc(-2% - 250px);
  margin-left: -webkit-calc(-2% - 250px);
  margin-left: calc(-2% - 250px);
  margin-top: -moz-calc(2% - 185px);
  margin-top: -webkit-calc(2% - 185px);
  margin-top: calc(2% - 185px);
}
.on-page .comment-box-holder .comment-box.align-left-top {
  margin-top: -2%;
  margin-left: -moz-calc(-2% - 250px);
  margin-left: -webkit-calc(-2% - 250px);
  margin-left: calc(-2% - 250px);
}
.on-page .comment-box-holder .comment-box.align-top-left {
  margin-left: -2%;
  margin-top: -moz-calc(-2% - 185px);
  margin-top: -webkit-calc(-2% - 185px);
  margin-top: calc(-2% - 185px);
}
.on-page .comment-box-holder .comment-box.align-top-right {
  margin-left: -moz-calc(2% - 250px);
  margin-left: -webkit-calc(2% - 250px);
  margin-left: calc(2% - 250px);
  margin-top: -moz-calc(-2% - 185px);
  margin-top: -webkit-calc(-2% - 185px);
  margin-top: calc(-2% - 185px);
}
.on-page .inactive.comment-box-holder .comment-box:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: -1px;
  content: "";
  display: block;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
}
.side-page .comment-box-holder .comment-box {
  border-radius: 2px;
  clear: both;
  display: inline-block;
  /*float:right;*/
  left: auto !important;
  /* important to override inline style*/
  margin-top: 1px;
  /*margin-right:10px;*/
  text-align: left;
  top: auto !important;
  /* important to override inline style*/
}
.comment-box-holder .comment-box .commentbox-inner {
  padding: 9px;
  position: relative;
  z-index: 2;
  background-color: currentColor;
}
.side-page .inactive:not(.open).comment-box-holder .comment-box .commentbox-inner {
  opacity: 0.4;
}
.comment-box-holder .comment-box .commentbox-fader {
  /*background-color:fade(@pure-white,95%);*/
  background-color: transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.inactive.comment-box-holder .comment-box .commentbox-fader {
  background-color: rgba(255, 255, 255, 0.98);
}
.side-page .comment-box-holder .comment-box .commentbox-fader {
  border-radius: 2px;
}
.comment-box-holder .comment-box .comment-box-header {
  color: #707070;
  line-height: 30px;
}
.comment-box-holder .comment-box .comment-box-header .comment-heading {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  max-width: -moz-calc(100% - 30px);
  max-width: -webkit-calc(100% - 30px);
  max-width: calc(100% - 30px);
}
.comment-box-holder .comment-box .comment-box-header .comment-icon-holder {
  fill: currentColor;
  float: right;
  width: 25px;
}
.comment-box-holder .comment-box .comment-box-footer {
  max-height: 31px;
  padding: 5px 0 0;
}
.comment-box-holder .comment-box .comment-box-footer .button {
  min-width: 70px;
}
.read-only-comment.comment-box-holder .comment-box .comment-box-footer,
.side-page :not(.open).comment-box-holder .comment-box .comment-box-footer {
  display: none;
}
.comment-box-holder .comment-box .comment-box-content {
  position: relative;
}
.comment-box-holder .comment-box .comment-box-content .comment-input {
  border: 1px solid rgba(255, 255, 255, 0.8);
  height: 105px;
  overflow: auto;
  position: relative;
  width: 100%;
  z-index: 2;
}
.side-page :not(.open).comment-box-holder .comment-box .comment-box-content .comment-input {
  /*height:66px;*/
  height: auto;
  max-height: 60px;
  overflow: hidden;
}
.side-page :not(.open).comment-box-holder .comment-box .comment-box-content .comment-input .comment-textbox {
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  overflow-wrap: break-word /*word-break:break-all;*/;
}
.read-only-comment.comment-box-holder .comment-box .comment-box-content .comment-input,
.side-page :not(.open).comment-box-holder .comment-box .comment-box-content .comment-input {
  border: 1px solid transparent;
}
.comment-box-holder .comment-box .comment-box-content .comment-input .comment-textbox {
  border: 0 none;
  color: #3b5062;
  height: 100%;
  left: 0;
  padding: 5px;
  position: absolute;
  resize: none;
  top: 0;
  width: 100%;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.comment-box-holder .comment-box .comment-box-content .comment-input .comment-textbox[readonly] {
  background-color: transparent;
}
:not(.open).comment-box-holder .comment-box .comment-box-content .comment-input div.comment-textbox,
.inactive.comment-box-holder .comment-box .comment-box-content .comment-input .comment-textbox {
  padding: 0px;
}
.comment-box-holder .comment-box .comment-box-content .comment-input-border {
  border: 1px solid currentColor;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.read-only-comment.comment-box-holder .comment-box .comment-box-content .comment-input-border,
.side-page :not(.open).comment-box-holder .comment-box .comment-box-content .comment-input-border {
  border: 1px solid transparent;
}
.comment-box-holder:not(.open) .comment-input:before {
  content: '';
  float: left;
  height: 60px;
  position: relative;
  width: 5px;
}
.comment-box-holder:not(.open) .comment-textbox {
  float: right;
  width: 100%;
  margin-left: -5px;
}
.comment-box-holder:not(.open) .ellipsis-dots {
  float: right;
  width: 15px;
  margin-left: -15px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  top: -21px;
  background-color: currentColor;
  position: relative;
  left: 100%;
  padding-right: 5px;
}
.comment-box-holder:not(.open) .ellipsis-dots:after {
  content: '...';
  color: #3b5062;
  font-family: Arial, Verdana;
  display: block;
  font-weight: bold;
  padding-left: 4px;
}
.content-wrapper.commenting .annotation-holder,
.content-wrapper.commenting .question-panel,
.content-wrapper.commenting .tool-panel,
.content-wrapper.commenting .mark-button-container {
  /*pointer-events:none;	*/
}
.content-wrapper.commenting .comment-box {
  pointer-events: auto;
}
.content-wrapper.commenting .hide-box .comment-box {
  display: none;
}
.hide-comment-holder {
  display: none;
}
.side-page .hide-comment-holder {
  background-color: #dadada;
  display: block;
  padding-bottom: 10px;
  padding-right: 5px;
  padding-top: 20px;
  position: absolute;
  right: 17px;
  text-align: right;
  top: 0;
  width: 260px;
  z-index: 2;
}
.touch-device .side-page .hide-comment-holder {
  padding-right: 10px;
  right: 0px;
}
.Edge .side-page .hide-comment-holder {
  right: 12px;
}
.Mac .side-page .hide-comment-holder {
  width: 258px;
}
.side-page .offpage-comment-icon {
  display: none;
}
.offpage-comment-container {
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  flex: 0 0  auto;
  -webkit-flex: 0 0  auto;
  /*height:500px;*/
  max-height: 50%;
  max-width: 100%;
  min-height: 70px;
  position: relative;
  white-space: normal;
  z-index: 3;
}
.offpage-comment-container:not(.enhanced) {
  margin-top: auto;
}
.offpage-comment-container.enhanced {
  background-color: #fff;
  border-bottom: 1px solid #c7c7c7;
  border-top: 0 none;
  margin-bottom: auto;
  margin-left: 5px;
  min-height: 140px;
  height: 138px;
  z-index: auto;
  -webkit-transition: min-height 0.3s, margin-left 0.3s, width 0.3s, max-width 0.3s;
  -moz-transition: min-height 0.3s, margin-left 0.3s, width 0.3s, max-width 0.3s;
  -ms-transition: min-height 0.3s, margin-left 0.3s, width 0.3s, max-width 0.3s;
  -o-transition: min-height 0.3s, margin-left 0.3s, width 0.3s, max-width 0.3s;
  transition: min-height 0.3s, margin-left 0.3s, width 0.3s, max-width 0.3s;
  /* .comment-detail-wrapper,
	 .comment-table-container{
			.vendorize(backface-visibility,hidden); 
			-ms-backface-visibility: visible;
	 }*/
  /* .vendorize(transform;rotateX(180deg));  */
  /* .comment-detail-wrapper,
	  .detail-view& .comment-detail-wrapper{
			.vendorize(transform;rotateX(180deg));
	   }
	   .comment-table-container,
	   .detail-view& .comment-table-container{
		   .vendorize(transform;rotateX(0deg));
	   }
	   
	   
		.comment-table-container,
	    .detail-view& .comment-detail-wrapper,
	    .comment-detail-wrapper,
		.detail-view& .comment-table-container{
			.vendorize(animation,stayvisible @flip-speed both);
			-ms-animation: donothing @flip-speed;
			-ms-transition: visibility 0s linear @flip-speed/2.941176470588235;
		}
		.comment-table-container,
	    .detail-view& .comment-detail-wrapper{
			visibility: visible;	
		}
		
		.comment-detail-wrapper,
		.detail-view& .comment-table-container{
			visibility: hidden;	
		}*/
}
.offpage-comment-container.enhanced.detail-view {
  min-height: 140px;
}
.offpage-comment-container.enhanced:not(.resizing) {
  -webkit-transition: height 0.3s, width 0.3s, max-width 0.3s, min-height 0.3s, margin-left 0.3s;
  -moz-transition: height 0.3s, width 0.3s, max-width 0.3s, min-height 0.3s, margin-left 0.3s;
  -ms-transition: height 0.3s, width 0.3s, max-width 0.3s, min-height 0.3s, margin-left 0.3s;
  -o-transition: height 0.3s, width 0.3s, max-width 0.3s, min-height 0.3s, margin-left 0.3s;
  transition: height 0.3s, width 0.3s, max-width 0.3s, min-height 0.3s, margin-left 0.3s;
}
.offpage-comment-container.enhanced .offpage-comment-wrapper {
  padding: 0;
  position: static;
  z-index: auto;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  height: auto;
}
.offpage-comment-container.enhanced .panel-resizer {
  z-index: 6;
}
.offpage-comment-container.enhanced.hide,
.messaging:not(.minimized,.keep-offpage-comment-visible) .offpage-comment-container.enhanced {
  border-bottom: 0;
  display: block;
  height: 0 !important;
  /* To over ride inline styles*/
  min-height: 0;
  overflow: hidden;
}
.offpage-comment-container.enhanced + .media-player-wrapper {
  border-bottom: 1px #c8c7cc solid;
}
.offpage-comment-container.enhanced .comment-detail-wrapper {
  height: 100%;
  top: 0;
}
.offpage-comment-container.enhanced .comment-table-container {
  height: 100%;
  /*margin-top: -30px;*/
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  /*.Safari &{
				height: 100%;
			}*/
}
.offpage-comment-container.enhanced .comment-table-container,
.offpage-comment-container.enhanced .comment-detail-wrapper,
.offpage-comment-container.enhanced .comment-flip-holder {
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.offpage-comment-container.enhanced .comment-flip-holder {
  /* z-index:4;*/
  /* .vendorize(transform-style,preserve-3d);
		  .vendorize(backface-visibility,visible);
		  .vendorize(transform;rotateX(0deg));	*/
  height: -moz-calc(100% - 5px);
  height: -webkit-calc(100% - 5px);
  height: calc(100% - 5px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.offpage-comment-container.enhanced .comment-table-container {
  background: #fff;
  /*z-index:2;*/
}
.offpage-comment-container.enhanced .comment-table-container svg {
  transform: none;
}
.offpage-comment-container.enhanced .comment-table-container:before {
  background: #fff;
  border-bottom: 1px solid #b2b2b2;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.offpage-comment-container.enhanced .comment-table-container,
.offpage-comment-container.enhanced .comment-table-container:before {
  padding-top: 30px;
}
.offpage-comment-container.enhanced .comment-detail-wrapper {
  background: #fff;
  opacity: 0;
  padding: 10px;
  z-index: -1;
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-transition: z-index 0.3s, opacity 0.3s;
  -moz-transition: z-index 0.3s, opacity 0.3s;
  -ms-transition: z-index 0.3s, opacity 0.3s;
  -o-transition: z-index 0.3s, opacity 0.3s;
  transition: z-index 0.3s, opacity 0.3s;
}
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  padding-bottom: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-menu-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  margin-bottom: 5px;
  max-width: 100%;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  /*.vendorize(flex-wrap,wrap);*/
}
.IE .offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-menu-holder {
  min-width: 250px;
}
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-button-holder {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-file-dropdown,
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-item-dropdown {
  display: inline-block;
  /*flex:0 0 50%;
						-webkit-flex:0 0 50%;*/
  min-height: 30px;
  white-space: nowrap;
  z-index: 9;
}
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-file-dropdown .menu,
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-item-dropdown .menu {
  max-width: 500px;
  white-space: nowrap;
  max-height: -moz-calc(100vh - 130px);
  max-height: -webkit-calc(100vh - 130px);
  max-height: calc(100vh - 130px);
}
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-file-dropdown .dropdown-text,
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-item-dropdown .dropdown-text {
  display: inline-block;
  color: #707070;
  padding: 8px 16px;
}
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-file-dropdown a.menu-button,
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-item-dropdown a.menu-button {
  max-width: 100%;
  white-space: nowrap;
  /*position: absolute;*/
}
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-file-dropdown a.menu-button span:first-child,
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-header .comment-item-dropdown a.menu-button span:first-child {
  display: inline-block;
  /*min-width:40px;*/
  margin-bottom: -5px;
  max-width: 100%;
  /*margin-right: 6px;*/
  overflow: hidden;
  text-overflow: ellipsis;
}
.offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-content {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  position: relative;
}
.closed-response .offpage-comment-container.enhanced .comment-detail-wrapper .comment-detail-content {
  border-top: 1px solid #e5e5e5;
}
.detail-view.offpage-comment-container.enhanced .comment-detail-wrapper {
  opacity: 1;
  z-index: auto;
  /*z-index:3;*/
}
.offpage-comment-container.enhanced .comment-detail-wrapper .offpage-comment-editor-holder {
  height: 100%;
  position: absolute;
  width: 100%;
}
.offpage-comment-container.enhanced .comment-detail-wrapper .offpage-comment-editor-holder .offpage-comment-editor,
.offpage-comment-container.enhanced .comment-detail-wrapper .offpage-comment-editor-holder .offpage-comment-border {
  height: 100%;
  width: 100%;
}
.offpage-comment-container.enhanced .comment-detail-wrapper .offpage-comment-editor-holder .offpage-comment-editor {
  overflow: auto;
}
.offpage-comment-container .offpage-comment-table {
  width: 100%;
}
.offpage-comment-container .offpage-comment-table .sortable-link .sort-arrow {
  margin-left: 2px;
}
.offpage-comment-container .offpage-comment-table .table-text {
  border: 1px solid transparent;
  display: inline-block;
  color: #707070;
  height: 30px;
  line-height: 22px;
  margin-right: 6px;
  padding: 2px 12px;
  vertical-align: middle;
}
.touch-device .offpage-comment-container .offpage-comment-table .table-text {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.offpage-comment-container .offpage-comment-table .comment-row:not(.blank-row):hover {
  background-color: #eaf7ff;
}
.offpage-comment-container .offpage-comment-table .comment-row:not(.blank-row):hover .comment-col {
  cursor: pointer;
}
.offpage-comment-container .offpage-comment-table .comment-row:not(.blank-row) .table-text {
  min-width: 100%;
}
.offpage-comment-container .offpage-comment-table .comment-row:not(.blank-row) .table-text.active {
  background: #e9f7ff;
  border: 1px solid #61aee5;
  color: #071a2b;
}
.offpage-comment-container .offpage-comment-table .comment-row:not(.blank-row) .table-text.active .file-icon svg {
  fill: #0075cd;
}
.offpage-comment-container .offpage-comment-table .comment-row:not(.blank-row) .table-text .file-icon {
  background-color: transparent;
}
.offpage-comment-container .offpage-comment-table .comment-row:not(.blank-row) .table-text .file-name,
.offpage-comment-container .offpage-comment-table .comment-row:not(.blank-row) .table-text .file-icon {
  position: relative;
  top: -1px;
}
.offpage-comment-container .offpage-comment-table .comment-row:not(.blank-row) .table-text:empty:before {
  content: "---";
  font-size: 1rem;
}
.offpage-comment-container .offpage-comment-table .blank-row .col {
  line-height: 0;
}
.offpage-comment-container .offpage-comment-table .blank-row .table-text {
  border: 0  none;
  height: 0;
  line-height: 0;
  overflow: hidden;
  padding: 0;
  padding-right: 12px;
}
.offpage-comment-container .offpage-comment-table .col3 .table-text {
  color: #071a2b;
}
.offpage-comment-container .offpage-comment-table .col2 .table-text:empty {
  margin-left: 32px;
}
.offpage-comment-container .offpage-comment-table .comment-col {
  border-bottom: 1px dashed #e5e5e5;
  padding: 1px;
}
.offpage-comment-container .offpage-comment-table .col1,
.offpage-comment-container .offpage-comment-table .col2 {
  width: 0;
}
.offpage-comment-container .offpage-comment-table .col3 {
  max-width: 1px;
  width: 100%;
}
.offpage-comment-container .offpage-comment-table td.col3 .table-text {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.offpage-comment-container .offpage-comment-table-header th {
  text-align: left;
}
.offpage-comment-container .offpage-comment-table-header th .th-content {
  font-weight: normal;
  position: absolute;
  top: 0;
}
.offpage-comment-container .offpage-comment-table-content .comment-col {
  white-space: nowrap;
}
.comment-item-dropdown {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.comment-file-dropdown {
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  min-width: 150px;
}
.comment-file-dropdown .menu-button {
  display: inline-block;
  position: absolute;
}
.comment-link-holder {
  margin-bottom: -30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap-reverse;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  pointer-events: none;
}
.comment-link-holder .dummy-head-text {
  display: inline-block;
}
.comment-link-holder .dummy-head-text.comment-txt {
  padding-left: 15px;
}
.comment-link-holder .link-holder {
  flex: 1 1 auto;
  text-align: right;
  padding-right: 18px;
  z-index: 1;
  height: 30px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.comment-link-holder .comment-dummy-header {
  flex: 0 0 auto;
  height: 30px;
}
.re-marking .comment-link-holder,
.closed-response .comment-link-holder {
  height: 30px;
}
.detail-view .link-holder {
  z-index: 0;
}
.comment-remark-bg {
  height: 0;
  width: 0;
}
.re-marking .comment-remark-bg {
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.re-marking:not(.current-mark) .sort-head-text {
  color: #fff;
}
.re-marking:not(.current-mark) .sortable-link.asc .sort-arrow-up {
  opacity: 1;
  border-bottom-color: #fff;
}
.re-marking:not(.current-mark) .sortable-link.desc .sort-arrow-down {
  opacity: 1;
  border-bottom-color: #fff;
}
.re-marking:not(.current-mark) .sortable-link .sort-arrow-up {
  border-bottom-color: #fff;
  opacity: 0.5;
}
.re-marking:not(.current-mark) .sortable-link .sort-arrow-down {
  border-top-color: #fff;
  opacity: 0.5;
}
.re-marking .current-remark-selected {
  position: relative;
  right: 15px;
  top: 1px;
  display: inline-block;
  padding-left: 20px;
}
.re-marking:not(.current-mark) .current-remark-selected {
  color: #fff;
}
.add-comment-link {
  font-size: 1.3rem;
  position: relative;
  /*right:18px;*/
  text-decoration: underline;
  /*top:1px;*/
  display: inline-block;
  padding-left: 20px;
  pointer-events: all;
}
.add-comment-link:hover {
  text-decoration: none;
}
.offpage-comment-wrapper {
  /*height:100%;*/
  height: -moz-calc(100% - 5px);
  height: -webkit-calc(100% - 5px);
  height: calc(100% - 5px);
  margin-top: 5px;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  /*padding:10px 20px;
	padding-top:16px;*/
  padding: 0 15px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.touch-device .enhanced .offpage-comment-wrapper {
  -webkit-overflow-scrolling: auto;
}
.touch-device .enhanced .offpage-comment-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.touch-device .enhanced .offpage-comment-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.offpage-comment-wrapper .sort-head-text {
  padding-r: 0;
  white-space: nowrap;
}
.offpage-comment-editor-holder {
  margin: 10px 0 5px 0;
  position: relative;
}
.offpage-comment-editor {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  color: #3b5062;
  outline: none;
  padding: 10px 7px;
  position: relative;
  resize: none;
  white-space: pre-wrap;
  z-index: 2;
  min-height: 40px;
  word-wrap: break-word;
  word-break: break-word;
}
.enhanced .offpage-comment-editor {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  min-height: 0;
}
.offpage-comment-border {
  border: 1px solid #000;
  border-radius: 2px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.offpage-comment-placeholder {
  color: #707070;
  display: none;
  left: 7px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  z-index: 3;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.offpage-comment-editor:empty + .offpage-comment-placeholder,
.offpage-comment-editor.empty + .offpage-comment-placeholder {
  display: block;
}
.feedback-details .tsts .offpage-comment-placeholder {
  top: 12px;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
.comment-detail-input {
  height: 100%;
  width: 100%;
}
.comment-list-holder {
  padding: 15px 0;
}
.comment-list-holder .comment-lists {
  overflow-y: auto;
  padding-right: 47px;
}
.comment-list-holder .comment-list-title {
  padding-bottom: 8px;
}
.comment-list-holder .comment-list {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  padding: 6px 0;
}
.comment-list-holder .comment-list:last-child {
  border-bottom: 0 none;
}
.comment-list-holder .comment-author {
  display: block;
  padding: 5px 0;
}
.comment-list-holder .comment-desc {
  white-space: pre-wrap;
  padding-left: 5px;
  vertical-align: middle;
}
.comment-list-holder .remark-type {
  color: #fff;
  padding: 5px 12px;
}
.comment-list-holder .author-name {
  padding-left: 10px;
}
.comment-list-holder .remark-type,
.comment-list-holder .author-name {
  display: inline-block;
  vertical-align: middle;
}
.note-list-holder {
  background: #fff;
  color: #071a2b;
  padding: 10px 0px 0 18px;
}
.note-list-holder .comment-list-title {
  margin: 0 -10px 10px;
  padding: 0 10px 10px;
  margin-right: 0px;
}
.promoteSeed.grid-popup .table-wrap-l {
  max-height: 171px;
  height: inherit;
}
.promoteSeed.grid-popup .table-wrap-l table {
  table-layout: auto;
}
/*for comment side view support for html/excel responses*/
body:not(.touch-device) .commenting.side-page.html-response-container .html-content-holder {
  width: -moz-calc(100% - 260px);
  width: -webkit-calc(100% - 260px);
  width: calc(100% - 260px);
}
.feedback-details input[type="text"].offpage-comment-editor,
.feedback-details .overall-required-section textarea.offpage-comment-editor {
  border: 1px solid #fadad8;
  width: 100%;
}
/*IE 3D animation hack*/
/*
@keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-webkit-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-moz-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-o-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-ms-keyframes donothing { 0% { } 100% { } }*/
/*IE 3D animation hack*/
/* LESS Document */
.exception-wrapper,
.escalation-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.exception-wrapper .exception-reason-label,
.escalation-wrapper .exception-reason-label,
.exception-wrapper .exception-type-menu-wrap,
.escalation-wrapper .exception-type-menu-wrap,
.exception-wrapper .exception-relate-wrap,
.escalation-wrapper .exception-relate-wrap {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.exception-wrapper .exception-message-wrap,
.escalation-wrapper .exception-message-wrap,
.exception-wrapper .escalation-message-wrap,
.escalation-wrapper .escalation-message-wrap {
  /*	flex:1 1 auto;
		-webkit-flex:1 1 auto;	*/
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.escalation-message-wrap .escalation-item {
  padding-top: 18px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.escalation-message-wrap .marker-name {
  display: inline-block;
  font-weight: 600;
}
.escalation-message-wrap .marker-comment {
  padding-top: 14px;
}
.exception-type-menu-wrap,
.exception-relate-wrap {
  border-bottom: 1px solid #e5e5e5;
}
.exception-type-menu-wrap {
  padding-top: 20px;
  position: relative;
}
.exception-type-menu-wrap .dropdown-wrap {
  position: static;
}
.exception-type .info-round-icon {
  cursor: pointer;
  margin-right: 11px;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.exception-type input[type="radio"][disabled] ~ .info-round-icon {
  opacity: 0.4;
}
.exception-type .exception-type-caption {
  font-size: 1.8rem;
}
.exception-type .exception-type-caption span:first-child {
  display: inline-block;
  margin-right: 5px;
}
.exception-type .exception-type-caption + .info-round-icon {
  margin: -4px 0 0 12px;
  vertical-align: middle;
}
.exception-type .menu {
  margin-bottom: 20px;
  max-height: 3000px;
  overflow: hidden;
  -webkit-transform: none;
  /* To fix defect#156659 (ipad Mini)*/
  min-width: -moz-calc(100% - 10px);
  min-width: -webkit-calc(100% - 10px);
  min-width: calc(100% - 10px);
  /*.menu-item.panel.open .panel-content{	
			max-height:100%;	
			overflow:visible;
			position:relative;					
			.expandVertical(@comp-anim-duration*(1000/300)*2,1000px);						
		}*/
}
.exception-type .menu .menu-item {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.exception-type .menu .menu-item label {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  width: -moz-calc(100% - 27px);
  width: -webkit-calc(100% - 27px);
  width: calc(100% - 27px);
}
.exception-type .menu .menu-item label .radio-ui,
.exception-type .menu .menu-item label .info-round-icon,
.exception-type .menu .menu-item label .label-text {
  display: block;
}
.exception-type .menu .menu-item label .radio-ui,
.exception-type .menu .menu-item label .info-round-icon {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.exception-type .menu .menu-item label .label-text {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.exception-type .menu .menu-item label .radio-ui {
  margin-top: 3px;
}
.exception-relate-wrap {
  padding: 15px 0;
}
.exception-relate-label {
  padding-bottom: 12px;
}
.exception-relate-option {
  padding-top: 10px;
}
.exception-relate-option:first-child {
  padding-top: 0;
}
.exception-message-wrap {
  padding: 20px 0 0 0;
}
.exception-message-wrap .exception-message {
  border: 0 none;
  height: 100%;
  overflow: auto;
  resize: none;
  width: 100%;
  padding: 7px 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -o-flex: 0 1 auto;
  flex: 0 1 auto;
}
.exception-history-status {
  margin-left: 5px;
}
.exception-id {
  display: inline;
  margin-right: 10px;
}
.resolved .exception-status {
  color: #ff9800;
  -webkit-flex: auto 0 0;
  -moz-flex: auto 0 0;
  -ms-flex: auto 0 0;
  -o-flex: auto 0 0;
  flex: auto 0 0;
}
.exception-detail-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.exception-detail-wrapper .exception-detail-header {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  position: relative;
}
.exception-detail-wrapper .exception-history-wrapper {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  height: 100%;
  overflow: auto;
}
.exception-detail-header {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  /*padding-top:20px;	*/
}
.exception-detail-header .exception-header-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
.exception-detail-header .exception-header-row:first-child {
  padding-top: 0;
  padding-bottom: 7px;
}
.exception-detail-header .exception-header-row .exception-header-left {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  width: 100%;
}
.exception-detail-header .exception-header-row .exception-header-left .exception-type-caption {
  padding-right: 28px;
}
.exception-detail-header .exception-header-row .exception-header-left .sprite-icon.info-round-icon {
  margin-left: -20px;
}
.exception-detail-header .exception-header-row .exception-header-right {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  margin-right: 0;
  white-space: nowrap;
}
.exception-close-link {
  display: inline-block;
  text-decoration: none;
  font-size: 12px;
  font-size: 1.2rem;
}
.exception-close-link .sprite-icon {
  vertical-align: middle;
  margin-right: 6px;
}
.exception-close-link + .exception-close-link {
  margin-left: 15px;
}
.exception-close-text {
  color: #707070;
  display: inline-block;
  vertical-align: middle;
}
.exception-close-text:hover {
  color: #071a2b;
}
.exception-history-item {
  border-top: 1px dotted #e5e5e5;
  padding: 15px 0;
}
.exception-history-item:first-child {
  border-top: 0 none;
}
.exception-history-item .exception-history-item-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.exception-history-item .exception-history-item-header .exception-history-item-left {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  width: 100%;
}
.exception-history-item .exception-history-item-header .exception-history-item-right {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.exception-history-item .exception-history-item-header .item-title {
  font-weight: bold;
}
.exception-history-item .exception-history-item-content {
  padding-top: 5px;
  white-space: pre-wrap;
}
.exception-type-menu-item .menu-callout,
.exception-detail-header .menu-callout {
  display: none;
}
.open.panel.exception-type-menu-item .menu-callout,
.open.panel.exception-detail-header .menu-callout {
  display: block;
}
.exception-type-menu-item .menu-callout:after,
.exception-detail-header .menu-callout:after {
  border-width: 12px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.04);
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-width: 0;
}
.exception-type-menu-item .menu-callout:before,
.exception-detail-header .menu-callout:before {
  display: none;
}
.exception-type-info {
  color: #707070;
  flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  padding: 0 10px;
  max-width: 100%;
}
.panel .panel-content.exception-type-info {
  margin-top: 0;
}
.exception-type-info .info-item {
  border-top: 1px solid #e5e5e5;
  padding: 15px 5px;
}
.exception-type-info .info-item:first-child {
  border: 0 none;
}
.exception-type-info ~ .exception-header-row {
  display: block;
}
.exception-type-info ~ .exception-header-row .exception-header-right {
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  float: right;
  padding-top: 10px;
}
.exception-type-info ~ .exception-header-row .exception-header-right .exception-btn-wrapper + .exception-btn-wrapper {
  padding-bottom: 8px;
  margin-right: 8px;
}
.exception-type-info ~ .exception-header-row .exception-header-right .exception-btn-wrapper {
  margin-right: 8px;
}
.exception-type-info ~ .exception-header-row .exception-header-right .exception-btn-wrapper .button {
  padding: 7px 18px;
  min-width: 70px;
}
.open.panel.exception-type-menu-item .menu-callout {
  top: 29px;
  right: 32px;
}
.open.panel.exception-detail-header .menu-callout {
  top: 18px;
  left: -5px;
}
.open.panel .exception-type-info {
  background-color: rgba(0, 0, 0, 0.04);
  max-height: 100%;
  margin: 2px 0 16px 0;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: expand-vertical-1000px 2s;
  -moz-animation: expand-vertical-1000px 2s;
  -ms-animation: expand-vertical-1000px 2s;
  -o-animation: expand-vertical-1000px 2s;
  animation: expand-vertical-1000px 2s;
}
@-moz-keyframes expand-vertical-1000px {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
  100% {
    max-height: 1000px;
    display: block;
  }
}
@-webkit-keyframes expand-vertical-1000px {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
  100% {
    max-height: 1000px;
    display: block;
  }
}
@keyframes expand-vertical-1000px {
  0% {
    max-height: 0;
    display: none;
  }
  1% {
    max-height: 0;
    display: block;
  }
  100% {
    max-height: 1000px;
    display: block;
  }
}
.open.panel .exception-type-caption + .info-round-icon {
  overflow: visible;
  position: relative;
}
.open.panel .exception-type-caption + .info-round-icon .menu-callout {
  top: 18px;
  left: -5px;
}
.back-exception-btn {
  color: #0092ff;
  border: 1px solid #0075cd;
  height: 30px;
  vertical-align: middle;
  float: right;
  margin-right: 41px;
  flex-wrap: wrap-reverse;
}
@media (max-width: 1183px) {
  .back-exception-btn {
    margin-bottom: 8px;
  }
}
.minimized .back-exception-btn {
  display: none;
}
/*eascalation comment popup*/
.escalate-comment,
.outcome-textarea {
  margin-top: 20px;
  min-height: 100px;
  resize: none;
  width: 100%;
}
.small-textarea-box {
  margin-top: 15px;
  min-height: 50px;
  resize: none;
  width: 100%;
}
/* LESS Document */
.team-wrapper {
  height: 100%;
  /*.grid-wrapper{
		.calc-fn(height,"100% - 20px");
		.calc-fn(height,"100% - 77px");
		
		
	}*/
  /*.expanded.l0 + .l1, .expanded.l0 + .l1{
		display:table-row;
	}*/
  /*.expanded.g0.l0~.g0.l1,
	.expanded~.expanded.g0.l0~.g0.l1,
	.expanded.g1.l0~.g1.l1,
	.expanded~.expanded.g1.l0~.g1.l1,{
		display:table-row;
	}*/
}
.team-wrapper .column-left,
.std-setup-wrapper .column-left,
.awarding-wrapper .column-left {
  padding-top: 66px;
  position: absolute;
  width: 260px;
}
.team-wrapper .column-left .left-menu-holder .left-menu {
  /*.selected .sub-panel-link .menu-text{
					color:@pure-white;	
				}*/
}
.team-wrapper .column-left .left-menu-holder .left-menu:before {
  display: none;
}
.team-wrapper .column-left .left-menu-holder .left-menu .panel {
  padding: 18px 0 19px 20px;
  padding-left: 30px;
  cursor: pointer;
}
.team-wrapper .column-left .left-menu-holder .left-menu .panel:not(.open):hover .sub-panel-link .menu-text {
  color: #64a7d7;
}
.team-wrapper .column-left .left-menu-holder .left-menu .panel:not(.open):hover .left-menu-link {
  color: #fff;
}
.team-wrapper .column-left .left-menu-holder .left-menu .panel.open .sub-panel-link .menu-text {
  color: #fff;
}
.team-wrapper .column-left .left-menu-holder .left-menu .panel .panel-content,
.close.team-wrapper .column-left .left-menu-holder .left-menu .panel .panel-content {
  display: block;
  height: auto;
  max-height: none;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
.team-wrapper .column-left .left-menu-holder .left-menu .panel .left-menu-link {
  padding-left: 0;
}
.team-wrapper .column-left .left-menu-holder .left-menu .panel .left-menu-link .menu-text {
  line-height: 1;
}
.team-wrapper .column-left .left-menu-holder .left-menu .sub-panel {
  margin-top: 4px;
  padding-left: 30px;
}
.team-wrapper .column-left .left-menu-holder .left-menu .sub-panel-link {
  display: inline-block;
  padding: 3px 0;
  text-decoration: none;
  /*&:hover .menu-text{
						color:mix(@pure-white,@work-list-text-blue,10%);	
					}*/
}
.team-wrapper .column-left .left-menu-holder .left-menu .sub-panel-link .menu-text {
  color: #adcadf;
}
.team-wrapper .column-right {
  min-width: 100%;
  padding-left: 260px;
}
.team-wrapper.hide-left .column-right {
  padding: 0;
}
.team-wrapper .has-sub .exp-collapse,
.awarding-wrapper .has-sub .exp-collapse {
  display: inline-block;
  height: 32px;
  margin-right: 6px;
  margin-top: -4px;
  text-align: center;
  width: 32px;
}
.team-wrapper .has-sub .exp-collapse:before,
.awarding-wrapper .has-sub .exp-collapse:before {
  content: "";
  display: inline-block;
  margin-top: 12px;
  /*margin:0 11px;*/
  z-index: 2;
  border-width: 4px 7px;
  border-style: solid;
  border-color: rgba(59, 80, 98, 0.8);
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-width: 0;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.team-wrapper .has-sub.open .exp-collapse:before,
.awarding-wrapper .has-sub.open .exp-collapse:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.team-wrapper .grid-holder,
.awarding-wrapper .grid-holder {
  height: -moz-calc(100% - 50px);
  height: -webkit-calc(100% - 50px);
  height: calc(100% - 50px);
}
.team-wrapper .grid-holder .grid-nav {
  position: relative;
}
.team-wrapper .grid-holder .m-qig-comp.dropdown-wrap {
  position: static;
}
.team-wrapper .grid-holder .m-qig-comp.dropdown-wrap.open .menu-button .menu-arrow-icon {
  background-position: -27px -18px;
}
.team-wrapper .grid-holder .m-qig-comp.dropdown-wrap.open .menu-button,
.team-wrapper .grid-holder .m-qig-comp.dropdown-wrap .menu-button {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}
.team-wrapper .grid-holder .m-qig-comp.dropdown-wrap .menu {
  background-color: #fff;
  color: #000;
  max-height: -moz-calc(100vh - 200px);
  max-height: -webkit-calc(100vh - 200px);
  max-height: calc(100vh - 200px);
  min-width: auto;
  top: 34px;
  left: 17px;
}
.team-wrapper .grid-holder .m-qig-comp.dropdown-wrap .menu .grid-view-list thead .row:hover {
  background-color: transparent;
}
.team-wrapper .grid-holder .m-qig-comp.dropdown-wrap .menu .grid-view-list thead .row td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.team-wrapper .grid-holder .m-qig-comp.dropdown-wrap .menu .grid-view-list .item {
  padding: 10px;
}
.team-wrapper .grid-holder .m-qig-comp.dropdown-wrap .menu .grid-view-list .row td:nth-child(2),
.team-wrapper .grid-holder .m-qig-comp.dropdown-wrap .menu .grid-view-list .row td:nth-child(3) {
  text-align: center;
}
.team-wrapper .grid-holder .m-qig-comp.dropdown-wrap .menu .grid-view-list .row:hover {
  background-color: #e1f5fe;
}
.team-wrapper .tree-view .header-data .examiner-name {
  padding-right: 35px;
}
.team-wrapper .tree-view .l0 .header-data,
.team-wrapper .tree-view .l0 .col-examiner .cell-data {
  padding-left: 0px;
}
.team-wrapper .tree-view .l0:not(.has-sub) .header-data,
.team-wrapper .tree-view .l0:not(.has-sub) .col-examiner .cell-data {
  padding-left: 32px;
}
.team-wrapper .tree-view .l1 .header-data,
.team-wrapper .tree-view .l1 .col-examiner .cell-data {
  padding-left: 18px;
}
.team-wrapper .tree-view .l1:not(.has-sub) .header-data,
.team-wrapper .tree-view .l1:not(.has-sub) .col-examiner .cell-data {
  padding-left: 50px;
}
.team-wrapper .tree-view .l2 .header-data,
.team-wrapper .tree-view .l2 .col-examiner .cell-data {
  padding-left: 33px;
}
.team-wrapper .tree-view .l2:not(.has-sub) .header-data,
.team-wrapper .tree-view .l2:not(.has-sub) .col-examiner .cell-data {
  padding-left: 65px;
}
.team-wrapper .tree-view .l3 .header-data,
.team-wrapper .tree-view .l3 .col-examiner .cell-data {
  padding-left: 48px;
}
.team-wrapper .tree-view .l3:not(.has-sub) .header-data,
.team-wrapper .tree-view .l3:not(.has-sub) .col-examiner .cell-data {
  padding-left: 80px;
}
.team-wrapper .tree-view .l4 .header-data,
.team-wrapper .tree-view .l4 .col-examiner .cell-data {
  padding-left: 63px;
}
.team-wrapper .tree-view .l4:not(.has-sub) .header-data,
.team-wrapper .tree-view .l4:not(.has-sub) .col-examiner .cell-data {
  padding-left: 95px;
}
.team-wrapper .tree-view .l5 .header-data,
.team-wrapper .tree-view .l5 .col-examiner .cell-data {
  padding-left: 78px;
}
.team-wrapper .tree-view .l5:not(.has-sub) .header-data,
.team-wrapper .tree-view .l5:not(.has-sub) .col-examiner .cell-data {
  padding-left: 110px;
}
.team-wrapper .tree-view .l6 .header-data,
.team-wrapper .tree-view .l6 .col-examiner .cell-data {
  padding-left: 93px;
}
.team-wrapper .tree-view .l6:not(.has-sub) .header-data,
.team-wrapper .tree-view .l6:not(.has-sub) .col-examiner .cell-data {
  padding-left: 125px;
}
.team-wrapper .l1,
.team-wrapper .l2,
.team-wrapper .l3,
.team-wrapper .l4,
.team-wrapper .l5,
.team-wrapper .l5,
.team-wrapper .l6 {
  display: none;
}
.team-wrapper .show.l1,
.team-wrapper .show.l2,
.team-wrapper .show.l3,
.team-wrapper .show.l4,
.team-wrapper .show.l5,
.team-wrapper .show.l5,
.team-wrapper .show.l6 {
  display: table-row;
}
.team-grid .lock-btn {
  min-width: 70px;
}
.team-grid th .header-data {
  white-space: nowrap;
}
.team-filter .dropdown-wrap > .menu {
  white-space: nowrap;
}
.search-box {
  position: relative;
  margin-top: 1px;
}
.search-box .search {
  border: none;
  padding: 0px 5px 0 0;
  background-color: transparent;
  z-index: 1;
  height: auto;
  width: 45px;
  border-bottom: 1px #fff solid;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.search-box .search:focus,
.search-box .search:valid {
  width: 150px;
  border-color: #e5e5e5;
}
.search-box .search:focus + label,
.search-box .search:valid + label {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.search-box label {
  position: absolute;
  left: 0;
  top: 1px;
  z-index: 0;
  pointer-events: none;
}
.search-box .search-btn {
  border: none;
  width: 12px;
  height: 12px;
  min-width: auto;
  padding: 0;
  margin-top: 3px;
}
.search-box .search-btn:hover {
  background-color: transparent;
}
.target-count {
  min-width: 60px;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
}
.target-status {
  display: inline-block;
  vertical-align: middle;
}
.col-resp-to-review,
.work-list-grid thead th.col-resp-to-review {
  text-align: center;
}
.examiner-name {
  white-space: nowrap;
  width: -moz-calc(100% - 32px);
  width: -webkit-calc(100% - 32px);
  width: calc(100% - 32px);
  display: inline-block;
  padding-right: 25px;
}
/* tags*/
.wl-indicator-wrap.dropdown-wrap,
.tag.dropdown-wrap,
.wl-note-wrap.dropdown-wrap,
.number-of-batches.dropdown-wrap,
.popover-promo-seed {
  display: inline-block;
  min-height: 21px;
  vertical-align: middle;
}
.wl-indicator-wrap.dropdown-wrap .menu-callout,
.tag.dropdown-wrap .menu-callout,
.wl-note-wrap.dropdown-wrap .menu-callout,
.number-of-batches.dropdown-wrap .menu-callout,
.popover-promo-seed .menu-callout {
  bottom: -6px;
}
.wl-indicator-wrap.dropdown-wrap .menu-button,
.tag.dropdown-wrap .menu-button,
.wl-note-wrap.dropdown-wrap .menu-button,
.number-of-batches.dropdown-wrap .menu-button,
.popover-promo-seed .menu-button {
  display: block;
  padding: 0;
}
.wl-indicator-wrap.dropdown-wrap .menu-button .highlight-tag,
.tag.dropdown-wrap .menu-button .highlight-tag,
.wl-note-wrap.dropdown-wrap .menu-button .highlight-tag,
.number-of-batches.dropdown-wrap .menu-button .highlight-tag,
.popover-promo-seed .menu-button .highlight-tag {
  fill: #e5e5e6;
}
body:not(.touch-device) .wl-indicator-wrap.dropdown-wrap .menu-button:hover .highlight-tag,
body:not(.touch-device) .tag.dropdown-wrap .menu-button:hover .highlight-tag,
body:not(.touch-device) .wl-note-wrap.dropdown-wrap .menu-button:hover .highlight-tag,
body:not(.touch-device) .number-of-batches.dropdown-wrap .menu-button:hover .highlight-tag,
body:not(.touch-device) .popover-promo-seed .menu-button:hover .highlight-tag,
.open.wl-indicator-wrap.dropdown-wrap .menu-button .highlight-tag,
.open.tag.dropdown-wrap .menu-button .highlight-tag,
.open.wl-note-wrap.dropdown-wrap .menu-button .highlight-tag,
.open.number-of-batches.dropdown-wrap .menu-button .highlight-tag,
.open.popover-promo-seed .menu-button .highlight-tag {
  fill: #fff;
}
.wl-indicator-wrap.dropdown-wrap .menu-button,
.tag.dropdown-wrap .menu-button,
.wl-note-wrap.dropdown-wrap .menu-button,
.number-of-batches.dropdown-wrap .menu-button,
.popover-promo-seed .menu-button,
.open.wl-indicator-wrap.dropdown-wrap .menu-button,
.open.tag.dropdown-wrap .menu-button,
.open.wl-note-wrap.dropdown-wrap .menu-button,
.open.number-of-batches.dropdown-wrap .menu-button,
.open.popover-promo-seed .menu-button,
.open.wl-indicator-wrap.dropdown-wrap .menu-button:hover,
.open.tag.dropdown-wrap .menu-button:hover,
.open.wl-note-wrap.dropdown-wrap .menu-button:hover,
.open.number-of-batches.dropdown-wrap .menu-button:hover,
.open.popover-promo-seed .menu-button:hover,
.wl-indicator-wrap.dropdown-wrap .menu-button.focus,
.tag.dropdown-wrap .menu-button.focus,
.wl-note-wrap.dropdown-wrap .menu-button.focus,
.number-of-batches.dropdown-wrap .menu-button.focus,
.popover-promo-seed .menu-button.focus,
.wl-indicator-wrap.dropdown-wrap .menu-button:hover,
.tag.dropdown-wrap .menu-button:hover,
.wl-note-wrap.dropdown-wrap .menu-button:hover,
.number-of-batches.dropdown-wrap .menu-button:hover,
.popover-promo-seed .menu-button:hover {
  border: 0 none;
}
.wl-indicator-wrap.dropdown-wrap .menu,
.tag.dropdown-wrap .menu,
.wl-note-wrap.dropdown-wrap .menu,
.number-of-batches.dropdown-wrap .menu,
.popover-promo-seed .menu {
  background-color: #fff;
  left: -18px;
  overflow: hidden;
  padding: 6px;
  top: 30px;
}
.wl-indicator-wrap.dropdown-wrap:not(.open),
.tag.dropdown-wrap:not(.open),
.wl-note-wrap.dropdown-wrap:not(.open),
.number-of-batches.dropdown-wrap:not(.open),
.popover-promo-seed:not(.open) {
  overflow: hidden;
}
.wl-indicator-wrap.dropdown-wrap:not(.open) .menu,
.tag.dropdown-wrap:not(.open) .menu,
.wl-note-wrap.dropdown-wrap:not(.open) .menu,
.number-of-batches.dropdown-wrap:not(.open) .menu,
.popover-promo-seed:not(.open) .menu {
  visibility: hidden;
  z-index: -1;
  display: block;
  pointer-events: none;
  opacity: 0;
}
.exception-note.dropdown-wrap .menu {
  max-width: 445px;
}
.popover-promo-seed.dropdown-wrap .menu {
  max-width: 204px;
  margin-left: -13px;
}
.std-setup-wrapper .popover-promo-seed.dropdown-wrap .menu {
  max-width: 284px;
  margin-left: -13px;
  position: fixed;
  z-index: 999999;
  min-width: inherit;
  width: inherit;
  min-width: 180px;
  max-width: 900px;
  margin-right: 10%;
}
.exception-note.dropdown-wrap .menu,
.popover-promo-seed.dropdown-wrap .menu {
  left: 11px;
  background-color: #fff;
  padding: 8px;
  width: 100vw;
}
.exception-note.dropdown-wrap .menu .note-details-holder .note-details,
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details {
  border-collapse: collapse;
  background-color: #fff;
}
.exception-note.dropdown-wrap .menu .note-details-holder .note-details thead .inline-row th,
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details thead .inline-row th {
  color: #000;
  background-color: #fcf4e7;
  border: 0;
  font-weight: bold;
}
.exception-note.dropdown-wrap .menu .note-details-holder .note-details tr.inline-row:nth-child(even),
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details tr.inline-row:nth-child(even) {
  background-color: #f8f9fb;
}
.exception-note.dropdown-wrap .menu .note-details-holder .note-details .inline-row td,
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details .inline-row td,
.exception-note.dropdown-wrap .menu .note-details-holder .note-details .inline-row th,
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details .inline-row th {
  border: 0px solid #ec8d01;
  background-color: transparent;
  padding: 8px 10px;
  text-align: left;
  font-size: 1.2rem;
  white-space: normal;
  word-break: break-word;
  color: #071a2b;
}
.exception-note.dropdown-wrap .menu .note-details-holder .note-details .inline-row td::before,
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details .inline-row td::before,
.exception-note.dropdown-wrap .menu .note-details-holder .note-details .inline-row th::before,
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details .inline-row th::before {
  height: auto;
}
.exception-note.dropdown-wrap .menu .note-details-holder .note-details .inline-row td:nth-child(1),
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details .inline-row td:nth-child(1),
.exception-note.dropdown-wrap .menu .note-details-holder .note-details .inline-row th:nth-child(1),
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details .inline-row th:nth-child(1) {
  width: 200px;
}
.exception-note.dropdown-wrap .menu .note-details-holder .note-details .inline-row td:nth-child(2),
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details .inline-row td:nth-child(2),
.exception-note.dropdown-wrap .menu .note-details-holder .note-details .inline-row th:nth-child(2),
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details .inline-row th:nth-child(2) {
  white-space: nowrap;
}
.exception-note.dropdown-wrap .menu .note-details-holder .note-details .inline-row td:nth-child(3),
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details .inline-row td:nth-child(3),
.exception-note.dropdown-wrap .menu .note-details-holder .note-details .inline-row th:nth-child(3),
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-details .inline-row th:nth-child(3) {
  width: 200px;
}
.exception-note.dropdown-wrap .menu .note-details-holder .note-desscription,
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-desscription {
  display: inline-block;
  font-size: 1.2rem;
  text-align: left;
  padding-bottom: 6px;
  border-bottom: 1px solid #f0f1f2;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  -o-flex: none;
  flex: none;
}
.exception-note.dropdown-wrap .menu .note-details-holder .note-desscription.bottom,
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .note-desscription.bottom {
  border-bottom: 0px;
  border-top: 1px solid #f0f1f2;
  padding-top: 10px;
}
.exception-note.dropdown-wrap .menu .note-details-holder .middle-holder,
.popover-promo-seed.dropdown-wrap .menu .note-details-holder .middle-holder {
  height: 100%;
  overflow: auto;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
}
.exception-note.dropdown-wrap .menu.right,
.popover-promo-seed.dropdown-wrap .menu.right {
  right: 6px;
  left: auto;
}
.exception-note.dropdown-wrap .menu {
  display: none;
}
.exception-note.dropdown-wrap .menu .note-details-holder {
  max-height: -moz-calc(100vh - 370px);
  max-height: -webkit-calc(100vh - 370px);
  max-height: calc(100vh - 370px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.exception-note.dropdown-wrap a {
  cursor: pointer;
}
.exception-note.dropdown-wrap a:hover + .menu {
  animation: none;
  display: block;
}
.centre-eligiblity .svn-icon-holder:focus {
  outline: 0;
}
.centre-eligiblity .wl-indicator-wrap {
  left: 25px;
}
.wl-indicator-wrap.dropdown-wrap .menu {
  left: 50%;
  text-align: left;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wl-indicator-wrap.dropdown-wrap .menu .indicator-desc {
  display: inline-block;
  white-space: normal;
  word-break: break-word;
  width: 250px;
}
.wl-indicator-wrap.dropdown-wrap .menu .indicator-desc + .indicator-desc {
  margin-top: 6px;
}
.last-cols.wl-indicator-wrap.dropdown-wrap .menu {
  left: auto;
  right: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.first-cols.wl-indicator-wrap.dropdown-wrap .menu {
  left: 0;
  right: auto;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.centre-eligiblity .wl-indicator-wrap.dropdown-wrap .menu {
  left: 0;
  padding: 20px;
  -webkit-transform: translate(10px, -10px);
  -moz-transform: translate(10px, -10px);
  -ms-transform: translate(10px, -10px);
  -o-transform: translate(10px, -10px);
  transform: translate(10px, -10px);
}
.number-of-batches.dropdown-wrap .menu.monitor-sampling-data {
  width: auto;
}
.touch-device.iPad .tag.dropdown-wrap:not(.open) .menu {
  visibility: unset;
}
.wl-note-wrap.dropdown-wrap,
.number-of-batches.dropdown-wrap {
  cursor: pointer;
  /*.iPad & .menu-button {
		transform: translateZ(101px);
	}*/
}
.wl-note-wrap.dropdown-wrap .menu,
.number-of-batches.dropdown-wrap .menu {
  background-color: transparent;
  min-width: 50px;
  width: 217px;
  overflow: visible;
  padding: 0;
  pointer-events: none;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.center.wl-note-wrap.dropdown-wrap .menu,
.center.number-of-batches.dropdown-wrap .menu {
  height: 300px;
  margin-top: -150px;
  opacity: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.left.center.wl-note-wrap.dropdown-wrap .menu,
.left.center.number-of-batches.dropdown-wrap .menu {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.right.center.wl-note-wrap.dropdown-wrap .menu,
.right.center.number-of-batches.dropdown-wrap .menu {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.wl-note-wrap.dropdown-wrap .menu .menu-text,
.number-of-batches.dropdown-wrap .menu .menu-text {
  background-color: #fff;
  color: #707070;
  display: inline-block;
  max-width: 100%;
  padding: 15px;
  pointer-events: auto;
  overflow: auto;
  overflow-wrap: break-word;
  text-align: left;
  word-wrap: break-word;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.above.wl-note-wrap.dropdown-wrap .menu,
.above.number-of-batches.dropdown-wrap .menu,
.below.wl-note-wrap.dropdown-wrap .menu,
.below.number-of-batches.dropdown-wrap .menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
.tag.dropdown-wrap .menu,
.wl-note-wrap.dropdown-wrap .menu,
.number-of-batches.dropdown-wrap .menu,
.tag.dropdown-wrap .menu .menu-text,
.wl-note-wrap.dropdown-wrap .menu .menu-text,
.number-of-batches.dropdown-wrap .menu .menu-text {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.tag.dropdown-wrap .menu,
.wl-note-wrap.dropdown-wrap .menu,
.number-of-batches.dropdown-wrap .menu,
.tag.dropdown-wrap.above .menu .menu-text,
.wl-note-wrap.dropdown-wrap.above .menu .menu-text,
.number-of-batches.dropdown-wrap.above .menu .menu-text,
.tag.dropdown-wrap.below .menu .menu-text,
.wl-note-wrap.dropdown-wrap.below .menu .menu-text,
.number-of-batches.dropdown-wrap.below .menu .menu-text {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tag.dropdown-wrap .menu-button {
  height: 20px;
  position: relative;
  width: 24px;
}
.tag.dropdown-wrap .menu {
  width: 90px;
}
.tag.dropdown-wrap .tag-menu-item {
  border: none 0;
  float: left;
  padding: 0;
  margin-top: 6px;
  margin-right: 6px;
}
.tag.dropdown-wrap .tag-menu-item:nth-child(2n) {
  margin-right: 0;
}
.tag.dropdown-wrap .tag-menu-item:first-child,
.tag.dropdown-wrap .tag-menu-item:nth-child(2) {
  margin-top: 0;
}
.tag.dropdown-wrap .tag-menu-item .tag-menu-item-link {
  height: 36px;
  padding: 0;
  width: 36px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
body:not(.touch-device) .tag.dropdown-wrap .tag-menu-item .tag-menu-item-link:hover,
.tag.dropdown-wrap .tag-menu-item .tag-menu-item-link.current {
  background-color: #e1f5fe;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.tag.dropdown-wrap .toolexpand-icon,
.tag.dropdown-wrap .toolexpand-icon-grey {
  position: absolute;
  bottom: 1px;
  right: 2px;
}
.toolexpand-icon-grey {
  display: none;
}
body:not(.touch-device) .tag-menu-anchor:hover .toolexpand-icon-grey {
  display: block;
}
.work-list-grid .wl-indicator-wrap.open.dropdown-wrap > a.menu-button,
.work-list-grid .tag.open.dropdown-wrap > a.menu-button,
.work-list-grid .wl-note-wrap.open.dropdown-wrap > a.menu-button,
.work-list-grid .number-of-batches.open.dropdown-wrap > a.menu-button,
.work-list-grid .popover-promo-seed.open.dropdown-wrap > a.menu-button {
  background-color: transparent;
}
.wl-indicator-wrap .menu-callout,
.tag .menu-callout,
.wl-note-wrap .menu-callout,
.number-of-batches .menu-callout,
.popover-promo-seed .menu-callout {
  bottom: auto;
  top: 0;
}
.wl-indicator-wrap .menu-callout:after,
.tag .menu-callout:after,
.wl-note-wrap .menu-callout:after,
.number-of-batches .menu-callout:after,
.popover-promo-seed .menu-callout:after,
.wl-indicator-wrap .menu-callout:before,
.tag .menu-callout:before,
.wl-note-wrap .menu-callout:before,
.number-of-batches .menu-callout:before,
.popover-promo-seed .menu-callout:before {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-top-width: 10px;
}
.left.wl-indicator-wrap .menu-callout,
.left.tag .menu-callout,
.left.wl-note-wrap .menu-callout,
.left.number-of-batches .menu-callout,
.left.popover-promo-seed .menu-callout {
  left: -9px;
}
.left.wl-indicator-wrap .menu-callout:after,
.left.tag .menu-callout:after,
.left.wl-note-wrap .menu-callout:after,
.left.number-of-batches .menu-callout:after,
.left.popover-promo-seed .menu-callout:after,
.left.wl-indicator-wrap .menu-callout:before,
.left.tag .menu-callout:before,
.left.wl-note-wrap .menu-callout:before,
.left.number-of-batches .menu-callout:before,
.left.popover-promo-seed .menu-callout:before {
  border-left-color: #fff;
  border-right-width: 0;
}
.left.wl-indicator-wrap .menu-callout:before,
.left.tag .menu-callout:before,
.left.wl-note-wrap .menu-callout:before,
.left.number-of-batches .menu-callout:before,
.left.popover-promo-seed .menu-callout:before {
  border-left-color: #dadada;
  left: 1px;
}
.left.wl-indicator-wrap .menu,
.left.tag .menu,
.left.wl-note-wrap .menu,
.left.number-of-batches .menu,
.left.popover-promo-seed .menu {
  left: -9px;
  right: auto;
  text-align: right;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.right.wl-indicator-wrap .menu-callout,
.right.tag .menu-callout,
.right.wl-note-wrap .menu-callout,
.right.number-of-batches .menu-callout,
.right.popover-promo-seed .menu-callout {
  left: 100%;
}
.right.wl-indicator-wrap .menu-callout:after,
.right.tag .menu-callout:after,
.right.wl-note-wrap .menu-callout:after,
.right.number-of-batches .menu-callout:after,
.right.popover-promo-seed .menu-callout:after,
.right.wl-indicator-wrap .menu-callout:before,
.right.tag .menu-callout:before,
.right.wl-note-wrap .menu-callout:before,
.right.number-of-batches .menu-callout:before,
.right.popover-promo-seed .menu-callout:before {
  border-right-color: #fff;
  border-left-width: 0;
}
.right.wl-indicator-wrap .menu-callout:before,
.right.tag .menu-callout:before,
.right.wl-note-wrap .menu-callout:before,
.right.number-of-batches .menu-callout:before,
.right.popover-promo-seed .menu-callout:before {
  border-right-color: #dadada;
  left: -1px;
}
.right.wl-indicator-wrap .menu,
.right.tag .menu,
.right.wl-note-wrap .menu,
.right.number-of-batches .menu,
.right.popover-promo-seed .menu {
  left: 100%;
  margin-left: 10px;
  text-align: left;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.above.wl-indicator-wrap .menu-callout,
.above.tag .menu-callout,
.above.wl-note-wrap .menu-callout,
.above.number-of-batches .menu-callout,
.above.popover-promo-seed .menu-callout {
  top: 0;
  left: 50%;
  margin-left: 10px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transform-origin: top left;
  margin-top: -11px;
}
.above.wl-indicator-wrap .menu-callout:after,
.above.tag .menu-callout:after,
.above.wl-note-wrap .menu-callout:after,
.above.number-of-batches .menu-callout:after,
.above.popover-promo-seed .menu-callout:after,
.above.wl-indicator-wrap .menu-callout:before,
.above.tag .menu-callout:before,
.above.wl-note-wrap .menu-callout:before,
.above.number-of-batches .menu-callout:before,
.above.popover-promo-seed .menu-callout:before {
  border-left-color: #fff;
  border-right-width: 0;
  border-bottom-color: transparent;
  border-top-width: 10px;
}
.above.wl-indicator-wrap .menu-callout:before,
.above.tag .menu-callout:before,
.above.wl-note-wrap .menu-callout:before,
.above.number-of-batches .menu-callout:before,
.above.popover-promo-seed .menu-callout:before {
  border-left-color: #dadada;
  left: 1px;
}
.above.wl-indicator-wrap .menu,
.above.tag .menu,
.above.wl-note-wrap .menu,
.above.number-of-batches .menu,
.above.popover-promo-seed .menu {
  bottom: 100%;
  margin-bottom: 11px;
  top: auto;
}
.below.wl-indicator-wrap .menu-callout,
.below.tag .menu-callout,
.below.wl-note-wrap .menu-callout,
.below.number-of-batches .menu-callout,
.below.popover-promo-seed .menu-callout {
  left: 50%;
  margin-left: -10px;
  top: auto;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-origin: top right;
}
.below.wl-indicator-wrap .menu-callout:after,
.below.tag .menu-callout:after,
.below.wl-note-wrap .menu-callout:after,
.below.number-of-batches .menu-callout:after,
.below.popover-promo-seed .menu-callout:after,
.below.wl-indicator-wrap .menu-callout:before,
.below.tag .menu-callout:before,
.below.wl-note-wrap .menu-callout:before,
.below.number-of-batches .menu-callout:before,
.below.popover-promo-seed .menu-callout:before {
  border-left-color: #fff;
  border-right-width: 0;
  border-bottom-color: transparent;
  border-top-width: 10px;
}
.below.wl-indicator-wrap .menu-callout:before,
.below.tag .menu-callout:before,
.below.wl-note-wrap .menu-callout:before,
.below.number-of-batches .menu-callout:before,
.below.popover-promo-seed .menu-callout:before {
  border-left-color: #dadada;
  left: 1px;
}
.below.wl-indicator-wrap .menu,
.below.tag .menu,
.below.wl-note-wrap .menu,
.below.number-of-batches .menu,
.below.popover-promo-seed .menu {
  bottom: auto;
  right: auto;
  top: 27px;
}
.wl-indicator-wrap.above .menu,
.tag.above .menu,
.wl-note-wrap.above .menu,
.number-of-batches.above .menu,
.popover-promo-seed.above .menu,
.wl-indicator-wrap.below .menu,
.tag.below .menu,
.wl-note-wrap.below .menu,
.number-of-batches.below .menu,
.popover-promo-seed.below .menu {
  left: 50%;
}
.wl-indicator-wrap.top .menu,
.tag.top .menu,
.wl-note-wrap.top .menu,
.number-of-batches.top .menu,
.popover-promo-seed.top .menu {
  top: -8px;
}
.wl-indicator-wrap.center .menu,
.tag.center .menu,
.wl-note-wrap.center .menu,
.number-of-batches.center .menu,
.popover-promo-seed.center .menu {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.wl-indicator-wrap.center.left .menu,
.tag.center.left .menu,
.wl-note-wrap.center.left .menu,
.number-of-batches.center.left .menu,
.popover-promo-seed.center.left .menu {
  -webkit-transform: translate(-100%, -50%);
  -moz-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  -o-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
.wl-indicator-wrap.bottom .menu,
.tag.bottom .menu,
.wl-note-wrap.bottom .menu,
.number-of-batches.bottom .menu,
.popover-promo-seed.bottom .menu {
  bottom: -10px;
  top: auto;
}
.number-of-batches.above .monitor-sampling-data.menu {
  margin-bottom: 7px;
}
.reponse-id-label {
  display: inline-block;
  vertical-align: middle;
}
.svg-icon.tag {
  width: 20px;
  height: 20px;
  pointer-events: none;
  vertical-align: middle;
  display: inline-block;
}
.tag-icon.empty {
  fill: transparent;
  color: #7d7f7e;
}
.tag-icon.red {
  fill: #ED2024;
  color: #B72025;
}
.tag-icon.orange {
  fill: #F36C26;
  color: #b75b2a;
}
.tag-icon.violet {
  fill: #4A55A5;
  color: #483F99;
}
.tag-icon.green {
  fill: #0D7C3F;
  color: #186234;
}
.tag-icon.blue {
  fill: #1C74BB;
  color: #005589;
}
.tag-icon.pink {
  fill: #E06CA9;
  color: #B84897;
}
.tag-icon.yellow {
  fill: #F7CC17;
  color: #BB792A;
}
.tag-icon.light-green {
  fill: #93C83E;
  color: #718839;
}
.tag-icon.purple {
  fill: #AE207D;
  color: #761B57;
}
.empty-tag {
  display: none;
}
.empty .empty-tag {
  display: block;
}
.non-empty-tag {
  display: block;
}
.empty .non-empty-tag {
  display: none;
}
/* Media Player: Audio and Video*/
.content-wrapper.video {
  /*background-color: @grey;*/
}
.content-wrapper.audio:not(.document) .media-player-wrapper,
.content-wrapper.audio:not(.image) .media-player-wrapper,
.content-wrapper.video .media-player-wrapper {
  white-space: normal;
  -webkit-flex: 0 0 auto;
  flex: 1 1 auto;
}
.content-wrapper.audio.document .media-player-wrapper,
.content-wrapper.audio.image .media-player-wrapper {
  white-space: normal;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.media-player-wrapper .media-loader {
  left: 0%;
  position: absolute;
  top: 0;
}
.video .media-player-wrapper .media-loader {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.audio .media-player-wrapper .media-loader {
  left: 40px;
  top: 10px;
  width: 66px;
}
.video .media-player-wrapper .media-loader .loader .dot {
  height: auto;
  padding-top: 3%;
  width: 3%;
}
.audio .media-player-wrapper .media-loader .loader .dot {
  height: 8px;
  padding-top: 0;
  width: 8px;
}
.media-player-wrapper .media-player-wrapper-inner {
  height: 100%;
  max-width: 100%;
  position: absolute;
  width: 100%;
}
.video.media-player-wrapper .media-player-wrapper-inner {
  text-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.media-player-wrapper.video {
  /*background-color: @grey;
		.flex-display();*/
  /*height: 100%;*/
  max-width: 100%;
  /*width: 100%;*/
  position: relative;
}
.media-player-wrapper.audio + .marksheets-inner {
  border-top: 1px solid #c7c7c7;
}
.media-player-wrapper.audio .mediaplayer {
  width: 100%;
  max-width: 900px;
}
.media-player-wrapper .mediaplayer {
  margin: auto;
  padding: 5px;
}
.video.media-player-wrapper .mediaplayer {
  padding: 0;
}
.media-player-wrapper .mediaplayer.full-screen {
  padding: 0;
}
.mediaplayer {
  margin-bottom: 5px;
  /*min-width: @min-width;*/
  /*.audio &{		
		min-width: @min-width;			
	}*/
}
.mediaplayer .slider-input {
  cursor: pointer;
  display: block;
  position: relative;
  opacity: 0;
  width: 100%;
  z-index: 200;
}
.video .mediaplayer {
  position: relative;
  max-width: 100%;
  /*top: 50%;		
		.vendorize(transform,translateY(-50%));*/
}
.slider-track {
  background-color: #071a2b;
  border: 1px solid #00467d;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.time .slider-track {
  height: 6px;
}
.volume .slider-track {
  height: 4px;
}
.video .time .slider-track {
  border-color: transparent;
  background-color: transparent;
}
.volume-mute {
  display: block;
  padding: 5px 2px;
}
.volume-mute .svg-icon {
  color: #fff;
  fill: #fff;
  height: 22px;
  width: 28px;
}
.slider-progress {
  background-color: #0075cd;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: width 0.01s;
  -moz-transition: width 0.01s;
  -ms-transition: width 0.01s;
  -o-transition: width 0.01s;
  transition: width 0.01s;
}
.time .slider-progress {
  height: 6px;
  padding: 0;
}
.volume .slider-progress {
  height: 4px;
  margin-top: 1px;
  padding: 0;
}
.slider-progress .seek-btn {
  background-color: #fff;
  border: 1px solid #707070;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}
.time .slider-progress .seek-btn {
  width: 12px;
  height: 12px;
}
.volume .slider-progress .seek-btn {
  width: 10px;
  height: 10px;
}
.player-control {
  display: inline-block;
  vertical-align: middle;
}
.player-control svg {
  pointer-events: none;
  font-size: 0;
}
.player-control svg use {
  pointer-events: none;
}
.playback-icon {
  height: 20px;
  width: 14px;
}
.playback-icon .play-pause-icon {
  color: #fff;
  fill: #fff;
}
.playback-icon:hover .play-pause-icon {
  fill: #d1dee5;
}
.playback {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  padding: 6px 9px;
}
.playback .pause-icon,
.playback .play-icon {
  display: none;
}
.playback.pause .pause-icon {
  display: block;
}
.playback.play .play-icon {
  display: block;
}
.volume-mute {
  display: inline-block;
  vertical-align: middle;
}
.volume-mute:hover .mute-icon,
.volume-mute:hover .unmute-icon {
  fill: #d1dee5;
}
.volume-mute .mute-icon,
.volume-mute .unmute-icon {
  display: none;
}
.volume-mute.unmute .mute-icon {
  display: block;
  /*fill:@medium-grey;*/
  opacity: 0.5;
}
.volume-mute.unmute + .slider .slider-input {
  cursor: default;
}
.volume-mute.unmute + .slider .slider-progress {
  background-color: #707070;
  cursor: default;
}
.volume-mute.unmute + .slider .seek-btn {
  background-color: #c8c7cc;
}
.volume-mute.mute .unmute-icon {
  display: block;
}
.time-seperator {
  padding: 0 3px;
}
.player-input-label {
  font-size: 0;
  height: 0;
  line-height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.player-control-bar {
  -webkit-align-items: center;
  align-items: center;
  background-color: #00345a;
  /*border: 1px @grey solid;*/
  padding: 5px 15px;
  position: relative;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.audio .player-control-bar {
  margin: 0 auto;
  width: 100%;
}
.video .player-control-bar {
  /*flex-wrap: wrap;*/
  padding: 11px 15px 5px 15px;
  position: relative;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.player-control-bar .label {
  color: #fff;
  font-size: 12px;
  padding: 0 10px;
}
.player {
  background-color: #000;
  overflow: hidden;
}
.player .video-caption {
  background: rgba(0, 0, 0, 0.6);
  bottom: 1px;
  color: #fff;
  font-size: 14px;
  padding: 9px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.player-control.time {
  position: relative;
  width: 100%;
}
.video .player-control.time {
  height: 6px;
  vertical-align: top;
}
.player-control.volume {
  margin-right: 5px;
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.player-control.volume .slider {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
}
.player-control .slider {
  position: relative;
  width: 100%;
  z-index: 1;
}
.video .player-control .slider {
  height: 3px;
  /*slider bar jumping in ie - fixed*/
}
.player-control-group {
  display: inline-block;
  vertical-align: middle;
}
.player-control-group.left {
  margin-right: 5px;
}
.player-control-group.right {
  margin-left: 5px;
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.audio .player-control-group.left,
.audio .player-control-group.right {
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.video .player-control-group.left {
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.video .player-control-group.right {
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
  position: relative;
  z-index: 3;
}
.player-control-group.center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.audio .player-control-group.center {
  -webkit-flex: 1 1 150px;
  -moz-flex: 1 1 150px;
  -ms-flex: 1 1 150px;
  -o-flex: 1 1 150px;
  flex: 1 1 150px;
  -webkit-transition: padding 0.5s;
  -moz-transition: padding 0.5s;
  -ms-transition: padding 0.5s;
  -o-transition: padding 0.5s;
  transition: padding 0.5s;
}
.audio .loading ~ .player-control-group.center {
  padding: 0 0 0 40px;
}
.video .player-control-group.center {
  background-color: #3c3c3c;
  position: absolute;
  left: 0;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  /*-webkit-flex:1 1 100%;
			-moz-box-flex:1 1 100%; 
			-ms-flex:1 1 100%;
			flex: 1 1 100%;*/
  height: 6px;
  /*margin: -19px -15px 0 -15px;*/
  top: -2px;
  width: 100%;
}
.audio-track {
  opacity: 0;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
}
.video-player {
  display: inline-block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  vertical-align: top;
  width: 100%;
}
.full-screen .video-player {
  width: 100%;
}
.video .video-player {
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: 100%;
  /*.calc-fn(max-height,"100vh - 100px");*/
}
.video .mediaplayer {
  display: inline-block;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.video .mediaplayer.hide {
  display: none;
}
.video .mediaplayer:not(.full-screen) {
  max-width: 100%;
  margin: 0 auto;
  max-height: 100%;
}
.IE .video .mediaplayer:not(.full-screen) {
  max-width: calc(100% - 0.1px);
}
.video .mediaplayer.full-screen {
  max-width: 100%;
  width: 100% !important;
  height: 100%;
}
.video .player {
  position: relative;
  width: 100%;
}
.video .full-screen .player {
  /*-webkit-flex: 1 1 auto;
		flex: 1 1 auto;*/
}
.view-fullscreen {
  display: block;
  padding: 2px;
}
.view-fullscreen .svg-icon {
  fill: #fff;
  height: 28px;
  width: 28px;
}
.view-fullscreen:hover .svg-icon {
  fill: #d1dee5;
}
.right-buttons {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.right-buttons > .download-file:first-child,
.right-buttons > .full-screen-view:first-child {
  margin-left: 0;
}
.right-buttons > .transcoded-file:first-child {
  margin-left: 0;
  position: static;
}
.download-file {
  margin: 0 10px;
}
.audio .download-file {
  margin-right: 0;
}
.download-file-button {
  display: block;
  padding: 2px;
}
.download-file-button .svg-icon {
  width: 28px;
  height: 28px;
  fill: #fff;
}
.download-file-button:hover .svg-icon {
  fill: #d1dee5;
}
.transcoded-file {
  margin: 0 10px;
}
.transcoded-file.dropdown-wrap > a.menu-button {
  background-color: transparent;
  padding: 2px;
  border: 0;
}
.transcoded-file.dropdown-wrap > a.menu-button:hover {
  border-color: transparent;
  border: 0;
}
.transcoded-file .menu-callout {
  bottom: 39px;
  left: 8px;
}
.transcoded-file .menu-callout:after {
  border-width: 12px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.04);
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-width: 0;
}
.transcoded-file .menu {
  left: inherit;
  margin-bottom: 5px;
  overflow: visible;
  padding: 0;
  width: 175px;
  min-width: inherit;
  right: -15px;
  -webkit-transition: padding 0.3s;
  -moz-transition: padding 0.3s;
  -ms-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  transition: padding 0.3s;
}
.open.transcoded-file .menu {
  padding: 16px;
}
.transcoded-file .menu .menu-item {
  border-top: 0 none;
  color: #fff;
  margin-top: 10px;
  white-space: nowrap;
}
.transcoded-file .menu .menu-item:first-child {
  margin-top: 0;
}
.audio .transcoded-file .menu-callout {
  bottom: 6px;
}
.audio .transcoded-file .menu-callout:before {
  border-width: 10px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5);
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-width: 0;
}
.audio .transcoded-file .menu {
  margin-top: 4px;
}
.transcoded-file + .download-file {
  margin-left: 0;
}
.transcoded-file-button {
  display: block;
  padding: 6px;
}
.transcoded-file-button .svg-icon {
  fill: #fff;
  height: 28px;
  width: 28px;
}
.transcoded-file-button:hover .svg-icon {
  fill: #d1dee5;
}
.view-fullscreen .full-screen-icon,
.view-fullscreen .exit-full-screen-icon {
  display: none;
}
.full-screen .view-fullscreen .exit-full-screen-icon {
  display: block;
}
.normal-screen .view-fullscreen .full-screen-icon {
  display: block;
}
input.slider-input {
  width: 100%;
  height: 8px;
  margin: 0px;
  padding: 0px;
  border: 0 none;
  background: transparent;
  color: transparent;
  overflow: visible;
}
.touch-device input.slider-input {
  height: 18px;
  -webkit-tap-highlight-color: transparent;
}
input.slider-input::-ms-track {
  width: 100%;
  height: 8px;
  margin: 0px;
  padding: 0px;
  border: 0 none;
  background: transparent;
  color: transparent;
  overflow: visible;
}
.touch-device input.slider-input::-ms-track {
  height: 18px;
  -webkit-tap-highlight-color: transparent;
}
input.slider-input::-moz-range-track {
  width: 100%;
  height: 8px;
  margin: 0px;
  padding: 0px;
  border: 0 none;
  background: transparent;
  color: transparent;
  overflow: visible;
}
.touch-device input.slider-input::-moz-range-track {
  height: 18px;
  -webkit-tap-highlight-color: transparent;
}
input.slider-input:focus {
  background: transparent;
  border: transparent;
  outline: none;
}
input.slider-input:focus::-webkit-slider-runnable-track {
  background: transparent;
  border: transparent;
  outline: none;
}
input.slider-input::-ms-thumb {
  width: 20px;
  height: 20px;
  border-radius: 0px;
  border: 0 none;
  background: transparent;
}
input.slider-input::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 0px;
  border: 0 none;
  background: transparent;
}
input.slider-input::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  border-radius: 0px;
  border: 0 none;
  background: transparent;
}
input.slider-input::-ms-fill-lower {
  background: transparent;
  border: 0 none;
}
input.slider-input::-ms-fill-upper {
  background: transparent;
  border: 0 none;
}
input.slider-input::-ms-tooltip {
  display: none;
}
/*@media (max-width: 1120px){
	.player-control-bar{
		padding: 2px 6px;
		.audio &{
			width: 95%;
		}
			.label{
				padding: 0 2px;
			}
	}
	.player-control{
		&.volume{
			.slider{
				width: 50px;
			}
		}
	}
	video .player-control-group.center{
		margin: -15px -6px 0 -6px;
	}
}*/
/*
@media (max-width:960px){
	.mediaplayer,
	.audio .mediaplayer{
		min-width: @min-width;		
	}
	.playback, .view-fullscreen, .download-file-button, .transcoded-file-button{
		padding: 0;
		.svg-icon{
			width: 24px;
			height:24px;
		}
	}
	.download-file{
		margin: 0 5px;
		.audio &{
			margin-right: 0;
		}
	}
	.volume-mute{
		.svg-icon{
			width: 20px;
			height: 16px;
		}
	}
	.player-control-bar{
		padding: 8px 6px;
		.audio &{						
			width:100%;
			.vendorize(flex-wrap,wrap);
		}
		.time-duration{
			flex: 1 1 auto;
			-webkit-flex: 1 1 auto;
			padding-left: 0;
			position: relative;
			&:before{
				position: absolute;
				margin-left: 3px;
				content:"/";
				left: -10px;
			}
		}
	}
	
	.player-control{
		&.volume{
			.slider{
				width: 50px;
				padding-left: 0;
			}
		}
	}
	.player-control-group{
		.audio &{
			&.center{				
				flex: 1 0 100%;
				-webkit-flex: 1 0 100%;
				order: 1;
				padding: 0 5px;
			}
			&.left{
				order: 2;
				flex: 0 0 auto;
				-webkit-flex: 0 0 auto;
				margin: 0
			}
			&.right{
				align-items: center;
				flex: 1 1 auto;
				-webkit-flex:1 1 auto;
				margin: 0;
				order: 3;
				.flex-display();
			}
		}
	}
}*/
.overlay-holder {
  left: 0;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  stroke-width: 3px;
  top: 0;
  width: 100%;
}
.overlay-holder svg {
  overflow: visible;
}
.overlay-svg {
  height: 100%;
  overflow: visible;
  width: 100%;
}
.overlay-wrap {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.overlay-hit-area {
  color: transparent;
  pointer-events: auto;
}
.overlay-hit-area .overlay-hit-element {
  color: transparent;
}
.overlay-hit-area .overlay-hit-area-line {
  fill: none;
  opacity: 0.5;
  stroke: currentColor;
  stroke-width: 36;
}
.content-wrapper:not(.messaging) .overlay-hit-area .overlay-hit-area-line,
.content-wrapper.messaging.minimized .overlay-hit-area .overlay-hit-area-line {
  cursor: move;
}
.content-wrapper:not(.messaging) .overlay-hit-area .overlay-hit-area-line.hidden,
.content-wrapper.messaging.minimized .overlay-hit-area .overlay-hit-area-line.hidden {
  cursor: default;
  pointer-events: none;
}
.overlay-element {
  stroke-dasharray: 5;
}
.overlay-wrap .overlay-element.hidden {
  color: transparent;
}
.overlay-element,
.overlay-hit-area-line,
.color-sample {
  stroke: currentColor;
  fill: none;
}
.red-overlay .overlay-element,
.red-overlay .overlay-hit-area-line,
.red-overlay .color-sample {
  color: #ef1e23;
}
.green-overlay .overlay-element,
.green-overlay .overlay-hit-area-line,
.green-overlay .color-sample {
  color: #0f7b3f;
}
.blue-overlay .overlay-element,
.blue-overlay .overlay-hit-area-line,
.blue-overlay .color-sample {
  color: #1d73bc;
}
.yellow-overlay .overlay-element,
.yellow-overlay .overlay-hit-area-line,
.yellow-overlay .color-sample {
  color: #f6cc16;
}
.black-overlay .overlay-element,
.black-overlay .overlay-hit-area-line,
.black-overlay .color-sample {
  color: #000;
}
.pink-overlay .overlay-element,
.pink-overlay .overlay-hit-area-line,
.pink-overlay .color-sample {
  color: #e06ca9;
}
.overlay-context-menu .color-sample {
  background-color: currentColor;
}
.overlay-point-svg {
  overflow: visible;
}
.overlay-text-holder {
  overflow: visible;
}
.overlay-text {
  position: absolute;
  color: #0075cd;
  font-weight: bold;
  font-size: 1.6rem;
  transform: none;
  stroke-width: 0px;
}
.ruler .overlay-text,
.protractor .overlay-text {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.small-zoom .overlay-text {
  font-size: 1.4rem;
}
.medium-zoom .overlay-text {
  font-size: 1.6rem;
}
.large-zoom .overlay-text {
  font-size: 1.8rem;
}
.rotate-90 .overlay-text {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  -moz-transform: translate(-50%, -50%) rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  -o-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
}
.rotate-180 .overlay-text {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  -moz-transform: translate(-50%, -50%) rotate(-180deg);
  -ms-transform: translate(-50%, -50%) rotate(-180deg);
  -o-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg);
}
.rotate-270 .overlay-text {
  -webkit-transform: translate(-50%, -50%) rotate(-270deg);
  -moz-transform: translate(-50%, -50%) rotate(-270deg);
  -ms-transform: translate(-50%, -50%) rotate(-270deg);
  -o-transform: translate(-50%, -50%) rotate(-270deg);
  transform: translate(-50%, -50%) rotate(-270deg);
}
.rotate-360 .overlay-text {
  -webkit-transform: translate(-50%, -50%) rotate(-360deg);
  -moz-transform: translate(-50%, -50%) rotate(-360deg);
  -ms-transform: translate(-50%, -50%) rotate(-360deg);
  -o-transform: translate(-50%, -50%) rotate(-360deg);
  transform: translate(-50%, -50%) rotate(-360deg);
}
.overlay-mover-area {
  /*cursor: default;*/
  fill: transparent;
  pointer-events: auto;
}
.overlay-node-svg {
  overflow: visible;
}
.overlay-plus-normal,
.overlay-plus-hover {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.overlay-plus-normal {
  stroke-width: 2px;
}
.hover .overlay-plus-normal {
  opacity: 0;
  stroke-width: 4px;
}
.overlay-plus-hover {
  opacity: 0;
  stroke-width: 3;
}
.hover .overlay-plus-hover {
  opacity: 1;
}
.overlay-mover {
  height: 12px;
  overflow: visible;
  width: 12px;
  /*.overlay-plus{
		display:block;
		height:12px;
		width:12px;
	}*/
}
.overlay-mover .overlay-mover-line {
  stroke: #0075cd;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.hover .overlay-mover .overlay-mover-line {
  /*&.l1{
				.vendorize(transform,translateY(-100%) scaleY(0.7));
			}
			&.l2{
				.vendorize(transform,translateX(100%) scaleX(0.7));
			}
			&.l3{
				.vendorize(transform,translateY(100%) scaleY(0.7));
			}
			&.l4{
				.vendorize(transform,translateX(-100%) scaleX(0.7));
			}*/
}
.overlay-moving .marksheet-holder {
  z-index: 2;
}
.overlay-moving .marksheet-holder + .marksheet-holder {
  z-index: 1;
}
.overlay-moving .marksheet-holder,
.overlay-moving .marksheet-wrapper,
.overlay-moving .overlay-holder svg {
  overflow: visible;
}
.overlay-moving .marksheet-view-holder {
  overflow: hidden;
}
.shared-overlay.overlay-wrap.hover .overlay-point-center,
.overlay-point-center {
  display: none;
}
.overlay-wrap.hover .overlay-point-center {
  display: block;
}
.overlay-node-svg {
  color: #0075cd;
}
.shared-overlay .overlay-node-svg {
  color: #000;
}
.overlay-point-center {
  fill: currentColor;
  pointer-events: none;
  stroke-width: 1;
}
.overlay-point {
  stroke: currentColor;
  pointer-events: none;
  fill: transparent;
  stroke-width: 2;
}
.shared-overlay .overlay-point {
  color: #707070;
}
.overlay-mask-reveal {
  fill: #fff;
}
.overlay-mask-hide {
  fill: #000;
}
/*Defining outer layout styles*/
@media (max-height: 225px) {
  .Android.Chrome .std-setup-wrapper {
    min-height: 400px;
  }
}
.std-setup-wrapper .column-left {
  padding-top: 50px;
}
.std-setup-wrapper .column-left .marking-instruction-holder .marking-instruction-btn:before {
  border-top: 1px #003864 solid;
  border-bottom: 1px #19598a solid;
  top: 0px;
  content: '';
  display: block;
  height: 0;
  left: 20px;
  right: 20px;
  position: absolute;
}
.std-setup-wrapper .column-left .left-menu-holder .marking-instruction-holder {
  padding: 7.5px 0 7.5px 48px;
}
.std-setup-wrapper .column-left .column-left-inner {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.std-setup-wrapper .column-left .column-left-inner .left-menu-holder {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -o-flex: 1 1 auto;
  flex: 1 1 auto;
}
.std-setup-wrapper .column-left .column-left-inner .left-menu-holder.bottom-menu-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-end;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  padding-bottom: 35px;
}
.std-setup-wrapper .column-left .column-left-inner .left-menu-holder.bottom-menu-holder .classification-button-holder {
  margin-top: 23px;
}
.std-setup-wrapper .column-left .column-left-inner .left-menu-holder .left-menu .panel.open {
  padding-bottom: 0px;
}
.std-setup-wrapper .column-left .left-menu .panel.open.active,
.std-setup-wrapper .column-left .left-menu .panel:first-child {
  padding-top: 0px;
}
.std-setup-wrapper .column-left .left-menu .panel.open.active .tick-circle-icon,
.std-setup-wrapper .column-left .left-menu .panel:first-child .tick-circle-icon {
  top: 10px;
}
.std-setup-wrapper .column-left .left-menu-holder .left-menu .open .menu-count {
  top: 10px;
}
.std-setup-wrapper .column-left .left-menu .panel {
  cursor: pointer;
}
.std-setup-wrapper .column-left .column-left .left-menu-holder .left-menu .open .left-menu-link {
  padding: 10px 0 10px 72px;
}
.std-setup-wrapper .column-left .left-menu-holder .left-menu .left-menu-link,
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item .classification-text {
  width: 260px;
}
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item {
  padding: 10px 0px 10px 0px;
}
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item .tick-circle-icon,
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item .tick-circle-waring-icon,
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item .menu-count {
  top: 6px;
}
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item .classification-text {
  display: block;
  height: auto;
  margin-right: 5px;
  overflow-wrap: break-word;
  padding-bottom: 0;
  padding-top: 0;
  word-break: break-word;
}
.std-setup-wrapper .column-left .bottom-menu-holder .bottom-menu-group .std-progress-item .classification-progress {
  margin-left: auto;
  margin-right: 10px;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -o-align-self: flex-start;
  align-self: flex-start;
}
.std-setup-wrapper .column-left .bottom-menu-holder:before {
  bottom: auto;
  top: -10px;
  width: 216px;
}
.std-setup-wrapper .column-left .std-progress-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.std-setup-wrapper .column-left .setup-btn-label {
  display: inline-block;
  padding: 5px 11px;
}
.std-setup-wrapper .column-right .wrapper .message-bar {
  margin-top: -4px;
  margin-left: -6px;
  margin-right: -6px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.std-setup-wrapper .column-right .tab-content-holder .tab-content {
  padding-top: 17px;
}
.std-setup-wrapper .message-bar.message-box {
  border: none;
}
.std-setup-wrapper .view-total-mark-icon {
  background-position: -39px -645px;
  display: inline-block;
  height: 15px;
  width: 19px;
}
.std-setup-wrapper .drag-icon {
  background-position: -27px -660px;
  display: inline-block;
  height: 34px;
  position: absolute;
  top: -6px;
  width: 11px;
  bottom: -7px;
}
.std-setup-wrapper .row-draggable .warning-alert .drag-icon {
  background-position: -49px -660px;
}
.std-setup-wrapper .message-box.complete-setup.left-bottom {
  bottom: 20px;
  max-width: 570px;
  margin-right: 14px;
  left: 200px;
  right: auto;
  top: inherit;
  z-index: 99;
}
.std-setup-wrapper .classify-index {
  margin-left: 20px;
}
.std-setup-wrapper .cursor-move {
  user-select: none;
}
.std-setup-wrapper .status-float-msg.top.message-box.callout.right {
  left: 200px;
  right: auto;
  width: 35vw;
}
.std-setup-wrapper .status-float-msg.top.message-box.callout.right.top.message-box.callout:after,
.std-setup-wrapper .status-float-msg.top.message-box.callout.right.top.message-box.callout:before {
  left: 10px;
}
.std-setup-wrapper .message-box + .table-header-wrap {
  padding-top: 6px;
}
.std-setup-wrapper .table-wrap-l,
.std-setup-wrapper .table-wrap-lt {
  table-layout: fixed;
}
.std-setup-wrapper .grid-split-wrapper.std-centre-grid {
  height: 42%;
}
.std-setup-wrapper .grid-split-wrapper.std-response-grid {
  height: 58%;
}
.table-scroll-l {
  overflow-x: hidden;
  overflow-y: auto;
}
.sel-scripts-msg {
  max-width: 400px;
}
.classify-options-holder li .label-text.error {
  padding-left: 5px;
}
.grid-split-wrapper:not(.hide) {
  min-height: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -o-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.grid-split-wrapper:not(.hide):not(.resizing) {
  -webkit-transition: min-height 0.3s ease-in-out, max-height 0.3s ease-in-out;
  -moz-transition: min-height 0.3s ease-in-out, max-height 0.3s ease-in-out;
  -ms-transition: min-height 0.3s ease-in-out, max-height 0.3s ease-in-out;
  -o-transition: min-height 0.3s ease-in-out, max-height 0.3s ease-in-out;
  transition: min-height 0.3s ease-in-out, max-height 0.3s ease-in-out;
}
.grid-split-wrapper:not(.hide) + .grid-split-wrapper {
  background-color: #fff;
  height: 50%;
  position: relative;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  flex: 0 0 auto;
}
.grid-split-wrapper:not(.hide) + .grid-split-wrapper:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 6px;
  left: -12px;
  position: absolute;
  z-index: 11;
  width: -moz-calc(100% + 32px);
  width: -webkit-calc(100% + 32px);
  width: calc(100% + 32px);
}
.grid-split-wrapper:not(.hide) .toggle-split-grid {
  display: none;
}
.grid-split-wrapper:not(.hide) .panel-resizer {
  top: -10px;
  z-index: 12;
}
body.touch-device .grid-split-wrapper:not(.hide) .panel-resizer {
  top: -23px;
}
.grid-split-wrapper:not(.hide) .page-sub-header {
  -webkit-transition: padding 0.3s;
  -moz-transition: padding 0.3s;
  -ms-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  transition: padding 0.3s;
}
@media (max-height: 800px) {
  .allow-compact-view.table-group-container .grid-split-wrapper:not(.hide) {
    /*.toggle-split-grid{
				top:0;	
			}*/
  }
  .allow-compact-view.table-group-container .grid-split-wrapper:not(.hide) + .grid-split-wrapper:not(.expanded) {
    flex-basis: auto !important;
  }
}
.allow-compact-view .grid-split-wrapper:not(.hide) + .grid-split-wrapper {
  height: auto;
}
.allow-compact-view .grid-split-wrapper:not(.hide) + .grid-split-wrapper .grid-wrapper {
  overflow: hidden;
}
.allow-compact-view .grid-split-wrapper:not(.hide) + .grid-split-wrapper:not(.expanded) {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -o-flex: 0 1 auto;
  flex: 0 1 auto;
  min-height: 0;
  max-height: 200px;
  flex-basis: auto !important;
}
.allow-compact-view .grid-split-wrapper:not(.hide) + .grid-split-wrapper.expanded {
  height: auto;
  -webkit-flex: 0 0 50%;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  -o-flex: 0 0 50%;
  flex: 0 0 50%;
  min-height: 50%;
  max-height: 1000px;
}
.allow-compact-view .grid-split-wrapper:not(.hide) + .grid-split-wrapper:before {
  box-shadow: 0 -4px 4px -2px rgba(0, 0, 0, 0.25);
}
.allow-compact-view .grid-split-wrapper:not(.hide) .toggle-split-grid {
  display: block;
  padding: 5px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 15px;
  width: 100%;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.allow-compact-view .grid-split-wrapper:not(.hide) .toggle-split-grid .panel-toggle-icon-vertical {
  transform: rotate(0 deg);
  -webkit-transform: rotate(0 deg);
}
.allow-compact-view .grid-split-wrapper:not(.hide) .table-content-wrap {
  border-bottom: 0 none;
}
.allow-compact-view .grid-split-wrapper:not(.hide).expanded .toggle-split-grid .panel-toggle-icon-vertical {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.grid-split-wrapper:not(.hide) .page-sub-title {
  font-size: 1.8rem;
  font-weight: 400;
  padding: 0 22px 0 0px;
}
.grid-split-wrapper:not(.hide) .grid-holder {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -o-flex: 1 1 auto;
  flex: 1 1 auto;
}
.grid-split-wrapper:not(.hide).with-searchbox {
  position: relative;
}
body:not(.touch-device) .grid-holder.selectable-grid:not(.disabled) .table-content-holder .table-view tr:hover,
.grid-holder.selectable-grid:not(.disabled) .table-content-holder .table-view tr.selected {
  background-color: #eaf7ff;
  cursor: pointer;
}
.grid-holder.selectable-grid:not(.disabled) .table-content-holder .table-view tr:focus {
  outline: none;
}
.grid-holder.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.grid-holder.disabled .table-scroll-holder {
  overflow: hidden;
}
.wrapper .col-note .note-ellipsis {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  vertical-align: middle;
}
.wrapper .warning-alert .col-note .cell-data {
  color: #707070;
}
.table-header-wrap tr:nth-child(even).classify-items-row,
.table-content-wrap tr:nth-child(even).classify-items-row {
  background-color: #fff;
}
.classify-items-row {
  height: 55px;
}
.classify-items-row .col-std-classify-items {
  padding: 14px 0 0 0;
}
.classify-item-text {
  font-size: 1.4rem;
  font-weight: 500;
  padding-top: 0;
}
.row-draggable .table-wrap-lt tr th:first-child .header-data,
.row-draggable .table-wrap-l tr td:first-child .header-data,
.row-draggable .table-wrap-l tr td:first-child .cell-data {
  padding-left: 0;
}
tr.classify-items-row td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
/* for theme less*/
/*.std-slct-to-mrk{
	margin: 0 auto;
	.message-box{
		width: 350px;
		&:after,
		&:before{
			left: 80%;	
		}
	}
}*/
.total-mark-holder .total-marks-label {
  white-space: nowrap;
}
/*.def-mark .message-box{
	width: 400px;
	&:after,
	&:before{
		left: 80%;	
	}
}*/
.tool-panel .mrk-note-icon .tool-option-menu {
  max-width: 50vw;
  min-width: 520px;
  overflow: hidden;
}
.tool-panel .mrk-note-icon > a,
.tool-panel .discard-icon > a {
  border: 0 none;
  border-radius: 0;
  display: inline-block;
  height: 48px;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 48px;
}
.tool-panel .mrk-note-icon > a .svg-icon svg,
.tool-panel .discard-icon > a .svg-icon svg {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.tool-panel .mrk-note-icon > a .toolexpand-icon,
.tool-panel .discard-icon > a .toolexpand-icon {
  bottom: 5px;
  position: absolute;
  right: 5px;
}
.tool-panel .mrk-note-icon > a.menu-button:hover,
.tool-panel .discard-icon > a.menu-button:hover {
  border: 0 none;
}
.tool-panel .notes-holder {
  padding: 10px;
}
.tool-panel .notes-entry-holder {
  overflow-y: auto;
  position: relative;
}
.tool-panel .notes-entry-holder .note-placehokder {
  bottom: 10px;
  display: none;
  pointer-events: none;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
}
.tool-panel .notes-entry-holder .note-placehokder.hide {
  display: none;
}
.tool-panel .notes-entry-holder .notes-editor:not(:focus):invalid ~ .note-placehokder {
  display: block;
}
.tool-panel .notes-entry-holder .notes-editor {
  border: 1px solid #707070;
  box-shadow: none;
  /* added to avoid default red border for required text area in firefox*/
  color: #071a2b;
  display: block;
  height: 135px;
  padding: 10px 10px 10px 18px;
  resize: none;
  width: 100%;
  -webkit-overflow-scrolling: auto;
}
.tool-panel .notes-entry-holder .notes-editor[readonly] {
  color: #707070;
}
.tool-panel .notes-entry-holder .notes-editor.read-only {
  height: auto;
  background: #fff;
  border-bottom: 1px solid #707070;
}
.tool-panel .note-icon .add-note-icon {
  display: block;
}
.tool-panel .note-icon .note-exsist-icon {
  display: none;
}
.tool-panel .note-icon.exsist .add-note-icon {
  display: none;
}
.tool-panel .note-icon.exsist .note-exsist-icon {
  display: block;
}
.tool-panel .note-exsist-indication {
  background-color: #e31111;
  border-radius: 50%;
  height: 8px;
  position: absolute;
  right: 12px;
  top: 10px;
  width: 8px;
}
.work-list-grid.row-draggable .table-content-wrap .row:not(.classify-items-row):not(.placeholder-row) {
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.allow-dragging.work-list-grid.row-draggable .table-content-wrap .row:not(.classify-items-row):not(.placeholder-row) {
  cursor: move;
}
.work-list-grid.row-draggable .header-data,
.work-list-grid.row-draggable .cell-data {
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}
.work-list-grid.row-draggable:not(.place-holder-row).hide {
  display: table-row !important;
  padding: 0;
}
.work-list-grid.row-draggable:not(.place-holder-row).hide td:before {
  height: 0;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}
.work-list-grid.row-draggable:not(.place-holder-row).hide .header-data,
.work-list-grid.row-draggable:not(.place-holder-row).hide .cell-data {
  height: 0;
  padding: 0;
  overflow: hidden;
}
.work-list-grid.row-draggable .table-header-wrap .header-data {
  cursor: text;
}
.section-loader.loading ~ .table-content-wrap .row {
  opacity: 0.3;
  pointer-events: none;
}
.section-loader.loading ~ .table-content-wrap .draggable {
  opacity: 0;
}
.section-loader.loading ~ .dragging-row-holder .row {
  opacity: 1;
}
.dragging-row-holder {
  background-color: #e1f5fe;
  display: none;
  height: 40px;
  padding: 6px 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 10;
  border: 1px dotted #61aee5;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.row-dragging .dragging-row-holder {
  /*display: block;*/
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.dragging-row-holder .row td {
  border-bottom: 0 none;
  /*&:last-child .cell-data{ //removed to avoid width issue while dragging
			padding-right: 17px;
		}*/
}
.dragging-row-holder .row td .drag-icon {
  background-position: -39px -660px;
}
.dragging-row-holder .drag-row-left-col {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  position: relative;
  background-color: #e1f5fe;
}
.dragging-row-holder .drag-row-right-col {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.scrolled-right .dragging-row-holder .drag-row-right-col table {
  table-layout: fixed;
}
.dragging-row-holder .drag-row-r-inner {
  position: absolute;
  left: 0;
  top: -2px;
}
.scrolled-right .dragging-row-holder .drag-row-left-col {
  padding-left: 1px;
}
.scrolled-right .dragging-row-holder .drag-row-left-col:after {
  -webkit-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.3);
  content: '';
  position: absolute;
  width: 1px;
  right: 0px;
  height: 38px;
  top: -6px;
  z-index: 100;
  background-color: #e1f5fe;
}
.scrolled-right.scrolled-left .dragging-row-holder .drag-row-left-col:after {
  -webkit-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0);
  -moz-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0);
  -ms-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0);
  -o-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0);
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0);
}
.table-content-wrap tr.row.added {
  background-color: #e1f5fe;
}
.table-content-wrap tr.row.none {
  visibility: hidden;
  display: none;
}
.row-dragging .row.draggable td {
  background-color: #fff;
}
.row-dragging .row.draggable .header-data,
.row-dragging .row.draggable .cell-data {
  opacity: 0.25;
  pointer-events: none;
}
.std-setup-wrapper .table-wrap-l .table-scroll-l {
  height: auto;
}
.row-dragging .row:not(.classify-items-row) td {
  padding-top: 0;
  -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
  -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
  -ms-transition: padding-top 0.3s, padding-bottom 0.3s;
  -o-transition: padding-top 0.3s, padding-bottom 0.3s;
  transition: padding-top 0.3s, padding-bottom 0.3s;
}
.IE .row-dragging .row:not(.classify-items-row) td {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.row-dragging .row:not(.classify-items-row).droping.before:not(.draggable) td {
  padding-top: 45px;
}
.row-dragging .row:not(.classify-items-row).droping.after:not(.draggable) td {
  padding-bottom: 45px;
}
.row.placeholder-row td {
  background-color: #fff;
  height: 40px;
}
.row.placeholder-row .header-data,
.row.placeholder-row .cell-data {
  visibility: hidden;
}
.show-hidden-response .row .cell-data span,
.show-hidden-response .row .cell-data,
.show-hidden-response .row .header-data,
.show-hidden-response .row td:before,
.show-hidden-response .row td {
  -webkit-transition: all 0.3s, font-size 0s;
  -moz-transition: all 0.3s, font-size 0s;
  -ms-transition: all 0.3s, font-size 0s;
  -o-transition: all 0.3s, font-size 0s;
  transition: all 0.3s, font-size 0s;
}
.show-hidden-response .row .cell-data span,
.show-hidden-response .row .header-data a {
  min-height: 100%;
  overflow: hidden;
}
.show-hidden-response .row .header-data,
.show-hidden-response .row .cell-data {
  transform: scale(1);
  max-height: 41px;
  line-height: 100%;
}
.show-hidden-response.hidden .hide-row,
.show-hidden-response.hidden .hide-row td {
  font-size: 0;
  height: 0;
  line-height: 0;
}
.show-hidden-response.hidden .hide-row .header-data,
.show-hidden-response.hidden .hide-row .cell-data {
  max-height: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.show-hidden-response.hidden .hide-row .header-data,
.show-hidden-response.hidden .hide-row .header-data a,
.show-hidden-response.hidden .hide-row .cell-data,
.show-hidden-response.hidden .hide-row td:before {
  font-size: 0;
  height: 0;
  line-height: 0;
  padding: 0;
}
.show-hidden-response.hidden .hide-row .cell-data span,
.show-hidden-response.hidden .hide-row .cell-data label,
.show-hidden-response.hidden .hide-row .cell-data .button,
.show-hidden-response.hidden .hide-row .toggle-content,
.show-hidden-response.hidden .hide-row .toggle-switch,
.show-hidden-response.hidden .hide-row label:before {
  border: 0;
  font-size: 0;
  height: 0;
  line-height: 0;
  padding: 0;
  overflow: hidden;
}
.show-hidden-response.hidden .hide-row td::before {
  height: 0;
  line-height: 0;
  font-size: 0;
}
.iPad .table-scroll-l {
  margin-right: -20px !important;
  padding-right: 20px !important;
}
.info-holder > .cell-data {
  padding-right: 0px;
}
.info-holder .dropdown-wrap > a.menu-button:hover {
  border: 0px;
}
.info-holder .table-view tr,
.info-holder .table-view td {
  border: 0;
  text-align: left;
}
.info-holder .table-view tr:first-child,
.info-holder .table-view td:first-child {
  padding-left: 5px;
}
.info-holder .note-details-holder {
  max-height: -moz-calc(100vh - 340px);
  max-height: -webkit-calc(100vh - 340px);
  max-height: calc(100vh - 340px);
  overflow: auto;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
/*Awarding css */
.awarding-wrapper .grid-holder.grid-view {
  height: auto;
}
.awarding-wrapper .column-left {
  padding-top: 0;
  width: 420px;
}
.awarding-wrapper .column-left .column-left-inner {
  width: calc(420px - 18px);
}
@media (max-width: 768px) {
  .awarding-wrapper .column-left {
    width: 280px;
  }
  .awarding-wrapper .column-left .column-left-inner {
    width: calc(280px - 18px);
  }
}
.awarding-wrapper .column-right {
  padding-left: 420px;
}
@media (max-width: 768px) {
  .awarding-wrapper .column-right {
    padding-left: 280px;
  }
}
.awarding-wrapper.hide-left .column-left {
  left: -420px;
}
@media (max-width: 768px) {
  .awarding-wrapper.hide-left .column-left {
    left: -280px;
  }
}
.awarding-wrapper.hide-left .column-right {
  padding-left: 0;
}
.awarding-wrapper .left-menu-holder .left-menu .search-box-wrap {
  margin-bottom: 10px;
}
.awarding-wrapper .left-menu-holder .left-menu .search-box-wrap:after {
  left: 0;
  right: 0;
  top: 57px;
}
.awarding-wrapper .left-menu-holder .left-menu:before {
  content: none;
}
.awarding-wrapper .left-menu-holder .left-menu .panel,
.awarding-wrapper .left-menu-holder .left-menu .panel.open {
  padding-left: 20px;
}
.awarding-wrapper .left-menu-holder .left-menu .left-menu-link {
  padding-left: 0;
  width: calc(420px - 18px);
}
@media (max-width: 768px) {
  .awarding-wrapper .left-menu-holder .left-menu .left-menu-link {
    width: calc(280px - 18px);
  }
}
.awarding-wrapper .table-wrap-l tr td:first-child .cell-data {
  font-weight: bold;
}
.awarding-wrapper .table-wrap-l tr td:first-child .cell-data a {
  text-decoration: none;
}
.awarding-wrapper .table-wrap-l tr.l1 td:first-child .cell-data {
  padding-left: 20px;
}
.awarding-wrapper .table-wrap-l tr.l1 td:first-child .cell-data a {
  color: #707070;
}
.awarding-wrapper .table-content-wrap tr:nth-child(even) {
  background-color: #f7f7f7;
}
.awarding-wrapper .table-wrap-t th,
.awarding-wrapper .table-body-wrap th,
.awarding-wrapper .table-wrap-t td,
.awarding-wrapper .table-body-wrap td {
  text-align: center;
}
.awarding-wrapper .classify-items-row {
  height: 40px;
}
.awarding-wrapper .classify-items-row td {
  border-bottom: 0;
}
.awarding-wrapper .filter-dropdown {
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
.awarding-wrapper .filter-dropdown .right {
  margin-left: auto;
}
.awarding-wrapper .filter-dropdown .menu-label {
  color: #707070;
  display: inline-block;
  min-width: 50px;
}
.open.dropdown-wrap.white-dropdown.helper-menu .tab-nav-holder .tab-nav li {
  border-width: 1px 1px 1px 1px ;
  border-style: solid;
  flex: 0 0 auto;
  position: relative;
}
.open.dropdown-wrap.white-dropdown.helper-menu .tab-nav-holder .tab-nav li a:hover {
  background: none;
}
.open.dropdown-wrap.white-dropdown.helper-menu .tab-nav-holder .tab-nav li:last-child {
  flex: 1 1 auto;
}
.open.dropdown-wrap.white-dropdown.helper-menu .tab-nav-holder .tab-nav li:last-child.active {
  flex: 0 0 auto;
}
.open.dropdown-wrap.white-dropdown.helper-menu .tab-nav-holder .tab-nav li.active {
  border-bottom: transparent;
  margin-bottom: -1px;
}
.helper-menu .tab-nav-holder {
  float: none;
  margin-bottom: 10px;
  margin-top: 18px;
  padding-left: 15px;
  padding-right: 15px;
}
.helper-menu .tab-nav-holder .tab-nav {
  border-bottom: 1px solid #e5e5e5;
  float: none;
  min-width: 233px;
}
.helper-menu .tab-nav-holder .tab-nav li {
  min-width: auto;
}
.helper-menu .tab-nav-holder .tab-nav li .tab-head-wrapper {
  position: relative;
  display: block;
  padding: 10px;
}
.helper-menu .tab-nav-holder .tab-nav li.active {
  border: 1px solid #e5e5e5;
}
.helper-menu .tab-content-holder {
  margin-bottom: 7px;
}
.helper-menu .tab-content-holder .tab-content {
  position: relative;
}
.helper-menu .menu .tab-head {
  color: #0075cd;
}
.helper-menu .active .tab-head {
  color: #071a2b;
}
.helper-menu .menu-callout {
  left: 27px;
  right: auto;
  top: 40px;
}
.helper-menu .menu {
  min-width: 264px;
  right: -80%;
  top: 50px;
  max-height: -moz-calc(100vh  - 60px);
  max-height: -webkit-calc(100vh  - 60px);
  max-height: calc(100vh  - 60px);
}
.touch-device .helper-menu .menu {
  max-height: -moz-calc(100vh  - 80px);
  max-height: -webkit-calc(100vh  - 80px);
  max-height: calc(100vh  - 80px);
}
.helper-menu .helpmenu-item-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
.helper-menu .helpmenu-item-link,
.helper-menu .helpmenu-category-title {
  padding: 7px 15px;
}
.helper-menu .helpmenu-category-title {
  padding-bottom: 10px;
  padding-top: 15px;
}
.helpmenu-icon,
.helpmenu-item-text {
  display: inline-block;
  vertical-align: middle;
}
.helpmenu-item-text {
  color: #0075cd;
  padding-left: 5px;
  text-decoration: underline;
}
.helpmenu-item-link:hover .helpmenu-item-text {
  text-decoration: none;
}
.helpmenu-icon {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  height: 14px;
  width: 14px;
}
.open.dropdown-wrap.helper-menu .nav-text,
.dropdown-wrap.helper-menu .nav-text {
  color: #fff;
}
.helper-menu {
  text-align: left;
}
.help-container {
  display: none;
  height: 100%;
  left: 0;
  padding: 20px;
  position: fixed;
  top: 0;
  white-space: normal;
  width: 100%;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.5);
}
.help-container.open {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-in 0.3s;
  -moz-animation: fade-in 0.3s;
  -ms-animation: fade-in 0.3s;
  -o-animation: fade-in 0.3s;
  animation: fade-in 0.3s;
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.help-container.close {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation: fade-out 0.3s;
  -moz-animation: fade-out 0.3s;
  -ms-animation: fade-out 0.3s;
  -o-animation: fade-out 0.3s;
  animation: fade-out 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
    visibility: hidden;
  }
}
.help-container .mediaplayer {
  height: auto;
  margin: 0;
  min-height: 100%;
  min-width: 300px;
  width: auto;
}
.help-container .mediaplayer .help-detail-holder {
  background-color: #00345a;
  bottom: 100%;
  color: #fff;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  padding: 15px 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  table-layout: fixed;
}
.help-container .mediaplayer .help-detail-content {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.help-container .mediaplayer .help-close-holder {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  padding-left: 125px;
}
.help-container .mediaplayer .help-close-link {
  color: #fff;
}
.help-container .mediaplayer .video-scaler {
  padding-top: 56.25%;
}
/*.open.dropdown-wrap.helper-menu .helpmenu-item-text {
	color: @lochmara;
	text-decoration: underline;
	sup{
		display: inline-block;
		text-decoration: none;
	}
}*/
.react-datepicker-wrapper {
  display: inline-block;
}
.react-datepicker-wrapper .example-custom-input {
  background: #fff;
  border: none;
  height: 35px;
  color: inherit;
  font-family: "Roboto", "Myriad Pro Regular", Arial, Tahoma;
}
.react-datepicker-wrapper .example-custom-input:focus,
.react-datepicker-wrapper .example-custom-input:hover {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
}
.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  background-color: #fff;
  color: #000;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.35);
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}
.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 13;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  margin-left: -8px;
  position: absolute;
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #fff;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #e1e1e1;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
  margin-left: -8px;
  position: absolute;
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #e1e1e1;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 16px;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}
.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 1.04em;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  line-height: 2em;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 19px;
  padding: 0;
  border: 0;
  z-index: 1;
  text-indent: -999em;
  overflow: hidden;
  min-width: initial;
}
.react-datepicker__navigation--previous {
  left: 10px;
}
.react-datepicker__navigation--previous:hover,
.react-datepicker__navigation--previous:focus {
  border-color: transparent;
  border-right-color: #b3b3b3;
  background-color: transparent;
}
.react-datepicker__navigation--previous:focus {
  outline: -webkit-focus-ring-color auto 5px;
}
.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__navigation--next {
  right: 10px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}
.react-datepicker__navigation--next:hover,
.react-datepicker__navigation--next:focus {
  border-color: transparent;
  border-left-color: #b3b3b3;
  background-color: transparent;
}
.react-datepicker__navigation--next:focus {
  outline: -webkit-focus-ring-color auto 5px;
}
.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}
.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}
.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__month {
  margin: 0.4em;
  text-align: center;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: -moz-calc(195 + 2em / 2);
  height: -webkit-calc(195 + 2em / 2);
  height: calc(195 + 2em / 2);
  overflow-y: scroll;
  padding-right: 30px;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 2em;
  line-height: 2em;
  text-align: center;
  margin: 0.166em;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-names {
  padding-top: 16px;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 2em;
  line-height: 2em;
  text-align: center;
  margin: 0.166em;
}
.react-datepicker__day-name {
  font-weight: 700;
}
.react-datepicker__day {
  cursor: pointer;
}
.react-datepicker__day:hover {
  color: #0075cd;
}
.react-datepicker__day--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  color: #0075cd;
  font-weight: 700;
}
.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2987d0;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover {
  background-color: transparent;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
  bottom: 0;
  margin-bottom: -8px;
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45em;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__month-select,
.react-datepicker__year-select {
  border-width: 0 0 1px 0;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px;
}
.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\00d7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 0px;
  text-align: center;
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44em;
}
.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81em solid transparent;
}
.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--previous:hover,
.react-datepicker__portal .react-datepicker__navigation--previous:focus {
  border-color: transparent;
  border-right-color: #b3b3b3;
  background-color: transparent;
}
.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--next:hover,
.react-datepicker__portal .react-datepicker__navigation--next:focus {
  border-color: transparent;
  border-left-color: #b3b3b3;
  background-color: transparent;
}
.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.env-login-wrapper .message-bar {
  padding: 10px 15px;
  margin: 0 -8px;
}
.env-login-wrapper .info-box {
  margin: 0 -8px;
}
.env-login-wrapper .info-box .info-content {
  background-color: #f3f3f3;
  border-radius: 2px;
  display: inline-block;
  padding: 10px 15px;
}
.env-login-wrapper .search-box-wrap.hide {
  display: none;
}
.env-login-wrapper .search-box-wrap .search-box-panel .relative {
  display: inline-block;
  margin-right: 18px;
}
.env-login-wrapper .search-box-wrap .search-box-panel .relative .search-link {
  padding: 5px 8px;
}
.env-login-wrapper .search-box-wrap .search-box-panel .relative .msg-search-input {
  color: #071a2b;
}
.env-login-wrapper .search-message {
  padding: 10px 12px;
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-color: #ec8d01;
  color: #071a2b;
  margin: 10px -8px;
  flex: 0 0 auto;
}
.env-login-wrapper .search-results-grid.hide {
  display: none;
}
.env-login-wrapper .search-results-grid.grid-view .work-list-grid .header-data,
.env-login-wrapper .search-results-grid.grid-view .work-list-grid .cell-data {
  padding: 10px 12px;
}
.env-login-wrapper .search-results-grid.grid-view .work-list-grid .table-content-wrap .no-data {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #707070;
}
.env-login-wrapper .grid-holder.selectable-grid {
  height: auto;
}
.information-icon {
  height: 73px;
  width: 249px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.unsupported-wrapper .information-icon {
  height: 128px;
  width: 129px;
}
.unsupported-wrapper .gray-text {
  color: #707070;
}
.gray-text + .gray-text {
  padding-top: 10px;
}
.information-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.information-heading {
  color: #071a2b;
  font-size: 2.6rem;
  font-weight: bold;
  padding-bottom: 20px;
  text-align: center;
}
.information-icon-holder {
  padding: 40px 0 40px 0;
}
.information-content-holder {
  margin: 0 auto;
  max-width: 650px;
  min-width: 400px;
  text-align: center;
}
.btn-wrapper {
  padding-top: 20px;
}
.information-text {
  color: #707070;
}
/*@import 'demo.less';*/
.wrapper {
  /*.calc-fn(max-width;"100% - @{site-margin}*2");*/
  padding: 0 20px;
}
.login-wrapper .wrapper,
.information-wrapper .wrapper {
  margin: 0 auto;
  max-width: 980px;
}
.container,
.page-wrapper,
.login-wrapper,
.worklist-wrapper,
.marking-wrapper,
.qig-page-wrapper,
.reports-wrapper,
.qig-content-holder,
.information-wrapper,
.env-login-wrapper,
.awarding-wrapper,
.iframe-wrapper,
.std-setup-wrapper {
  height: 100%;
}
.container {
  position: relative;
  z-index: 1;
}
header {
  line-height: 1;
  top: 0;
  z-index: 155;
  width: 100%;
}
header.fixed {
  /*position:absolute;	*/
}
.marking-wrapper header {
  text-align: center;
}
.loading header {
  z-index: 0;
}
header .assessor-logo-link {
  display: inline-block;
  float: left;
  padding: 8px 16px 0 0;
}
header .assessor-logo-link.familiarisation .logo-small {
  margin: 3px 0;
  display: block;
  float: none;
}
header .assessor-logo-link.familiarisation .logo-text {
  color: #fff;
  display: block;
}
header .assessor-logo,
header .logo-small {
  display: inline-block;
  float: left;
  margin: 7px 0 11px;
  position: relative;
  /*z-index:106;*/
}
header .header-logo-link {
  float: left;
  height: 50px;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
header .header-logo-link .logo-small {
  margin: inherit;
}
header .header-logo-link .logo-text {
  color: #fff;
  margin-top: 4px;
  line-height: 1;
}
header .wrapper {
  position: relative;
  /*display:flex;*/
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
header .blue-strip {
  height: 0px;
  background-color: #071a2b;
}
header .nav {
  margin-left: auto;
  position: relative;
  z-index: 105;
  flex: 0 1 auto;
  white-space: nowrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}
header .nav > li {
  /*display:inline-block;*/
  padding-left: 16px;
  vertical-align: middle;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
@media (max-width: 1024px) {
  header .nav > li {
    max-width: 85px;
    white-space: normal;
    padding-left: 14px;
  }
}
.login-wrapper header .nav > li {
  padding-top: 8px;
  display: inline-block;
}
header .nav > li .notification-count {
  left: 9px;
  top: -9px;
}
@media (max-width: 1024px) {
  header .nav > li .notification-count {
    left: -moz-calc(50% + 3px);
    left: -webkit-calc(50% + 3px);
    left: calc(50% + 3px);
    /*right:-14px;*/
    top: -2px;
    transform: none;
  }
}
header .nav > li:first-child {
  padding-left: 0;
}
header .nav > li > a {
  color: #fff;
  display: inline-block;
  /*opacity:0.7;*/
  padding: 13px 8px;
  text-align: center;
}
header .nav > li > a > .relative {
  display: block;
}
header .nav > li > a span.sprite-icon,
header .nav > li > a span.nav-text {
  opacity: 0.9;
}
header .nav > li > a:hover span.sprite-icon,
header .nav > li > a:hover span.nav-text {
  opacity: 1;
}
.login-wrapper header .nav > li > a {
  padding: 8px 16px;
}
.login-wrapper header .nav > li > a:hover {
  border-color: #203140;
}
header .nav > li.dropdown-wrap.open > a .sprite-icon,
header .nav > li.dropdown-wrap.open > a .nav-text {
  opacity: 1;
}
header .nav > li.dropdown-wrap > a {
  padding: 13px 8px;
}
@media (max-width: 1024px) {
  header .nav > li > a,
  header .nav > li.dropdown-wrap > a {
    padding: 3px 8px;
  }
}
@media (max-width: 1024px) {
  header .nav > li .sprite-icon ~ .nav-text {
    display: block;
    font-size: 1.3rem;
    margin-left: 0;
    margin-top: 2px;
  }
}
@media (max-width: 1024px) {
  header .reference-item .sprite-icon ~ .nav-text {
    display: block;
    font-size: 1.3rem;
    margin-left: 0;
    margin-top: -34px;
  }
}
@media (max-width: 1024px) {
  header .reference-icon {
    height: 22px;
    margin-bottom: 5px;
  }
}
header .header-left-icon-list {
  margin-left: 33%;
}
header .header-left-icon-list .sprite-icon,
header .header-left-icon-list .nav-text {
  opacity: 0.9;
  color: #fff;
}
header .header-left-icon-list:hover .sprite-icon,
header .header-left-icon-list:hover .nav-text {
  opacity: 1;
}
header .header-left-icon-list.reference-nav-list {
  margin-left: 0px;
}
header a,
header .dropdown-wrap > a.menu-button {
  color: #b2b2b2;
  text-decoration: none;
}
header a:hover,
header .dropdown-wrap > a.menu-button:hover {
  color: #fff;
}
header .sprite-icon ~ .nav-text,
.notification-dot ~ .nav-text {
  font-size: 1.4rem;
  margin-left: 8px;
}
header .nav-text,
header .sprite-icon {
  vertical-align: middle;
}
.support-environment .logo-text {
  color: #fff;
  display: block;
}
.support-environment .logo-small {
  margin: 3px 0;
  display: block;
  float: none;
}
.page-wrapper {
  padding-top: 50px;
}
.page-wrapper .cookie-wrapper + .wrapper .dropdown-wrap {
  opacity: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.page-wrapper .cookie-wrapper.open + .wrapper .dropdown-wrap {
  opacity: 0;
}
.content-wrapper {
  background-color: #fdfeff;
  height: 100%;
  min-height: 0;
  overflow: auto;
  position: relative;
  z-index: 3;
  /*.calc-fn(height,"100% - @{header-height}");*/
}
.reports-wrapper .content-wrapper {
  padding-left: 75px;
}
.iframe-wrapper .content-wrapper {
  padding-left: 25px;
}
.marking-wrapper .content-wrapper {
  z-index: auto;
}
.loading .content-wrapper {
  z-index: 0;
}
.content-wrapper.vertical-middle {
  height: 100%;
  /*min-height:570px;*/
  padding-top: 0;
  /*padding-bottom:30px;*/
  /*.calc-fn(height,"100% - @{header-height}");*/
}
.content-wrapper .middle-content {
  width: 100%;
}
.login-wrapper {
  background-image: url(./3459ce4cc993f16adebed7d119371d63.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  /*min-height:500px;*/
  position: relative;
}
.login-wrapper .content-wrapper {
  background-color: transparent;
  height: -moz-calc(100% - 42px);
  height: -webkit-calc(100% - 42px);
  height: calc(100% - 42px);
  overflow-y: auto;
  overflow-x: hidden;
}
.login-wrapper .slider-holder {
  background-color: #fff;
  bottom: 0;
  min-width: 430px;
  opacity: 0.9;
  padding: 38px;
  position: absolute;
  right: 0;
  width: 50%;
}
.login-wrapper .slider-holder h3 {
  margin-bottom: 20px;
}
.login-wrapper .slider-holder .horizontal-carousel-container {
  max-width: 400px;
}
.login-wrapper .slider-holder .horizontal-carousel-container .horizontal-slide {
  /*padding-bottom:20px;	*/
}
.login-wrapper .slider-holder .carousel-slide-nav li {
  background-color: #071a2b;
  height: 12px;
  margin-left: 20px;
  opacity: 0.4;
  width: 12px;
}
.login-wrapper .slider-holder .carousel-slide-nav li.active {
  opacity: 1;
}
.login-wrapper .login-header-text {
  background-color: #fe0000;
  width: 430px;
  padding: 9px;
  color: #fff;
  font-size: 27px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.login-wrapper .login-area {
  background-color: #fff;
  border-radius: 2px;
  margin-right: 50px;
  padding: 16px 40px;
  width: 430px;
  -webkit-box-shadow: 0px 0px 49px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 49px 10px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 0px 49px 10px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 0px 49px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 49px 10px rgba(0, 0, 0, 0.15);
}
.login-wrapper .login-area input[type="text"].error,
.login-wrapper .login-area input[type="password"].error {
  border-bottom-width: 2px;
}
.login-wrapper .login-area input[type="text"] {
  margin-top: 10px;
}
.login-wrapper .login-area input[type="password"] {
  margin-top: 20px;
}
.login-wrapper .login-area input[type="text"],
.login-wrapper .login-area input[type="password"] {
  padding-left: 33px;
  width: 100%;
}
.login-wrapper .login-area input[type="text"],
.login-wrapper .login-area input[type="password"],
.login-wrapper .login-area input[type="text"] + label,
.login-wrapper .login-area input[type="password"] + label {
  padding-left: 33px;
}
.login-wrapper .login-area button {
  width: 100%;
  font-size: 1.8rem;
}
.login-wrapper .login-area h3 + button {
  margin-top: 16px;
}
.login-wrapper .login-area h5 + button {
  margin-top: 10px;
}
.login-wrapper .login-area h5 {
  margin-top: 10px;
}
.login-wrapper .login-area .login-form-holder {
  padding-top: 10px;
}
.login-wrapper .login-area .login-form-holder .login-button-holder {
  padding: 0 0 12px 0;
}
.login-wrapper .login-area .login-form-holder .login-button-holder .link-wrap {
  margin-bottom: 6px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  flex-direction: column;
}
.login-wrapper .login-area .login-form-holder .login-button-holder .link-wrap .link-text {
  margin-bottom: 10px;
}
.login-wrapper .login-area .login-form-holder .login-button-holder h3 {
  line-height: 1;
}
.login-wrapper .login-area .login-form-holder .error-messages {
  min-height: 21px;
  /*padding:3px 5px;*/
}
.login-wrapper .login-area .login-form-holder .error-messages .bubble {
  font-size: 1em;
  line-height: 1.3;
  z-index: 10;
  position: relative;
  width: 100%;
}
.login-wrapper .login-area .login-form-holder .info-messages {
  /*position:absolute;	
				width:100%;
				.calc-fn(bottom,"100% - 2px");*/
}
.login-wrapper .login-area .login-form-holder .info-messages .info-alert {
  padding: 4px 7px;
}
.login-wrapper .login-area .capslock-on {
  z-index: 11;
}
.login-wrapper .login-area .username-icon,
.login-wrapper .login-area .password-icon {
  bottom: 10px;
  left: 0;
  position: absolute;
  z-index: 13;
}
.login-wrapper .login-area .password-icon {
  bottom: 12px;
  left: -2px;
}
.login-wrapper.open-cookies {
  padding-top: 48px;
}
.login-wrapper.open-cookies .cookie-wrapper {
  top: 0px;
}
footer {
  background-color: #0092ff;
  bottom: 0;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  /*margin-top:-30px;	*/
  padding: 14px 0;
  position: relative;
  z-index: 4;
  width: 100%;
}
footer a {
  color: #fff;
}
footer .copyright {
  float: left;
}
footer .footer-links {
  float: right;
  display: flex;
  justify-content: center;
  gap: 40px;
}
.cookie-wrapper {
  position: relative;
  top: 0;
  background-color: #003e6e;
  padding: 12px 0;
  width: 100%;
  z-index: 10;
}
.cookie-wrapper .wrapper {
  max-width: 980px;
  margin: 0 auto;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.cookie-wrapper .wrapper .cookies-msg {
  line-height: 1.2;
}
.cookie-wrapper .wrapper .button-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  padding-left: 25px;
}
.cookie-wrapper .wrapper .button-holder .button.green-btn {
  background-color: #27b443;
  border-color: #27b443;
  color: #000;
  opacity: 0.8;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.cookie-wrapper .wrapper .button-holder .button.green-btn:hover {
  opacity: 1;
}
.cookie-wrapper .wrapper .button-holder .button.show-cookie-page {
  border-color: #fff;
  color: #fff;
  text-decoration: none;
  padding: 6px 11px;
}
.cookie-wrapper .cookies-msg-dont-show {
  padding: 15px 0;
  color: #fff;
}
.cookie-wrapper .cookies-msg-dont-show input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 5px;
}
.cookie-wrapper p {
  margin-bottom: 10px;
}
.cookie-wrapper table,
.cookie-wrapper td {
  border-collapse: collapse;
}
.cookie-wrapper th,
.cookie-wrapper td {
  text-align: left;
  padding: 5px;
  border: 1px #fff solid;
}
.cookie-wrapper ol {
  padding-left: 30px;
  margin-bottom: 10px;
}
.cookie-wrapper h2,
.cookie-wrapper h3,
.cookie-wrapper h4 {
  margin: 10px 0;
}
.cookie-wrapper .close-cookie-page {
  position: fixed;
  top: -300px;
  /*.vendorize(transition,top @comp-anim-duration);*/
}
.cookie-wrapper .cookie-page.exp-msg {
  position: fixed;
  bottom: 0;
  overflow: auto;
  background-color: #00467d;
  width: 100%;
  top: 110%;
  -webkit-transition: top 0.3s;
  -moz-transition: top 0.3s;
  -ms-transition: top 0.3s;
  -o-transition: top 0.3s;
  transition: top 0.3s;
}
.cookie-wrapper.open .cookie-page.exp-msg {
  margin-top: 58px;
  padding: 20px 0 20px;
  top: 0;
}
.cookie-wrapper.open .cookie-page.exp-msg .close-cookie-page {
  top: 70px;
  right: 20px;
}
.cookie-wrapper.open .cookie-page.exp-msg .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
.cookie-wrapper.open + .page-wrapper header.fixed {
  position: fixed;
}
.cookie-wrapper + .page-wrapper {
  padding-top: 0;
}
.cookie-wrapper + .page-wrapper header.fixed {
  position: relative;
}
/*start Notification page (Javascript Disabled) */
.notify-wrapper {
  height: 100%;
  /*Notification page - Js disabled */
}
.notify-wrapper .notify-content {
  text-align: center;
}
.notify-wrapper .notify-prime-image {
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
}
.notify-wrapper .notify-title {
  color: #0092ff;
  margin-bottom: 25px;
}
.notify-wrapper .notify-description {
  color: #fff;
  margin-bottom: 25px;
}
.notify-wrapper.js-disabled-error .content-wrapper {
  background-color: #00467d;
}
/*end Notification page (Javascript Disabled) */
@media (max-width: 1023px) {
  .login-wrapper .content-wrapper.vertical-middle {
    height: -moz-calc(100% - 56px);
    height: -webkit-calc(100% - 56px);
    height: calc(100% - 56px);
  }
  .login-wrapper .slider-holder {
    /*background-color:transparent;*/
    margin: 0 auto;
    margin-top: 10px;
    position: relative;
    width: 430px;
  }
  .login-wrapper .login-area,
  .login-wrapper .login-header-text {
    margin: 0 auto;
  }
  .content-wrapper {
    /*padding:@header-height 0 0 0;*/
  }
  .content-wrapper.vertical-middle {
    /*min-height:890px;*/
    /*padding-bottom:44px;		*/
  }
  footer {
    /*margin-top:-44px;*/
  }
  footer .copyright,
  footer .footer-links {
    float: none;
    text-align: center;
  }
}
/*bredcrump*/
.breadcrumb-holder {
  height: 50px;
  margin-right: auto;
  position: relative;
  white-space: nowrap;
  flex: 1 1 auto;
}
.marking-wrapper .breadcrumb-holder {
  flex: none;
}
.breadcrumb {
  /*float:left;*/
  text-align: left;
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  position: absolute;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.marking-wrapper .breadcrumb {
  position: relative;
  width: auto;
}
.breadcrumb .breadcrumb-item {
  color: #fff;
  display: inline-block;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  vertical-align: middle;
}
.breadcrumb .breadcrumb-item:after {
  content: '/';
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
  line-height: 50px;
  opacity: 0.7;
}
.breadcrumb .breadcrumb-item:last-child h1.nav-text {
  font-size: 1.4rem;
  font-weight: 400;
}
.breadcrumb .breadcrumb-item:last-child:after {
  display: none;
}
.breadcrumb .breadcrumb-item a {
  color: #fff;
  opacity: 0.9;
  white-space: nowrap;
}
.breadcrumb .breadcrumb-item a.cursor-default {
  cursor: default;
}
.breadcrumb .breadcrumb-item a:not(.cursor-default):hover {
  opacity: 1;
}
.breadcrumb .breadcrumb-item a:not(.assessor-logo-link) {
  line-height: 50px;
  text-decoration: underline;
  vertical-align: middle;
  color: #fff;
  padding: 0;
}
.breadcrumb .breadcrumb-item .nav-text {
  color: #fff;
  line-height: normal;
  opacity: 0.9;
}
.breadcrumb .breadcrumb-item.open ~ .breadcrumb-item,
.breadcrumb .breadcrumb-item.open:after,
.breadcrumb .breadcrumb-item.no-close ~ .breadcrumb-item,
.breadcrumb .breadcrumb-item.open:after,
.breadcrumb .breadcrumb-item.no-close:after {
  opacity: 0;
  pointer-events: none;
}
.breadcrumb .breadcrumb-item.header-dropdown {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  /*& .menu-button.assessor-logo-link{
				display:none;
			}*/
  /*.qig-page-wrapper & .menu-button+.menu-button, .login-wrapper & .menu-button+.menu-button{
				display:none;
			}*/
}
.qig-page-wrapper .breadcrumb .breadcrumb-item.header-dropdown .menu-button,
.login-wrapper .breadcrumb .breadcrumb-item.header-dropdown .menu-button {
  display: inline-block;
}
.breadcrumb .breadcrumb-item:last-child {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumb .breadcrumb-item:last-child .nav-text,
.breadcrumb .breadcrumb-item:last-child .breadcrumb-anchor {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb .nav-text {
  display: inline-block;
}
.breadcrumb li.breadcrumb-item a,
.breadcrumb .breadcrumb .breadcrumb-item > a {
  border: none;
  padding-left: 0;
  padding-right: 0;
  transition: none;
}
.breadcrumb .breadcrumb-item > a:hover,
.breadcrumb .breadcrumb-item > a:focus,
.breadcrumb .breadcrumb-item.open > a.menu-button:hover {
  border: none;
}
.breadcrumb {
  display: flex;
  flex-direction: row;
}
.breadcrumb-icon-holder {
  line-height: 50px;
}
.breadcrumb-icon-holder .reference-nav-text {
  text-decoration: underline;
}
.reference-item {
  display: flex;
}
.nav-options.header-dropdown > .menu {
  top: 0;
  height: 100%;
  background-color: rgba(7, 26, 43, 0.98);
}
.nav-options.dropdown-wrap > a.menu-button {
  color: #fff;
}
header .header-dropdown.dropdown-wrap.nav-options > .menu .menu-close {
  top: 14px;
  right: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  opacity: 0.9;
}
header .header-dropdown.dropdown-wrap.nav-options > .menu .menu-close :hover {
  opacity: 1;
}
.nav-options .menu-inner:after {
  content: '';
  clear: both;
  display: block;
  height: 1px;
  font-size: 0;
  line-height: 0;
}
.nav-options .menu-wrapper {
  width: 700px;
  max-width: 80vw;
  margin: 10% auto 0;
}
.nav-options .menu-wrapper .left-menu-cols {
  width: 240px;
  float: left;
}
.nav-options .menu-wrapper .right-menu-cols {
  float: left;
  padding-left: 10%;
  width: -moz-calc(100% - 250px);
  width: -webkit-calc(100% - 250px);
  width: calc(100% - 250px);
}
.nav-options .menu-wrapper .menu-page-block {
  text-align: left;
}
.nav-options .menu-wrapper .menu-page-block.menu-page-search {
  margin-top: 25px;
}
.nav-options .menu-wrapper .menu-page-block .search-box-wrap {
  margin: 0;
}
.nav-options .menu-wrapper .menu-page-block .search-box-wrap .msg-search-input {
  height: 36px;
  width: 100%;
}
.nav-options .menu-wrapper .menu-page-block .search-box-wrap .msg-search-input::placeholder {
  color: link-grey;
}
.nav-options .menu-wrapper .menu-page-block .search-box-wrap .search-box-panel {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
}
.nav-options .menu-wrapper .menu-page-block h2 {
  color: #d1dee5;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 35px;
  font-size: 36px;
  font-size: 3.6rem;
}
.nav-options .menu-wrapper .menu-page-block a {
  color: #d1dee5;
  display: inline-block;
  padding: 5px 0;
  font-size: 18px;
}
.nav-options .menu-wrapper .menu-page-block a.small-text {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  padding: 8px 0 2px;
  margin-right: 21px;
}
.nav-options .menu-wrapper .menu-page-block a.small-text:last-child {
  margin-right: 0;
}
.nav-options .menu-wrapper .menu-page-block a:hover {
  color: #fff;
}
.nav-options .menu-wrapper .menu-page-block a.close-link {
  padding: 6px;
  display: none;
}
.nav-options .menu-wrapper .menu-page-block li {
  padding-top: 6px;
}
.nav-options .menu-wrapper .menu-page-block .recent-items li {
  padding-bottom: 15px;
}
.nav-options .recent-links a {
  text-decoration: underline;
}
.nav-options .recent-links a :hover {
  text-decoration: none;
}
.nav-options .recent-links-quig {
  color: #d1dee5;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 5px;
}
.popup-open .marksheet-container {
  overflow-y: hidden;
}
.report-frame {
  border: 0;
  display: block;
  margin: 0;
  margin-top: 20px;
  padding: 0;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  height: -moz-calc(100% - 20px);
  height: -webkit-calc(100% - 20px);
  height: calc(100% - 20px);
}
.IE .comment-item-dropdown.close,
.IE .comment-file-dropdown.close,
.IE .icon-tray .dropdown-wrap.close,
iPad .comment-item-dropdown.close,
iPad .comment-file-dropdown.close,
iPad .icon-tray .dropdown-wrap.close,
.Edge .comment-item-dropdown.close,
.Edge .comment-file-dropdown.close,
.Edge .icon-tray .dropdown-wrap.close {
  overflow: hidden;
}
.page-wrapper:has(.login-wrapper) {
  padding-top: 0px;
}
.login-wrapper {
  display: flex;
  flex-direction: column;
}
.login-wrapper header,
.login-wrapper footer {
  flex: 0 0 auto;
  position: relative;
}
.login-wrapper.open-cookies {
  padding-top: 0px;
}
.login-wrapper .content-wrapper {
  height: auto;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px 0px;
}