/****************************************
  https://css-tricks.com/snippets/css/force-vertical-scrollbar/
  This is invalid CSS, but it works in everything except Opera.
  The reason for this is to prevent "centering jumps" when
  navigating back and forth between pages with enough content
  to have a vertical scroll bar and pages that do not.
****************************************/

html {
  overflow-y: scroll;
}

/****************************************
  Provide a mechanism to turn on/off a full page wait cursor
****************************************/

body.waiting * {
  cursor: wait !important;
}

/****************************************
  Default Div Styles
****************************************/

div.des-wrap {
  position: relative;
  z-index: 1;
}

div.des-align-right {
  float: right;
}

div.relative {
  position: relative;
}

/****************************************
  Default Table Styles
  Introduced a screen media query with the goal of making better use of larger
  desktop screens.  The smaller mobile screens will still require pinch and zoom.
  Oversizing smaller screens is intentional until grid implementation is in place.
  Use default width for all and shrink or grow only if the media is "screen"
****************************************/

:root {
  --page_max_width: 1187px;
}

@media screen and (min-width: 576px) {
  :root {
    --page_max_width: 979px;
  }
}

@media screen and (min-width: 992px) {
  :root {
    --page_max_width: 1011px;
  }
}

@media screen and (min-width: 1200px) {
  :root {
    --page_max_width: 1187px;
  }
}

.primary .grow.page {
  max-width: var(--page_max_width);
}

table.page {
  min-width: 980px;
}

.parcel {
  margin-left: auto;
  margin-right: auto;
}

td.des-one-column {
  width: 100%;
}

td.des-one-half {
  width: 50%;
}

td.des-one-third {
  width: 33.333%;
}

td.des-one-quarter {
  width: 25%;
}

td.des-one-fifth {
  width: 20%;
}

td.des-valign-bottom {
  vertical-align: bottom;
}

td.des-valign-middle {
  vertical-align: middle;
}

th {
  vertical-align: middle;
}

th.des-row-count {
  text-align: right;
}

.des-wrap p {
  padding: 0px;
}

.des-wrap li {
  padding: 0px 0px 0px 24px;
}

/*******************************
  Style a pseudo-placeholder for select controls and other normal placeholder attributes
  https://stackoverflow.com/questions/5805059/how-do-i-make-a-placeholder-for-a-select-box
  https://css-tricks.com/almanac/selectors/p/placeholder/
*******************************/

select.des-prompt:required:invalid {
  color: gray;
  font-size: smaller;
}

select.des-prompt option {
  color: black;
}

.des-prompt::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: gray;
  font-size: smaller;
}

.des-prompt::-moz-placeholder { /* Firefox 19+ */
  color: gray;
  font-size: smaller;
}

.des-prompt:-ms-input-placeholder { /* IE 10+ */
  color: gray;
  font-size: smaller;
}

.des-prompt:-moz-placeholder { /* Firefox 18- */
  color: gray;
  font-size: smaller;
}

/*******************************
  Default Form Styles
*******************************/

form.des-form table.des-prompts tr th:first-child p,
form.des-form table.des-prompts tr td:first-child p,
form.des-form table.des-prompts tr th:first-child span,
form.des-form table.des-prompts tr td:first-child span,
form.des-form table.des-prompts tr th:first-child,
form.des-form table.des-prompts tr td:first-child {
  white-space: nowrap;
}

form.des-form table.des-prompts th,
form.des-form table.des-prompts td {
  min-height: 27px; /* lineheight 23 + margin-top 2 + margin-bottom 2 */
  height: 27px;
}

form.des-form p.des-lineheight,
form.des-form span.des-lineheight {
  line-height: 23px;
  margin: 2px 0px 2px 0px;
  padding: 0px 2px 0px 2px;
}

input.des-prompt[type=checkbox] {
  cursor: pointer;
  height: auto;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

button.des-prompt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 23px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 2px 0px 2px 0px;
}

input.des-prompt {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  margin: 2px 0px 2px 0px;
  padding: 0px 2px 0px 2px;
  height: 23px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  outline: none;
}

input.des-prompt[type="color"] {
  padding: 2px;
  vertical-align: middle;
}

input.des-prompt:focus {
  background-color: #DDDDDD;
}

select.des-prompt {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  margin: 2px 0px 2px 0px;
  padding: 0px 2px 0px 2px;
  height: 23px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  outline: none;
  cursor: pointer;
}

select.des-prompt:disabled {
  cursor: default;
}

select.des-prompt:focus {
  background-color: #DDDDDD;
}

select.des-prompt.des-nodropper {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea.des-prompt {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  margin: 2px 0px 2px 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  resize: none;
  outline: none;
  overflow: auto;
}

textarea.des-prompt:focus {
  background-color: #DDDDDD;
}

input.des-prompt.des-caution,
textarea.des-prompt.des-caution {
  background-color: rgba(255, 0, 0, 0.075);
}

input.des-prompt.des-caution:focus,
textarea.des-prompt.des-caution:focus {
  background-color: rgba(255, 0, 0, 0.075);
}

td.des-wrapper input.des-prompt.des-selfish {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  font-family: "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
}

/* This suppresses browser styling.  Rounded corners for search and spinner buttons for number. */
input[type=date],
input[type=search],
input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

td.des-wrapper textarea.des-wysiwyg {
  width: 450px;
}

td.des-wrapper .des-ww-micro {
  width: 1px;
}

td.des-wrapper .des-ww-tiny {
  width: 48px;
}

td.des-wrapper .des-ww-brief {
  width: 72px;
}

td.des-wrapper .des-ww-compact {
  width: 96px;
}

td.des-wrapper .des-ww-small {
  width: 120px;
}

td.des-wrapper .des-ww-medium {
  width: 135px;
}

td.des-wrapper .des-ww-large {
  width: 192px;
}

td.des-wrapper .des-ww-xlarge {
  width: 250px;
}

td.des-wrapper .des-ww-big {
  width: 384px;
}

td.des-wrapper .des-ww-giant {
  width: 450px;
}

td.des-wrapper .des-ww-huge {
  width: 512px;
}

td.des-wrapper .des-ww-colossal {
  width: 640px;
}

td.des-wrapper .des-ww-max {
  width: 100%;
}

/******************************
  Default Text Styles
*******************************/

p.des-account-navigation {
  padding: 0px 0px 0px 0px;
}

p.des-message {
  font-weight: bold;
  color: #FF0000;
}

h1.des-header {
  margin-top: 0px;
  padding-top: 0px;
}

h2.des-super-header {
  margin: 0px;
  padding: 0px;
}

.des-nomargin {
  margin: 0px;
  padding: 0px;
}

.des-numeric {
  text-align: right;
  padding-right: 10px;
}

td.des-numeric {
  text-align: right !important;
}

.des-required {
  color: #FF0000;
}

.des-nobr {
  display: inline-block;
  white-space: nowrap;
}

.des-hidden {
  display: none;
}

/******************************
  Icon containing table cells
*******************************/

div.des-boxmjr-grid > table thead > tr > td.des-icon,
div.des-boxmjr-grid > table thead > tr > th.des-icon,
td.des-icon,
th.des-icon {
  border: 0px;
  margin: 0px;
  padding: 0px;
  height: 34px;
  width: 34px;
  min-height: 34px;
  min-width: 34px;
  text-align: center;
  vertical-align: middle;
}

tr.des-box-major-bottom td.des-icon {
  height: auto;
  min-height: auto;
}

td.des-icon a,
th.des-icon a {
  text-decoration: none;
  cursor: pointer;
}

.des-wrap [class^="icon-"],
.des-wrap [class*=" icon-"] {
  text-decoration: none;
  font-size: 19px;
}

.des-wrap h1 [class^="icon-"],
.des-wrap h1 [class*=" icon-"] {
  font-size: 22px;
  vertical-align: middle;
  padding-bottom: 7px;
}

.des-wrap .des-checklist [class^="icon-"],
.des-wrap .des-checklist [class*=" icon-"] {
  font-size: 13px;
}

.des-wrap [class^="icon-"].des-subicon,
.des-wrap [class*=" icon-"].des-subicon {
  font-size: 13px;
  margin-top: 1px;
  margin-left: 1px;
}

.des-wrap a[href^="tel:"] {
  font-style: normal !important;
  text-decoration: none !important;
}

td.des-wrapper a:link,
td.des-wrapper a:visited,
td.des-wrapper a:hover,
td.des-wrapper a:active {
  text-decoration: none !important;
}

td.des-wrapper p.des-account-navigation a:link,
td.des-wrapper p.des-account-navigation a:visited,
td.des-wrapper p.des-account-navigation a:hover,
td.des-wrapper p.des-account-navigation a:active {
  text-decoration: underline !important;
  cursor: pointer !important;
}

/******************************
  Signature-pad modifications
******************************/

div.wrapper > .signature-pad {
  margin-bottom: 10px;
}

.signature-pad.signature-pad {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 40px rgba(0, 0, 0, 0.2) inset;
  padding: 8px;
}

/******************************
  Create an icon paragraph enabling text over the icon
*******************************/

p.des-icon {
  height: 25px;
  min-height: 25px;
  min-width: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

/******************************
  Days of Week Checkbox Controls
*******************************/

.des-classdays-selector input[type=checkbox] {
  display: none !important;
}

.des-classdays-selector input[type=checkbox] + label {
  background: #DDDDDD;
  color: #999999;
  display: inline-block;
  height: 27px;
  width: 27px;
  margin-right: 2px;
  line-height: 27px;
  text-align: center;
  border-radius: 6px;
  cursor: pointer;
}

.des-classdays-selector input[type=checkbox]:checked + label {
  background: #2AD705;
  color: #FFFFFF;
}

/******************************
  Defaults for multi-selection control (drop down checkbox list)
*******************************/

.multiselectwrap {
  border: 0;
  margin: 0;
  padding: 3px 0px 3px 0px;
  height: 100%;
  width: 100%;
}

.multiselectwrap table {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.multiselectwrap td {
  border: 0;
  margin: 0;
  padding: 0;
  height: 1.65em;
  vertical-align: middle;
  white-space: nowrap;
}

.multiselectwrap label {
  color: #000000;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 1.15em;
}

.multiselectwrap input[type=checkbox] {
  border: 0;
  margin: 0;
  padding: 0;
}

.multiselectwrap td[data-wrap='counter'] {
  border-right: 1px solid black;
  text-align: center;
}

.multiselectwrap td[data-wrap='summary'] {
  width: 100%;
  text-align: left;
}

.multiselectwrap td[data-wrap='lhsdrop'] {
  background-color: #DDD;
  border-right: 1px solid black;
  text-align: center;
  cursor: pointer;
}

.multiselectwrap td[data-wrap='rhsdrop'] {
  background-color: #DDD;
  border-left: 1px solid black;
  text-align: center;
  cursor: pointer;
}

.multiselectwrap td[data-wrap='checker'] {
}

.multiselectwrap td[data-wrap='stretch'] {
  width: 100%;
  text-align: left;
}

.multiselectwrap td[data-wrap='allelse'] {
}

.multiselecthead {
  border: 1px solid black;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  cursor: default;
  background-color: #FFFFFF;
}

.multiselecthead td {
  padding: 2px;
  vertical-align: middle;
}

.multiselecthead label[data-purpose='counter'] {
  border: 0;
  margin: 0;
  padding: 1px 2px 1px 2px;
  background-color: #DDD;
  border-radius: 4px;
}

.multiselecthead label[data-purpose='summary'] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.multiselecthead label[data-purpose='dropper'] {
  cursor: pointer;
}

.multiselectdrop {
  position: relative;
  height: 0px;
  width: 100%;
  z-index: 500;
}

.multiselectfoot {
  width: 100%;
  display: none;
  position: absolute;
  border: 1px solid black;
  border-top: 0px;
}

.multiselectfoot td {
  padding: 2px;
}

.multiselectfoot tr:hover {
  background-color: #CCC;
}

/******************************
  Defaults for des-tray button bar
*******************************/

.des-wrap .des-tray {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}

.des-wrap .des-tray form {
  display: none;
  position: absolute;
}

.des-wrap .des-tray,
.des-wrap .des-tray form,
.des-wrap .des-tray table,
.des-wrap .des-tray tr,
.des-wrap .des-tray td {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

.des-wrap .des-tray td {
  height: 34px;
  width: 34px;
  min-height: 34px;
  min-width: 34px;
  text-align: center;
  vertical-align: middle;
}

/******************************
  Cursor Edit and Vertical Align
*******************************/

.des-wrap .pickdate {
  cursor: pointer;
  vertical-align: middle;
}

.des-wrap .des-pikaday {
  margin-left: 0.2em; /* Set the margin to 2/10 of a normal character to simulate some space */
}

/******************************
  Defaults for des-icon buttons and hyperlinks
*******************************/

.des-wrap .des-tray a,
.des-wrap .des-icon a,
.des-wrap .des-tray button,
.des-wrap .des-icon button {
  border: 0px;
  margin: 0px;
  padding: 0px;
  font: inherit;
  background: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-decoration: none !important;
}

/****************************************
* Defaults for des buttons
****************************************/

.des-button,
.des-button-small {
  border: 0;
  display: inline-block;
  padding: 0;
  background-color: transparent;
  font-family: inherit;
  line-height: 1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color .1s ease-in-out;
}

.des-button>span,
.des-button-small>span {
  display: block;
  color: #ffffff;
}

.des-button:hover,
.des-button-small:hover {
  background-color: transparent;
}

.des-button {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}

.des-button span {
  padding: 10px;
}

.des-button-small {
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer;
}

.des-button-small span {
  padding: 8px;
}

/* Modifiers */
.des-button-padding {
  padding: 20px 0px 16px 0px;
}

/******************************
  Default styling for "des-box-major"
*******************************/

.des-wrap .des-box-major .des-row-even {
  background-color: rgba(0, 0, 0, 0.07);
}

.des-wrap .des-box-major .des-row-odd {
  background-color: rgba(0, 0, 0, 0.00);
}

.des-wrap .des-box-major tr td:first-child {
  min-width: 4px;
  padding: 0px;
  width: 4px;
}

.des-wrap .des-box-major tr td:last-child {
  min-width: 4px;
  padding: 0px;
  width: 4px;
}

.des-wrap .des-box-major .des-row-odd td,
.des-wrap .des-box-major .des-row-even td {
  border: 1px solid #CCCCCC;
  padding: 3px 6px 3px 6px;
  max-width: 448px;
}

.des-wrap .des-box-major .des-row-odd td.des-icon,
.des-wrap .des-box-major .des-row-even td.des-icon {
  padding: 0px;
}

.des-wrap .des-box-major .des-row-odd td:first-child,
.des-wrap .des-box-major .des-row-even td:first-child {
  border-left: 0px;
}

.des-wrap .des-box-major .des-row-odd td:last-child,
.des-wrap .des-box-major .des-row-even td:last-child {
  border-right: 0px;
}

.des-wrap .des-box-major .des-row-odd td td,
.des-wrap .des-box-major .des-row-even td td {
  border: 0px;
}

.des-wrap .des-box-major .des-box-major-top td {
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 3px 6px 3px 6px;
}

.des-wrap .des-box-major .des-alarm,
.des-wrap .des-box-major .des-alarm {
  color: #FF0000;
  font-style: italic;
  font-weight: bold;
}

td.des-wrapper table.des-box-major tr.des-box-major-top th.des-box-major-top-left,
td.des-wrapper table.des-box-major tr.des-box-major-top-short th.des-box-major-top-left {
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 1px;
}

td.des-wrapper table.des-box-major tr.des-box-major-top th.des-box-major-top-right,
td.des-wrapper table.des-box-major tr.des-box-major-top-short th.des-box-major-top-right {
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 1px;
}

/******************************
  Overlaying text on icon glyphs
  https://stackoverflow.com/questions/17737182/how-can-i-overlay-a-number-on-top-of-a-fontawesome-glyph
*******************************/

.des-wrap [class^="icon-"][data-overlay],
.des-wrap [class*=" icon-"][data-overlay] {
  position: relative;
}

.des-wrap [class^="icon-"][data-overlay]:after,
.des-wrap [class*=" icon-"][data-overlay]:after {
  position: absolute;
  right: -0.95em;
  top: -0.95em;
  content: attr(data-overlay);
  padding: 0.2em;
  border-radius: 10em;
  line-height: 0.9em;
  color: #FFFFFF;
  background: #FF0000BF;
  text-align: center;
  min-width: 2em;
  font: bold .41em sans-serif;
  text-align: center;
  vertical-align: middle;
}

/******************************
  Mirroring and Rotating icon elements
*******************************/

.des-mirror-h {
  image-rendering: -moz-crisp-edges;
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
  display: inline-block;
}

.des-mirror-v {
  image-rendering: -moz-crisp-edges;
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
  display: inline-block;
}

.des-turn-n-000 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.0);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  display: inline-block;
}

.des-turn-r-045 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
}

.des-turn-r-090 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
}

.des-turn-r-135 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  display: inline-block;
}

.des-turn-r-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2.0);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}

.des-turn-r-225 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2.5);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  display: inline-block;
}

.des-turn-r-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3.0);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  display: inline-block;
}

.des-turn-r-315 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3.5);
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
  display: inline-block;
}

.des-turn-r-360 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4.0);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  display: inline-block;
}

.des-turn-l-045 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.5);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
}

.des-turn-l-090 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1.0);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
}

.des-turn-l-135 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1.5);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  display: inline-block;
}

.des-turn-l-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-2.0);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  display: inline-block;
}

.des-turn-l-225 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-2.5);
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  -o-transform: rotate(-225deg);
  transform: rotate(-225deg);
  display: inline-block;
}

.des-turn-l-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3.0);
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  transform: rotate(-270deg);
  display: inline-block;
}

.des-turn-l-315 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3.5);
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  display: inline-block;
}

.des-turn-l-360 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-4.0);
  -webkit-transform: rotate(-360deg);
  -moz-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  -o-transform: rotate(-360deg);
  transform: rotate(-360deg);
  display: inline-block;
}

/******************************
  Tiny MCE v6 has no control margins
*******************************/

div.tox.tox-tinymce
{
  margin: 2px 0px 2px 0px;
}