/*! normalize.css v1.0.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:focus,
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE 6/7.
 */
/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 
 |------------------------------------------------------------------+
 ||-----------------------------------------------------------------+
 ||	VARIBLE COLOR													+
 ||																	+
*/
/* form */
/* datepicker */
/* timepicker */
/* popup change pass */
/* select dropdown */
/* checkbox active on click */
/* checkbox grid in admin */
/*checkbox label */
/* notification */
/* upload photo */
/* login */
/* SEO */
/* 
 |------------------------------------------------------------------+
 ||-----------------------------------------------------------------+
 ||	VARIBLE FONT													+
 ||																	+
*/
@keyframes slideFadeIn {
  0% {
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.4);
    transform: translateY(15px); }
  50% {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.4); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes bounce {
  100%, 20%, 53%, 80%, from {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }

@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: translate(-10px, -45px); }
  80% {
    transform: translate(-10px, -28px); }
  100% {
    opacity: 1;
    transform: translate(-10px, -30px); } }

.bounce {
  animation-name: bounce;
  transform-origin: center bottom; }

/* toggleClass jquery animation sidebar */
.sidebar__wrapper {
  left: 0px;
  transition: left 0.3s ease; }
  .sidebar__wrapper.animate__sidebar__collapse {
    left: -261px; }

.main__wrapper {
  margin-left: 220px;
  transition: margin-left 0.3s ease;
  width: calc(100% - 220px);
  transition: all .3s; }
  .main__wrapper.animate__main__collapse {
    margin-left: 0px !important;
    width: 100%; }

/* ======================================= */
@media only screen and (max-width: 1024px) {
  /* toggleClass jquery animation sidebar */
  .sidebar__wrapper {
    left: 0px; }
    .sidebar__wrapper.animate__sidebar__collapse {
      left: -221px; }
  .main__wrapper {
    margin-left: 200px;
    width: calc(100% - 200px); }
    .main__wrapper.animate__main__collapse {
      margin-left: 0px !important;
      width: 100%; }
  /* -------------------------------------- */ }

@media only screen and (max-height: 800px) {
  /* toggleClass jquery animation sidebar */
  .sidebar__wrapper {
    left: 0px; }
    .sidebar__wrapper.animate__sidebar__collapse {
      left: -221px; }
  .main__wrapper {
    margin-left: 200px;
    width: calc(100% - 200px); }
    .main__wrapper.animate__main__collapse {
      margin-left: 0px !important;
      width: 100%; }
  /* -------------------------------------- */ }

/*  BRANDON FONT  */
@font-face {
  font-family: 'brandon_bold';
  src: url("/cms/fonts/Brandon/brandon_bld-webfont.woff2") format("woff2"), url("/cms/fonts/Brandon/brandon_bld-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'brandon_black';
  src: url("/cms/fonts/Brandon/brandon_blk-webfont.woff2") format("woff2"), url("/cms/fonts/Brandon/brandon_blk-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'brandon_light';
  src: url("/cms/fonts/Brandon/brandon_light-webfont.woff2") format("woff2"), url("/cms/fonts/Brandon/brandon_light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'brandon_medium';
  src: url("/cms/fonts/Brandon/brandon_med-webfont.woff2") format("woff2"), url("/cms/fonts/Brandon/brandon_med-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'brandon_regular';
  src: url("/cms/fonts/Brandon/brandon_reg-webfont.woff2") format("woff2"), url("/cms/fonts/Brandon/brandon_reg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'brandon_thin';
  src: url("/cms/fonts/Brandon/brandon_thin-webfont.woff2") format("woff2"), url("/cms/fonts/Brandon/brandon_thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*  END  */
@font-face {
  font-family: 'harriet_bold';
  src: url("/cms/fonts/Brandon/harriet_display_bold-webfont.ttf") format("ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'harriet_black';
  src: url("/cms/fonts/Brandon/harriet_display_black-webfont.ttf") format("ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'harriet_light';
  src: url("/cms/fonts/Brandon/harriet_display_light-webfont.ttf") format("ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'harriet_medium';
  src: url("/cms/fonts/Brandon/harriet_display_medium-webfont.ttf") format("ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'harriet_regular';
  src: url("/cms/fonts/Brandon/harriet_display_regular-webfont.ttf") format("ttf");
  font-weight: normal;
  font-style: normal; }

/* fontawesome */
@font-face {
  font-family: 'FontAwesome';
  src: url("/cms/fonts/fontawesome/fontawesome-webfont.eot?v=4.5.0");
  src: url("/cms/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("/cms/fonts/fontawesome/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("/cms/fonts/fontawesome/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("/cms/fonts/fontawesome/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("/cms/fonts/fontawesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.ico-applications {
  background-image: url(/cms/images/sidebar/sprite.png);
  background-repeat: no-repeat;
  background-position: -120px 0px;
  height: 20px;
  width: 17px;
  display: inline-block; }

.ico-report {
  background-image: url(/cms/images/sidebar/sprite.png);
  background-repeat: no-repeat;
  background-position: -161px 0px;
  height: 16px;
  width: 17px;
  display: inline-block; }

.ico-user {
  background-image: url(/cms/images/sidebar/sprite.png);
  background-repeat: no-repeat;
  background-position: -38px 0px;
  height: 16px;
  width: 12px;
  display: inline-block; }

.ico-admin {
  background-image: url(/cms/images/sidebar/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 15px;
  width: 15px;
  display: inline-block; }

.ico-library {
  background-image: url(/cms/images/sidebar/sprite.png);
  background-repeat: no-repeat;
  background-position: -79px 0px;
  height: 12px;
  width: 18px;
  display: inline-block; }

body {
  font-family: "Open Sans", sans-serif;
  background: #F3F4F6; }
  body.fixed {
    width: 100%; }

.fixed {
  position: fixed; }

.flex {
  display: -ms-flexbox !important;
  display: flex !important; }

.flex-align-baseline {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.flex-align-center {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.flex-center {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.flex-content-between {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.flex-between {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.flex-end {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.flex-start {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.left {
  float: left; }

.right {
  float: right; }

.clearfix {
  clear: both; }

.required {
  color: #F37373;
  font-size: 10px; }

.hide__element {
  display: none !important; }

.left-align {
  text-align: left !important; }

.right-align {
  text-align: right !important; }

.center-align {
  text-align: center !important; }

.hidden {
  display: none !important; }

.cms__insert__template {
  position: absolute !important;
  right: 0;
  text-decoration: underline;
  cursor: pointer; }
  .cms__insert__template:hover {
    text-decoration: none; }

.handle {
  cursor: move; }

.padding0 {
  padding: 0 !important; }

.margin0 {
  margin: 0 !important; }

.mb-1 {
  margin-bottom: 1px; }

.mb-2 {
  margin-bottom: 2px; }

.mb-3 {
  margin-bottom: 3px; }

.mb-4 {
  margin-bottom: 4px; }

.mb-5 {
  margin-bottom: 5px; }

.mb-6 {
  margin-bottom: 6px; }

.mb-7 {
  margin-bottom: 7px; }

.mb-8 {
  margin-bottom: 8px; }

.mb-9 {
  margin-bottom: 9px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-11 {
  margin-bottom: 11px; }

.mb-12 {
  margin-bottom: 12px; }

.mb-13 {
  margin-bottom: 13px; }

.mb-14 {
  margin-bottom: 14px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-16 {
  margin-bottom: 16px; }

.mb-17 {
  margin-bottom: 17px; }

.mb-18 {
  margin-bottom: 18px; }

.mb-19 {
  margin-bottom: 19px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-21 {
  margin-bottom: 21px; }

.mb-22 {
  margin-bottom: 22px; }

.mb-23 {
  margin-bottom: 23px; }

.mb-24 {
  margin-bottom: 24px; }

.mb-25 {
  margin-bottom: 25px; }

.mb-26 {
  margin-bottom: 26px; }

.mb-27 {
  margin-bottom: 27px; }

.mb-28 {
  margin-bottom: 28px; }

.mb-29 {
  margin-bottom: 29px; }

.mb-30 {
  margin-bottom: 30px; }

.mt-1 {
  margin-top: 1px; }

.mt-2 {
  margin-top: 2px; }

.mt-3 {
  margin-top: 3px; }

.mt-4 {
  margin-top: 4px; }

.mt-5 {
  margin-top: 5px; }

.mt-6 {
  margin-top: 6px; }

.mt-7 {
  margin-top: 7px; }

.mt-8 {
  margin-top: 8px; }

.mt-9 {
  margin-top: 9px; }

.mt-10 {
  margin-top: 10px; }

.mt-11 {
  margin-top: 11px; }

.mt-12 {
  margin-top: 12px; }

.mt-13 {
  margin-top: 13px; }

.mt-14 {
  margin-top: 14px; }

.mt-15 {
  margin-top: 15px; }

.mt-16 {
  margin-top: 16px; }

.mt-17 {
  margin-top: 17px; }

.mt-18 {
  margin-top: 18px; }

.mt-19 {
  margin-top: 19px; }

.mt-20 {
  margin-top: 20px; }

.mt-21 {
  margin-top: 21px; }

.mt-22 {
  margin-top: 22px; }

.mt-23 {
  margin-top: 23px; }

.mt-24 {
  margin-top: 24px; }

.mt-25 {
  margin-top: 25px; }

.mt-26 {
  margin-top: 26px; }

.mt-27 {
  margin-top: 27px; }

.mt-28 {
  margin-top: 28px; }

.mt-29 {
  margin-top: 29px; }

.mt-30 {
  margin-top: 30px; }

.mr-1 {
  margin-right: 1px; }

.mr-2 {
  margin-right: 2px; }

.mr-3 {
  margin-right: 3px; }

.mr-4 {
  margin-right: 4px; }

.mr-5 {
  margin-right: 5px; }

.mr-6 {
  margin-right: 6px; }

.mr-7 {
  margin-right: 7px; }

.mr-8 {
  margin-right: 8px; }

.mr-9 {
  margin-right: 9px; }

.mr-10 {
  margin-right: 10px; }

.mr-11 {
  margin-right: 11px; }

.mr-12 {
  margin-right: 12px; }

.mr-13 {
  margin-right: 13px; }

.mr-14 {
  margin-right: 14px; }

.mr-15 {
  margin-right: 15px; }

.mr-16 {
  margin-right: 16px; }

.mr-17 {
  margin-right: 17px; }

.mr-18 {
  margin-right: 18px; }

.mr-19 {
  margin-right: 19px; }

.mr-20 {
  margin-right: 20px; }

.mr-21 {
  margin-right: 21px; }

.mr-22 {
  margin-right: 22px; }

.mr-23 {
  margin-right: 23px; }

.mr-24 {
  margin-right: 24px; }

.mr-25 {
  margin-right: 25px; }

.mr-26 {
  margin-right: 26px; }

.mr-27 {
  margin-right: 27px; }

.mr-28 {
  margin-right: 28px; }

.mr-29 {
  margin-right: 29px; }

.mr-30 {
  margin-right: 30px; }

.ml-1 {
  margin-left: 1px; }

.ml-2 {
  margin-left: 2px; }

.ml-3 {
  margin-left: 3px; }

.ml-4 {
  margin-left: 4px; }

.ml-5 {
  margin-left: 5px; }

.ml-6 {
  margin-left: 6px; }

.ml-7 {
  margin-left: 7px; }

.ml-8 {
  margin-left: 8px; }

.ml-9 {
  margin-left: 9px; }

.ml-10 {
  margin-left: 10px; }

.ml-11 {
  margin-left: 11px; }

.ml-12 {
  margin-left: 12px; }

.ml-13 {
  margin-left: 13px; }

.ml-14 {
  margin-left: 14px; }

.ml-15 {
  margin-left: 15px; }

.ml-16 {
  margin-left: 16px; }

.ml-17 {
  margin-left: 17px; }

.ml-18 {
  margin-left: 18px; }

.ml-19 {
  margin-left: 19px; }

.ml-20 {
  margin-left: 20px; }

.ml-21 {
  margin-left: 21px; }

.ml-22 {
  margin-left: 22px; }

.ml-23 {
  margin-left: 23px; }

.ml-24 {
  margin-left: 24px; }

.ml-25 {
  margin-left: 25px; }

.ml-26 {
  margin-left: 26px; }

.ml-27 {
  margin-left: 27px; }

.ml-28 {
  margin-left: 28px; }

.ml-29 {
  margin-left: 29px; }

.ml-30 {
  margin-left: 30px; }

/* FOR EDITABLE CONTENT GLOBAL */
.content__edit__hover {
  position: relative; }
  .content__edit__hover:hover {
    color: #9FBFCB !important;
    text-decoration: underline; }
    .content__edit__hover:hover:after {
      content: "";
      background: url(/cms/images/ico-pencil.svg) no-repeat;
      position: absolute;
      width: 13px;
      height: 12px;
      bottom: 3px;
      margin: auto 0 auto 5px;
      font-size: 15px;
      right: -18px; }

/* END FOR EDITABLE CONTENT GLOBAL */
/* PAGINATION */
.paging-card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }
  .paging-card ul {
    display: -ms-flexbox;
    display: flex; }
    .paging-card ul li {
      font-size: 11px;
      background: #F3F4F6;
      border-right: 1px solid #eef0f2;
      color: #212e4d;
      height: 30px;
      width: 30px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .paging-card ul li:last-child {
        border-right: none; }
      .paging-card ul li a {
        color: #9B9B9B;
        text-decoration: none;
        padding: 10px; }
      .paging-card ul li:hover {
        background: #9FBFCB; }
        .paging-card ul li:hover a {
          color: #fff !important; }
    .paging-card ul .active {
      background: #fff;
      border: 1px solid rgba(108, 117, 142, 0.2); }
      .paging-card ul .active a {
        color: #4A4A4A !important; }
      .paging-card ul .active:hover {
        background: #fcfcfc; }
        .paging-card ul .active:hover a {
          color: #9FBFCB !important; }

/* STYLE FOLDER TAB */
.folder--nav {
  display: -ms-flexbox;
  display: flex;
  margin: 15px 1%;
  position: relative;
  z-index: 0; }
  .folder--nav.folder--hidden {
    visibility: hidden;
    height: 0; }
    .folder--nav.folder--hidden .folder--nav--link {
      height: 0;
      visibility: hidden; }
      .folder--nav.folder--hidden .folder--nav--link i {
        height: 0;
        visibility: hidden; }
  .folder--nav .folder--nav--link {
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    visibility: visible;
    margin-right: 15px;
    background-color: white;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
    transition: all .2s; }
    .folder--nav .folder--nav--link.folder--selected {
      cursor: default;
      pointer-events: none; }
      .folder--nav .folder--nav--link.folder--selected i {
        background-color: #44C7F4; }
    .folder--nav .folder--nav--link i {
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 12px;
      visibility: visible;
      height: 50px;
      background-color: #9FBFCB;
      transition: all .2s; }
    .folder--nav .folder--nav--link .folder--nav--link--span {
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
      align-items: center;
      padding: 18px 40px 18px 15px;
      font-size: 14px; }
    .folder--nav .folder--nav--link:hover i {
      background-color: #44C7F4; }

.inline-tip {
  text-align: left;
  margin: 0 10px;
  font-size: 9px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #f6f6f6;
  border: 1px solid #f0f0f0;
  color: #505050;
  box-sizing: border-box;
  position: relative;
  width: auto;
  left: 0;
  top: 0;
  height: 32px;
  padding: 0 10px; }

@media only screen and (max-width: 1024px) {
  .folder--nav .folder--nav--link {
    height: 40px; }
    .folder--nav .folder--nav--link i {
      padding: 10px;
      height: 20px; }
    .folder--nav .folder--nav--link .folder--nav--link--span {
      padding: 10px;
      font-size: 12px; } }

.sidebar__wrapper {
  background: #ffffff;
  height: 100vh;
  width: 220px;
  z-index: 10;
  position: fixed; }

.sidebar__wrapper__logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 1px solid #f4f2ef;
  border-bottom: 1px solid #f4f2ef;
  height: 121px; }
  .sidebar__wrapper__logo a {
    width: 126px;
    height: 84px; }
  .sidebar__wrapper__logo img {
    position: relative;
    width: inherit;
    height: inherit; }

.sidebar__action__accordion {
  width: 100%;
  z-index: 3;
  position: relative;
  height: inherit; }

.sidebar__accordion {
  width: 100%;
  max-width: 360px;
  margin: 0px auto;
  background: #ffffff;
  /* -webkit-border-radius: 4px; */
  -moz-border-radius: 4px;
  /* border-radius: 4px; */
  padding-left: 0px;
  height: calc(100vh - 121px);
  overflow-y: auto;
  overflow-x: hidden; }
  .sidebar__accordion .link {
    font-family: "brandon_medium";
    letter-spacing: 1px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 59px;
    padding: 0 15px 0 50px;
    color: #4A4A4A;
    font-size: 14px;
    border-bottom: 1px solid #f4f2ef;
    position: relative;
    transition: all 0.4s ease;
    text-transform: uppercase; }
    .sidebar__accordion .link:hover {
      background: rgba(243, 242, 239, 0.2); }
    .sidebar__accordion .link .ico-sidebar svg path {
      transition: all .3s; }
  .sidebar__accordion li {
    position: relative; }
    .sidebar__accordion li:before {
      content: "";
      height: 100%;
      width: 0px;
      background-color: #44C7F4;
      position: absolute;
      left: 0;
      top: 0;
      transition: all .3s;
      z-index: 1; }
    .sidebar__accordion li.open:before {
      content: "";
      height: 100%;
      width: 2px; }
    .sidebar__accordion li.open i.ico-accordion-arrow {
      transform: rotate(180deg); }
    .sidebar__accordion li.open .link {
      border-bottom: 1px solid transparent;
      background-color: #fefefe; }
      .sidebar__accordion li.open .link:before {
        content: "";
        width: 2px;
        height: 25%;
        background: #F4F2EF;
        position: absolute;
        left: 25px;
        bottom: 0; }
      .sidebar__accordion li.open .link .ico-sidebar svg path, .sidebar__accordion li.open .link .ico-sidebar svg ellipse {
        fill: #44C7F4; }
    .sidebar__accordion li.open .sidebar__accordion__submenu {
      display: block;
      background-color: #fefefe; }
      .sidebar__accordion li.open .sidebar__accordion__submenu li:last-child {
        border-bottom: 1px solid #f4f2ef; }
    .sidebar__accordion li:last-child.open .sidebar__accordion__submenu {
      border-bottom: 1px solid transparent; }
    .sidebar__accordion li .link .ico-sidebar {
      width: 17px;
      top: 37%; }
    .sidebar__accordion li i {
      position: absolute;
      top: auto;
      left: 20px;
      font-size: 18px;
      color: #FFFFFF;
      transition: all 0.4s ease; }
      .sidebar__accordion li i.fa-chevron-down {
        right: 12px;
        left: auto;
        font-size: 16px; }
    .sidebar__accordion li .sidebar__accordion__submenu {
      display: none;
      background: #ffffff;
      font-size: 14px;
      padding-left: 0px;
      margin: 0px;
      border-bottom: 1px solid #fefefe;
      position: relative; }
      .sidebar__accordion li .sidebar__accordion__submenu li {
        position: relative; }
        .sidebar__accordion li .sidebar__accordion__submenu li:last-child:after {
          content: "";
          width: 2px;
          height: 50%;
          background: #F4F2EF;
          position: absolute;
          left: 25px; }
        .sidebar__accordion li .sidebar__accordion__submenu li:after {
          content: "";
          width: 2px;
          height: 100%;
          background: #F4F2EF;
          position: absolute;
          left: 25px;
          top: 0; }
        .sidebar__accordion li .sidebar__accordion__submenu li:before {
          content: "";
          height: 2px;
          width: 12px;
          background: #F4F2EF;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto;
          left: 25px; }
        .sidebar__accordion li .sidebar__accordion__submenu li.active__accordion__item a {
          color: #4A4A4A; }
          .sidebar__accordion li .sidebar__accordion__submenu li.active__accordion__item a:before {
            content: "";
            background: #44C7F4; }
      .sidebar__accordion li .sidebar__accordion__submenu a {
        display: block;
        text-decoration: none;
        color: #9B9B9B;
        padding: 12px;
        font-size: 13px;
        padding-left: 53px;
        transition: all 0.25s ease;
        position: relative; }
        .sidebar__accordion li .sidebar__accordion__submenu a:hover {
          color: #4A4A4A; }
        .sidebar__accordion li .sidebar__accordion__submenu a:before {
          content: "";
          width: 6px;
          height: 6px;
          background: #F4F2EF;
          position: absolute;
          top: 0;
          bottom: 0;
          border-radius: 100%;
          margin: auto;
          left: 37px;
          transition: all 0.25s ease; }
      .sidebar__accordion li .sidebar__accordion__submenu:before {
        /* content: "";
				width: 2px;
				height: 96%;
				background: #F4F2EF;
				position: absolute;
				left: 25px; */ }

/* 
.active__accordion__item{
	a{
		background: $color-bg-hover !important;
		color: $color-main !important;
	}
} */
/** responsive **/
@media only screen and (max-width: 1520px) {
  .sidebar__wrapper__logo a {
    width: 121px;
    height: 79px; } }

/* (1024px above)----------- */
@media only screen and (max-width: 1024px) {
  .sidebar__wrapper {
    width: 200px; }
  .sidebar__accordion .link {
    font-size: 12px;
    padding: 0 15px 0 45px;
    height: 48px; }
  .sidebar__accordion li .sidebar__accordion__submenu {
    font-size: 12px; }
    .sidebar__accordion li .sidebar__accordion__submenu a {
      font-size: 12px;
      padding: 9px 9px 9px 48px; }
  .sidebar__accordion li i {
    top: auto; }
  .sidebar__accordion li .ico-accordion-arrow {
    top: 19px !important; } }

/* (1360px above)----------- */
/* (1440px above)----------- */
@media only screen and (max-height: 800px) {
  .sidebar__wrapper {
    width: 200px; }
  .sidebar__accordion .link {
    font-size: 12px;
    padding: 0 15px 0 45px;
    height: 48px; }
  .sidebar__accordion li .sidebar__accordion__submenu {
    font-size: 12px; }
    .sidebar__accordion li .sidebar__accordion__submenu a {
      font-size: 12px;
      padding: 9px 9px 9px 48px; }
  .sidebar__accordion li i {
    top: auto; }
  .sidebar__accordion li .ico-accordion-arrow {
    top: 19px !important; } }

.main__wrapper__header {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  width: 100%; }
  .main__wrapper__header .main__wrapper__header__content {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #FFFFFF;
    border-bottom: 1px solid #f4f2ef;
    position: relative;
    z-index: 2; }
    .main__wrapper__header .main__wrapper__header__content .header__status__dropdown {
      position: relative;
      right: 25px;
      width: auto;
      font-size: 12px; }
    .main__wrapper__header .main__wrapper__header__content .header__title__dropdown {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      .main__wrapper__header .main__wrapper__header__content .header__title__dropdown .toggle__sidebar {
        height: 40px;
        width: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: all .3s;
        border-right: 1px solid #f4f2ef; }
        .main__wrapper__header .main__wrapper__header__content .header__title__dropdown .toggle__sidebar .bar {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-align: end;
          align-items: flex-end;
          transition: all .3s;
          width: 50%; }
          .main__wrapper__header .main__wrapper__header__content .header__title__dropdown .toggle__sidebar .bar .bar-1 {
            height: 2px;
            display: block;
            background-color: #9FBFCB;
            width: 10px;
            position: relative;
            top: -3px;
            transition: all .3s; }
            .main__wrapper__header .main__wrapper__header__content .header__title__dropdown .toggle__sidebar .bar .bar-1:before {
              content: "";
              width: 0;
              height: 0;
              border-top: 2px solid transparent;
              border-bottom: 2px solid transparent;
              border-right: 4px solid #9FBFCB;
              position: absolute;
              left: -4px;
              top: -1px; }
          .main__wrapper__header .main__wrapper__header__content .header__title__dropdown .toggle__sidebar .bar .bar-2 {
            height: 2px;
            display: block;
            background-color: #9FBFCB;
            width: 7px;
            position: relative;
            transition: all .3s; }
          .main__wrapper__header .main__wrapper__header__content .header__title__dropdown .toggle__sidebar .bar .bar-3 {
            height: 2px;
            display: block;
            background-color: #9FBFCB;
            width: 14px;
            position: relative;
            bottom: -3px;
            transition: all .3s; }
        .main__wrapper__header .main__wrapper__header__content .header__title__dropdown .toggle__sidebar:hover {
          background-color: #F3F4F6; }
        .main__wrapper__header .main__wrapper__header__content .header__title__dropdown .toggle__sidebar.animate__icon .bar .bar-1 {
          width: 20px; }
          .main__wrapper__header .main__wrapper__header__content .header__title__dropdown .toggle__sidebar.animate__icon .bar .bar-1:before {
            content: "";
            border-top: 0px solid transparent;
            border-bottom: 0px solid transparent;
            border-right: 0px solid #9FBFCB; }
        .main__wrapper__header .main__wrapper__header__content .header__title__dropdown .toggle__sidebar.animate__icon .bar .bar-2 {
          width: 20px; }
        .main__wrapper__header .main__wrapper__header__content .header__title__dropdown .toggle__sidebar.animate__icon .bar .bar-3 {
          width: 20px; }

/* HEADER SELECTION DROPDOWN SELECT */
.dropdown__select__list {
  margin-left: 25px;
  position: relative; }
  .dropdown__select__list.open .dropdown__content {
    opacity: 1;
    visibility: visible;
    z-index: 99;
    transform: translateY(0px);
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .dropdown__select__list .display__name {
    font-family: "harriet_regular";
    margin: 0;
    line-height: 40px;
    height: auto;
    font-size: 20px;
    text-transform: uppercase;
    /* display: block; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .2s; }
    .dropdown__select__list .display__name:hover {
      color: #44C7F4; }
  .dropdown__select__list .dropdown__content {
    position: absolute;
    border-radius: 5px;
    border: 1px solid #adb2bf;
    margin: 1px 0px;
    background: #FFFFFF;
    width: 250px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transform: translateY(-20px); }
    .dropdown__select__list .dropdown__content:before {
      content: "";
      position: absolute;
      top: -9px;
      left: 12px;
      width: 0px;
      height: 0px;
      margin-top: 3px;
      border-bottom: 6px solid #adb2bf;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent; }
    .dropdown__select__list .dropdown__content:after {
      content: "";
      position: absolute;
      top: -9px;
      left: 12px;
      width: 0px;
      height: 0px;
      margin-top: 4px;
      border-bottom: 6px solid white;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent; }
    .dropdown__select__list .dropdown__content li {
      border-bottom: 1px solid rgba(155, 155, 155, 0.2); }
      .dropdown__select__list .dropdown__content li .dropdown__content__link {
        font-size: 13px;
        padding: 5px 15px;
        display: block;
        color: #9B9B9B; }
        .dropdown__select__list .dropdown__content li .dropdown__content__link:hover {
          color: #4A4A4A; }

/* filter */
.filter__wrapper {
  height: auto;
  background: #ffffff;
  box-shadow: 2px 0px 4px 0px rgba(32, 45, 77, 0.1);
  width: 100%;
  position: relative;
  top: 1px;
  height: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .filter__wrapper .filter__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 20px;
    width: inherit; }
    .filter__wrapper .filter__content h1 {
      color: #9FBFCB; }
    .filter__wrapper .filter__content .filter__content__btn {
      position: relative;
      display: -ms-flexbox;
      display: flex; }
      .filter__wrapper .filter__content .filter__content__btn .btn__content__filter {
        height: 22px;
        font-size: 10px;
        margin: 0 5px; }
        .filter__wrapper .filter__content .filter__content__btn .btn__content__filter i.icon-update {
          display: -ms-flexbox;
          display: flex;
          margin-right: 2px; }

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
  position: absolute;
  left: -9999px; }

/* CK Editor set width */
.cke_editable {
  padding: 5px 15px; }

input, textarea, select {
  max-width: 100%;
  background-color: #fff;
  color: #4A4A4A;
  font-family: "Open Sans", sans-serif;
  padding: 5px;
  text-align: left;
  box-sizing: border-box;
  border: 1px solid #adb2bf;
  font-size: 12px; }
  input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus {
    outline: none; }
  input option, textarea option, select option {
    font-size: 13px;
    color: #5b6581;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border: 1px solid #adb2bf; }
  input:disabled, textarea:disabled, select:disabled {
    background: #f4f2ef; }

select {
  font-size: 12px !important;
  width: 100%;
  height: 32px;
  border: 1px solid #adb2bf;
  border-radius: 0;
  -webkit-appearance: none;
  /*Removes default chrome and safari style*/
  -moz-appearance: none;
  /* Removes Default Firefox style*/
  background: url(/cms/images/arrow_dropdown.png) right 8px center no-repeat;
  background-size: 8px 5px !important;
  text-indent: 0.01px;
  /* Removes default arrow from firefox*/
  text-overflow: ellipsis;
  /*Removes default arrow from firefox*/
  cursor: pointer;
  margin-right: 20px;
  letter-spacing: 0;
  padding: 5px 10px;
  color: #9B9B9B; }
  select:after {
    content: "";
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; }
  select::-ms-expand {
    display: none; }

select[disabled] {
  background: #E8E8E8 !important; }

/* style input with date icon */
.field--date {
  position: relative;
  display: -ms-flexbox;
  display: flex; }
  .field--date .new__form__input__field {
    width: 100%;
    margin-right: 0px;
    color: #9B9B9B; }
  .field--date .field--date__wrapper {
    position: absolute;
    width: 35px;
    height: 30px;
    right: 10px;
    background: #F3F4F6;
    border: 1px solid #adb2bf;
    z-index: 0;
    cursor: pointer;
    right: 0px;
    margin: 5px 0px !important; }
  .field--date:hover .field--date__wrapper {
    background: #ECECEC; }

/* END */
/* form style */
.create__form__wrapper .form--top {
  padding: 14px 15px 14px 15px;
  border-bottom: 1px solid #F3F4F6; }
  .create__form__wrapper .form--top .form__title {
    font-family: "harriet_regular";
    color: #4A4A4A;
    font-size: 21px; }

.create__form__wrapper .form--mid {
  padding: 20px 15px 5px 15px; }

.create__form__wrapper .form--bot {
  padding: 15px 15px 15px 15px;
  border-top: 1px solid #F3F4F6; }
  .create__form__wrapper .form--bot .create__form__row {
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 !important; }
    .create__form__wrapper .form--bot .create__form__row .new__form__btn {
      margin-top: 0; }

.create__form__wrapper .create__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }
  .create__form__wrapper .create__form .create__form__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px 0 12px 0;
    position: relative;
    -ms-flex-align: start;
    align-items: flex-start; }
    .create__form__wrapper .create__form .create__form__row.right-align {
      -ms-flex-pack: end;
      justify-content: flex-end; }
    .create__form__wrapper .create__form .create__form__row .select2-container {
      width: 100% !important; }
    .create__form__wrapper .create__form .create__form__row .input-icon {
      display: -ms-flexbox;
      display: flex;
      position: relative; }
      .create__form__wrapper .create__form .create__form__row .input-icon input {
        width: 100%; }
      .create__form__wrapper .create__form .create__form__row .input-icon .icon__wrapper {
        width: 30px;
        height: 30px;
        position: absolute;
        border: 1px solid #adb2bf;
        right: 0;
        cursor: pointer;
        transition: all .2s; }
        .create__form__wrapper .create__form .create__form__row .input-icon .icon__wrapper i {
          width: 100%;
          height: 100%;
          position: absolute;
          background-position: center;
          background-size: 15px; }
        .create__form__wrapper .create__form .create__form__row .input-icon .icon__wrapper:hover {
          background-color: #f2f2f2; }
      .create__form__wrapper .create__form .create__form__row .input-icon.input-icon__time .icon__wrapper {
        width: 16px; }
        .create__form__wrapper .create__form .create__form__row .input-icon.input-icon__time .icon__wrapper i {
          background-size: 20px; }
    .create__form__wrapper .create__form .create__form__row.lang-info {
      display: none; }
  .create__form__wrapper .create__form .form__group__title {
    font-family: "brandon_bold";
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #9FBFCB; }

.create__form__wrapper .upload__wrapper {
  width: 100%; }

.create__form__wrapper .form__line {
  border: 1px solid transparent;
  border-bottom: 1px solid #F3F4F6;
  margin: 10px 0 15px 0; }

.form__group__row .form__line {
  border: 1px solid transparent;
  border-bottom: 1px dashed #e4e7eb;
  margin: 5px auto; }

/* GLOBAL INPUT, BUTTON, ERROR MESSAGE (FORM TOGGLE & POPUP) */
.width-auto {
  width: auto !important; }

.width100 {
  width: 100% !important;
  margin-right: 0 !important; }

.group__input__field {
  padding: 0px 0 12px 0; }
  .group__input__field .new__form__field {
    width: 200px; }

.new__form__field__single {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .new__form__field__single .label__field {
    width: 150px; }
  .new__form__field__single label {
    display: inline-block;
    color: #71828B;
    font-size: 12px;
    position: relative;
    line-height: 21px; }
  .new__form__field__single button {
    height: 32px;
    position: relative;
    left: -1px;
    top: -1px;
    border: 1px solid transparent; }

.new__form__field {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 250px;
  margin-right: 20px;
  position: relative;
  /* INPUT FIELD WIDTH ICON IN LEFT */
  /* END INPUT FIELD WIDTH ICON IN LEFT */ }
  .new__form__field label {
    display: block;
    color: #71828B;
    font-size: 11px;
    position: relative;
    line-height: 21px;
    margin-bottom: 3px; }
  .new__form__field .new__form__input__field {
    height: 32px;
    border: 1px solid #9B9B9B;
    font-size: 12px;
    padding: 5px 10px;
    letter-spacing: 0; }
  .new__form__field.ckeditor {
    width: auto; }
  .new__form__field .field__icon {
    position: relative; }
    .new__form__field .field__icon .field__icon__img {
      position: absolute;
      width: 16px;
      height: 12px;
      top: 10px;
      margin: auto 3px auto 4px; }
    .new__form__field .field__icon input {
      width: 100%;
      padding-left: 22px; }
  .new__form__field.upload__image .form--error--message {
    text-align: left; }
  .new__form__field textarea {
    height: 80px;
    width: 500px;
    resize: none; }

.new__form__btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 13px;
  margin-top: 15px; }

.form--error--message {
  font-size: 12px;
  color: #DE6060;
  text-align: right;
  margin: 5px 0 0 0; }

.left {
  text-align: left; }

.pin-side-error {
  position: absolute;
  right: 0;
  margin: 2px 0 0 0px; }

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  letter-spacing: 0;
  font-size: 11px;
  opacity: 0.5;
  color: #4A4A4A; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  letter-spacing: 0;
  font-size: 11px;
  opacity: 0.5;
  color: #4A4A4A; }

.field__video {
  width: 500px !important; }

/* END */
.input--radio--ul {
  display: -ms-flexbox;
  display: flex; }
  .input--radio--ul li {
    position: relative;
    height: 32px; }
    .input--radio--ul li input[type=radio] {
      position: absolute;
      visibility: hidden; }
    .input--radio--ul li label {
      display: block;
      position: relative;
      color: #4A4A4A;
      padding: 0px 0px 0px 25px;
      margin: 5px 25px 5px auto;
      z-index: 9;
      cursor: pointer;
      transition: all 0.25s linear; }
    .input--radio--ul li .check {
      display: block;
      position: absolute;
      border: 1px solid #c7ccd5;
      border-radius: 100%;
      height: 15px;
      width: 15px;
      top: 0;
      left: 0px;
      bottom: 0;
      margin: auto;
      z-index: 5;
      transition: border .25s linear; }
      .input--radio--ul li .check:before {
        content: '';
        display: block;
        position: absolute;
        border-radius: 100%;
        height: 11px;
        width: 11px;
        top: 2px;
        left: 2px;
        margin: auto;
        transition: background 0.25s linear; }
    .input--radio--ul li input[type=radio]:checked ~ .check::before {
      background: #44C7F4; }

/* Select Dropdown style */
.dropdown__wrapper, .select__dropdown {
  /* Size & position */
  position: relative;
  padding: 3px 25px 3px 15px;
  background: #fff;
  border: 1px solid #9FBFCB;
  cursor: pointer;
  outline: none; }
  .dropdown__wrapper.active .dropdown__search, .select__dropdown.active .dropdown__search {
    border: 1px solid rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    margin: 0px -1px;
    opacity: 1;
    visibility: visible;
    z-index: 3; }
  .dropdown__wrapper:after, .select__dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 55%;
    right: 6px;
    margin-top: -3px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #9FBFCB transparent; }
  .dropdown__wrapper .select--name, .select__dropdown .select--name {
    font-size: 13px;
    color: #4A4A4A; }
  .dropdown__wrapper .dropdown__search, .select__dropdown .dropdown__search {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    /* Styles */
    margin: 0px -1px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    list-style: none;
    transform: translateY(10px);
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /* Hiding */
    opacity: 0;
    max-height: 400px;
    overflow: hidden;
    visibility: hidden;
    z-index: -1;
    padding-left: 0px; }
    .dropdown__wrapper .dropdown__search li a, .select__dropdown .dropdown__search li a {
      display: block;
      text-decoration: none;
      color: #9B9B9B;
      padding: 0 14px;
      height: 31px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      border-bottom: 1px solid #e6e8ea; }
      .dropdown__wrapper .dropdown__search li a:hover, .select__dropdown .dropdown__search li a:hover {
        background: #F0F0F0;
        color: #4A4A4A; }
    .dropdown__wrapper .dropdown__search li i, .select__dropdown .dropdown__search li i {
      margin-right: 5px;
      color: inherit;
      vertical-align: middle; }

.dropdown__wrapper .dropdown__search li:last-child a {
  border: none !important; }

/* No CSS3 support: none */
/* style info success */
.info--alert--success {
  background: #53B4C4;
  border: 0px solid #F3F4F6;
  box-shadow: 0px 1px 4px 0px rgba(32, 45, 77, 0.2);
  font-family: 'lato-regular';
  padding: 15px 0px;
  margin: 10px 1% 10px 1%;
  transition: all .3s; }
  .info--alert--success .info--alert--success--mes {
    color: #ffffff;
    position: relative;
    margin-left: 55px; }
    .info--alert--success .info--alert--success--mes:before {
      content: "";
      background: url(/cms/images/logo-checked-green.png) no-repeat;
      position: absolute;
      width: 28px;
      height: 28px;
      top: -7px;
      left: -35px; }

/* END */
/* STYLE ADD MORE ITEM FORM */
.form__add__more__wrapper .form__add__more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .form__add__more__wrapper .form__add__more .form__add__more__btn {
    margin-right: 10px; }
  .form__add__more__wrapper .form__add__more select {
    margin: 0; }

.form__add__more__wrapper .custom__price {
  width: 217px;
  margin-right: 10px; }
  .form__add__more__wrapper .custom__price input {
    width: inherit; }

/* END STYLE ADD MORE ITEM FORM */
/* CHECKBOX STYLE */
.checkbox--group {
  display: -ms-flexbox;
  display: flex; }
  .checkbox--group .form--checkbox__wrapper {
    padding-right: 30px; }
    .checkbox--group .form--checkbox__wrapper:last-child {
      padding: 0; }

.checkbox--admin--group .form--checkbox__wrapper {
  display: inline-block;
  width: 300px;
  margin: 0 30px 5px 0;
  vertical-align: top; }
  .checkbox--admin--group .form--checkbox__wrapper .checkbox--label {
    float: left; }

.pin-checkbox {
  left: 0; }
  .pin-checkbox .checkbox--label {
    font-size: 10px !important; }
  .pin-checkbox .checkbox--input + .checkbox--label:before {
    width: 10px !important;
    height: 10px !important;
    margin-right: 5px !important; }
  .pin-checkbox .checkbox--input:checked + .checkbox--label:after {
    top: 1px !important;
    left: -2px !important;
    background-size: 14px 13px !important; }

.form--checkbox__wrapper {
  position: relative;
  z-index: 2;
  /* DISABLED CHECKBOX STYLE */ }
  .form--checkbox__wrapper .checkbox--input {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none; }
  .form--checkbox__wrapper .checkbox--label {
    font-size: 12px;
    color: #4a4a4a;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    cursor: pointer;
    transition: all .2s;
    padding-left: 20px; }
  .form--checkbox__wrapper .checkbox--input + .checkbox--label:before {
    content: '';
    display: inline-block;
    vertical-align: sub;
    border: 1px solid #D5D5D5;
    width: 13px;
    height: 13px;
    position: absolute;
    transform: translateX(-20px);
    top: 3px;
    text-align: center; }
  .form--checkbox__wrapper .checkbox--input:checked + .checkbox--label:after {
    position: absolute;
    content: "";
    margin: auto;
    background: url("/cms/images/ico-check.svg") top center no-repeat;
    background-size: 17px 16px;
    width: 17px;
    height: 16px;
    top: 0px;
    left: 1px;
    transform: translateX(0px); }
  .form--checkbox__wrapper .checkbox--input:checked + .checkbox--label:before {
    border: 1px solid #627F8F; }
  .form--checkbox__wrapper .checkbox--input:disabled:not(:checked) + .checkbox--label:before,
  .form--checkbox__wrapper .checkbox--input:disabled:checked + .checkbox--label:before {
    border-color: #bbb;
    background-color: #ddd; }
  .form--checkbox__wrapper .checkbox--input:disabled:checked + .checkbox--label:after {
    color: #999; }
  .form--checkbox__wrapper .checkbox--input:disabled + .checkbox--label {
    color: #aaa; }

/* END */
/* MOVE CHECK STYLE */
.moving--check {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .moving--check .form--checkbox__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    margin-left: 10px; }
    .moving--check .form--checkbox__wrapper label {
      transition: all .2s; }
      .moving--check .form--checkbox__wrapper label:hover {
        color: #9FBFCB; }
  .moving--check .table-test .form--checkbox__wrapper label {
    white-space: nowrap;
    width: calc(100% - 48px);
    text-overflow: ellipsis;
    overflow: hidden; }
  .moving--check .checkbox-test ul.disabled .form--checkbox__wrapper .checkbox--label {
    color: #aaa;
    pointer-events: none; }
    .moving--check .checkbox-test ul.disabled .form--checkbox__wrapper .checkbox--label:before {
      border-color: #bbb;
      background-color: #ddd; }

.add__assessment__wrapper {
  max-height: 400px;
  overflow: auto;
  margin-bottom: 10px; }

.moving--check--table {
  width: 230px; }
  .moving--check--table .new--table__header {
    font-size: 12px;
    color: #627f8f;
    padding: 10px;
    background: #F3F4F6;
    border-bottom: 1px solid rgba(97, 127, 143, 0.3); }
  .moving--check--table .table-test {
    position: relative;
    z-index: 0; }
  .moving--check--table ul {
    min-height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    background: #F3F4F6; }
    .moving--check--table ul li {
      position: relative;
      animation: slideFadeIn .5s; }
      .moving--check--table ul li .form--checkbox__wrapper:hover:after {
        cursor: pointer; }
      .moving--check--table ul li .handle {
        position: absolute;
        right: 8px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 14px;
        height: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: move; }
        .moving--check--table ul li .handle .handle-bar1 {
          top: -3px; }
        .moving--check--table ul li .handle .handle-bar2, .moving--check--table ul li .handle .handle-bar1, .moving--check--table ul li .handle .handle-bar3, .moving--check--table .rooms__page .list__drag__boxed ul li .handle .handle-bar1, .rooms__page .list__drag__boxed .moving--check--table ul li .handle .handle-bar1, .moving--check--table .rooms__page .list__drag__boxed ul li .handle .handle-bar3, .rooms__page .list__drag__boxed .moving--check--table ul li .handle .handle-bar3 {
          width: 14px;
          height: 2px;
          background-color: #9B9B9B;
          display: block;
          position: relative; }
        .moving--check--table ul li .handle .handle-bar3 {
          bottom: -3px; }
  .moving--check--table .bg--placeholder {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    width: 100%;
    z-index: 1; }
    .moving--check--table .bg--placeholder p {
      font-size: 13px;
      width: 80%;
      margin: 10px auto;
      color: rgba(98, 127, 143, 0.3);
      use-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      cursor: default; }

.moving--check--checkbox {
  width: calc(100% - 230px);
  padding: 0px 0px 0px 20px; }
  .moving--check--checkbox .new--checkbox__header {
    font-size: 12px;
    color: #627f8f;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 9px 10px 8px 10px;
    border: 1px solid #F3F4F6; }
  .moving--check--checkbox .test__list__checkbox {
    border: 1px solid #F3F4F6;
    border-top: none; }
    .moving--check--checkbox .test__list__checkbox ul {
      min-height: 162px; }
      .moving--check--checkbox .test__list__checkbox ul li {
        animation: fadeIn .5s;
        display: inline-block;
        width: 220px; }
  .moving--check--checkbox .checkbox--label {
    color: #9B9B9B; }

.priority, .priority-edit {
  display: none; }

#error-test-list-st {
  position: relative;
  right: 20px; }

.toggle-transition {
  transition: all .3s;
  overflow: hidden;
  height: 40px; }

.toggle-enter, .toggle-leave {
  height: auto; }

/* #ul-checked{
	li{
		transition: all .2s;
		&:hover{
			background-color: darken(#f3f4f6, 10%);
		}
	}
} */
/* END MOVE CHECK STYLE */
/* IS ADMIN MANAGER */
.is-admin .checkbox--label {
  position: relative;
  top: 30px; }

/* END */
/* CHECKBOX GRID ADMIN */
.checkbox--grid__wrapper {
  width: 100%;
  display: inline-block; }
  .checkbox--grid__wrapper .checkbox--grid {
    padding: 5px 10px 5px 0;
    float: left; }
    .checkbox--grid__wrapper .checkbox--grid:after {
      content: "";
      clear: both; }
  .checkbox--grid__wrapper .checkbox--grid--item {
    border: 1px solid #9B9B9B;
    width: 240px;
    display: inline-block; }
    .checkbox--grid__wrapper .checkbox--grid--item .checkbox--grid--item--top {
      background: #F4F2EF;
      border-bottom: 1px solid #9B9B9B;
      padding: 1px 3px 1px 24px; }
    .checkbox--grid__wrapper .checkbox--grid--item .checkbox--grid--item--bottom {
      padding: 1px 3px 1px 24px;
      border-bottom: 1px solid #9B9B9B; }
      .checkbox--grid__wrapper .checkbox--grid--item .checkbox--grid--item--bottom:last-child {
        border-bottom: 1px solid transparent; }
    .checkbox--grid__wrapper .checkbox--grid--item .form--checkbox__wrapper {
      padding: 5px;
      top: 0px;
      display: inline-block;
      vertical-align: top; }
      .checkbox--grid__wrapper .checkbox--grid--item .form--checkbox__wrapper .checkbox--input + .checkbox--label:before {
        content: '';
        transform: translateX(-21px);
        position: absolute;
        top: 10px; }
      .checkbox--grid__wrapper .checkbox--grid--item .form--checkbox__wrapper .checkbox--input:checked + .checkbox--label:after {
        content: "";
        left: 5px;
        top: 8px;
        margin: 0;
        transform: translateX(-21px); }
  .checkbox--grid__wrapper .checkbox--label {
    color: #4A4A4A;
    padding-left: 0px; }

/* END */
/* CHECKBOX INSIDE FORM BOTTOM PART */
.form--bot .form--checkbox__wrapper .checkbox--input:checked + .checkbox--label:after {
  top: -1px; }

/* SIDEBAR ACCORDION ICON */
/* .ico-pages{
    background: url(/cms/images/sidebar/ico-sidebar-pages.svg) no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
}
.ico-seo{
    background: url(/cms/images/sidebar/ico-sidebar-seo.svg) no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
}
.ico-account{
    background: url(/cms/images/sidebar/ico-sidebar-acounts.svg) no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
} */
/* ICON SIDEBAR */
.ico-sidebar {
  /* width: 28px;
    height: 28px; */
  display: -ms-flexbox;
  display: flex; }
  .ico-sidebar svg {
    width: auto; }

.open .link .ico-reservation svg path {
  fill: inherit !important;
  stroke: #44C7F4 !important; }

.open .link .ico-reservation svg polygon {
  fill: #44C7F4 !important; }

.ico-accordion-arrow {
  background: url(/cms/images/sidebar/ico-accordion--arrow.svg) no-repeat;
  width: 13px;
  height: 9px;
  left: auto !important;
  right: 12px !important;
  top: 25px !important; }

/* END ICON SIDEBAR */
.ico-delete {
  display: -ms-flexbox;
  display: flex; }

/* FLAG ICON */
.ico-flag-en {
  background: url(/cms/images/flag/ico-flag-english.svg) no-repeat; }

.ico-flag-id {
  background: url(/cms/images/flag/ico-flag-indonesia.svg) no-repeat; }

.ico-flag-zh {
  background: url(/cms/images/flag/ico-flag-china.svg) no-repeat; }

.ico-flag-ja {
  background: url(/cms/images/flag/ico-flag-japan.svg) no-repeat;
  width: 14px !important;
  height: 10px !important; }

.ico-flag-ko {
  background: url(/cms/images/flag/ico-flag-korea.svg) no-repeat;
  width: 14px !important;
  height: 10px !important; }

.ico-flag-russia {
  background: url(/cms/images/flag/ico-flag-russia.svg) no-repeat;
  width: 14px !important;
  height: 10px !important; }

/* END FLAG ICON */
.ico-pin {
  margin-right: 3px; }

/* ICON SPA ON THE ROCK */
.icon__sotr__single {
  background: url(/cms/images/sotr/icon-sotr-single.svg) no-repeat; }

.icon__sotr__twin {
  background: url(/cms/images/sotr/icon-sotr-twin.svg) no-repeat;
  width: 14px !important; }

.icon__sotr__pencil {
  background: url(/cms/images/sotr/icon-sotr-pencil.svg) no-repeat; }

.icon__sotr__dollar {
  background: url(/cms/images/sotr/icon-sotr-dollar.svg) no-repeat;
  width: 5px !important; }

.icon__sotr__close {
  background: url(/cms/images/sotr/icon-sotr-close.svg) no-repeat; }

.icon__sotr__refresh {
  background: url(/cms/images/sotr/icon-sotr-refresh.svg) no-repeat; }

.ico-date {
  background: url(/cms/images/ico-calendar.svg) no-repeat; }

.ico-date-arrow {
  background: url(/cms/images/ico-arrow-double.svg) no-repeat; }

/* ICON PRICE LIST ADDON ROMANTIC DINING AYANA */
.ico-pricelist-file {
  background: url(/cms/images/pricelist/ico-pricelist-file.svg) no-repeat; }

.ico-pricelist-upload {
  background: url(/cms/images/pricelist/ico-pricelist-upload.svg) no-repeat; }

.ico-pricelist-pencil {
  background: url(/cms/images/pricelist/ico-pricelist-pencil.svg) no-repeat; }

.ico-pricelist-ruler {
  background: url(/cms/images/pricelist/ico-pricelist-ruler.svg) no-repeat; }

.ico-pricelist-app {
  background: url(/cms/images/pricelist/ico-pricelist-app.svg) no-repeat; }

.ico-pricelist-download {
  background: url(/cms/images/pricelist/ico-pricelist-download.svg) no-repeat; }

.ico-pricelist-file-left {
  background: url(/cms/images/pricelist/ico-pricelist-file-left.svg) no-repeat; }

.ico-pricelist-file-right {
  background: url(/cms/images/pricelist/ico-pricelist-file-right.svg) no-repeat; }

.ico-spinner {
  position: relative;
  font-style: normal;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  color: #9FBFCB;
  animation: spinner 0.8s linear infinite; }
  .ico-spinner:before {
    content: '\f110';
    font-family: 'FontAwesome';
    position: absolute;
    display: inline-block;
    vertical-align: middle; }

.main__wrapper {
  height: 100%; }

.main__content {
  padding: 10px; }

.container__main {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 40px);
  backface-visibility: hidden;
  transform: translateZ(0); }

.main__content__form__layer {
  background: #FFFFFF;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  margin: 10px 1% 20px 1%;
  position: relative;
  z-index: 1;
  color: #4A4A4A; }

.main__content__layer {
  background: #FFFFFF;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  margin: 15px 1% 15px 1%; }
  .main__content__layer .content__top {
    padding: 14px 15px;
    border-bottom: 1px solid #F0F0F0; }
    .main__content__layer .content__top .content__btn {
      display: -ms-flexbox;
      display: flex; }
      .main__content__layer .content__top .content__btn a {
        margin: 0 5px; }
        .main__content__layer .content__top .content__btn a:last-child {
          margin-right: 0; }

/* STYLE ANIMASI SORTABLE JQUERY-UI */
.sort-active {
  background: rgba(0, 0, 0, 0.03);
  transition: all .3s; }

.sort-trans {
  transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0.9; }

.sort-el {
  transition: none !important; }

.plcehldr {
  display: none; }

.sortable {
  position: relative; }

.sort-item {
  position: relative !important;
  top: 0px !important; }

.sort-ghost {
  opacity: 0.3;
  transition: all 0.5s ease-out; }

/*  END  */
/* DRAG IN TABLE BOX */
.table-test ul {
  position: relative;
  overflow: hidden; }
  .table-test ul li {
    position: relative !important;
    top: 0px !important; }

/* END */
/* STYLE NEWS LIST PER ROW */
.news__list {
  position: relative; }
  .news__list .news__list__wrapper {
    border-bottom: 1px solid #e9ebee;
    background: #fff;
    position: relative !important;
    top: 0px !important; }
    .news__list .news__list__wrapper:last-child {
      border-bottom: none !important; }
    .news__list .news__list__wrapper .news__list__detail {
      padding: 15px;
      display: -ms-flexbox;
      display: flex; }
      .news__list .news__list__wrapper .news__list__detail .drag__control {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        padding: 0 15px 0 0; }
        .news__list .news__list__wrapper .news__list__detail .drag__control .order {
          position: absolute;
          top: 0; }
        .news__list .news__list__wrapper .news__list__detail .drag__control .handle {
          display: -ms-flexbox;
          display: flex;
          cursor: move;
          color: #dcdfe5; }
          .news__list .news__list__wrapper .news__list__detail .drag__control .handle:hover {
            color: #d6d9e0; }
          .news__list .news__list__wrapper .news__list__detail .drag__control .handle i:last-child {
            position: relative;
            right: -3px; }
      .news__list .news__list__wrapper .news__list__detail .news__list__detail__left {
        width: 50px;
        height: 50px;
        position: relative;
        overflow: hidden;
        margin-right: 15px; }
        .news__list .news__list__wrapper .news__list__detail .news__list__detail__left img {
          position: absolute;
          width: auto;
          height: 100%;
          top: 0;
          bottom: 0;
          margin: auto; }
      .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right {
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
        .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle {
          padding-right: 15px;
          width: calc(100% - 150px);
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center; }
          .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc {
            position: relative;
            top: 1px; }
            .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc p {
              display: block;
              margin: 0;
              white-space: nowrap; }
            .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc a.pin-item {
              text-decoration: none;
              position: relative; }
              .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc a.pin-item:before {
                content: '';
                background: transparent; }
              .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc a.pin-item span {
                visibility: visible; }
              .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc a.pin-item:hover span {
                visibility: hidden; }
              .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc a.pin-item:hover:before {
                content: attr(data-hover-unpin);
                background: #fff;
                display: block;
                position: absolute;
                width: 100%;
                top: 0;
                color: #4A4A4A;
                text-decoration: underline;
                white-space: nowrap; }
              .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc a.pin-item.pin-item-disable:hover:before {
                content: attr(data-hover-pin);
                background: #fff;
                display: block;
                position: absolute;
                width: 100%;
                top: 0;
                color: #4A4A4A;
                text-decoration: underline;
                white-space: nowrap; }
            .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc .news__cat {
              font-size: 12px;
              color: #a8a8a8;
              margin-bottom: 8px;
              margin-right: 15px; }
              .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc .news__cat i {
                color: #4A4A4A; }
            .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc .news__date {
              font-size: 12px;
              color: #9B9B9B; }
            .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc .pin-item {
              color: #f37373; }
              .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc .pin-item i svg path {
                fill: #f37373; }
              .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc .pin-item.pin-item-disable {
                color: #9b9b9b; }
                .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc .pin-item.pin-item-disable i svg path {
                  fill: #9b9b9b; }
              .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc .pin-item.pin-wait {
                color: #9b9b9b;
                pointer-events: none; }
          .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__name {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center; }
            .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__name .title__name {
              font-size: 14px;
              margin: 0;
              color: #4A4A4A;
              font-weight: normal; }
        .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__right {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          width: 150px;
          -ms-flex-pack: end;
          justify-content: flex-end;
          transition: .3s; }
          .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__right label {
            font-size: 12px;
            color: #adb2bf; }
          .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__right .application__list__received {
            top: 7px;
            position: relative; }
            .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__right .application__list__received b label {
              margin: 0px; }
  .news__list .ui-state-highlight {
    height: 121px;
    width: 100%;
    border: 1px dashed #505050; }

/* card layer */
ul.card__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  ul.card__list li.card__list__layer {
    background: #FFF;
    width: 27.3%;
    padding: 20px 2%;
    text-align: left;
    margin: 0px 1% 20px 1%;
    box-shadow: 0px 2px 4px 0px rgba(32, 45, 77, 0.2); }
    ul.card__list li.card__list__layer .card__list--top {
      position: relative;
      display: -ms-flexbox;
      display: flex; }
    ul.card__list li.card__list__layer .card__list--bot {
      display: -ms-flexbox;
      display: flex; }
    ul.card__list li.card__list__layer .card__list__desc {
      position: relative;
      margin-top: 3px; }
      ul.card__list li.card__list__layer .card__list__desc p {
        font-size: 12px;
        margin: 0;
        color: #7d7c7c; }
      ul.card__list li.card__list__layer .card__list__desc label {
        font-size: 12px;
        color: #627F8F; }
        ul.card__list li.card__list__layer .card__list__desc label b {
          font-size: 12px;
          color: #9B9B9B; }
      ul.card__list li.card__list__layer .card__list__desc .packages__desc__row label {
        letter-spacing: 1.5px;
        font-family: 'avenir-black';
        color: #e8e8e8;
        text-transform: uppercase; }
      ul.card__list li.card__list__layer .card__list__desc .packages__desc__row p {
        letter-spacing: 0.43px;
        line-height: 24px;
        color: #9B9B9B; }
    ul.card__list li.card__list__layer .card__list__btn {
      position: relative;
      height: 27px;
      width: 24%;
      padding: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end; }
    ul.card__list li.card__list__layer .card__list--title {
      overflow: hidden;
      text-overflow: ellipsis;
      width: 76%;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      ul.card__list li.card__list__layer .card__list--title .card--title {
        font-size: 18px;
        color: #627F8F;
        position: relative; }
        ul.card__list li.card__list__layer .card__list--title .card--title:hover {
          text-decoration: underline; }
          ul.card__list li.card__list__layer .card__list--title .card--title:hover:after {
            content: "\f040";
            font-family: 'FontAwesome';
            width: 17px;
            height: 15px;
            display: inline-block;
            position: absolute;
            top: 3px;
            margin-left: 5px; }
    ul.card__list li.card__list__layer .handle {
      display: inline-block;
      cursor: move;
      color: #dcdfe5;
      margin-right: 10px; }
      ul.card__list li.card__list__layer .handle:hover {
        color: #d6d9e0; }
  ul.card__list.card__list__drag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative; }
    ul.card__list.card__list__drag li.card__list__layer {
      width: 31.3%;
      padding: 0; }
      ul.card__list.card__list__drag li.card__list__layer .card__list--top {
        padding: 9px 2%;
        border-bottom: 1px solid #e4e7eb; }
      ul.card__list.card__list__drag li.card__list__layer .card__list--bot {
        padding: 0; }
  ul.card__list.card__list--table li.card__list__layer {
    width: 31.3%;
    padding: 0; }
    ul.card__list.card__list--table li.card__list__layer .card__list--top {
      padding: 20px 4% 15px 4%; }
      ul.card__list.card__list--table li.card__list__layer .card__list--top .card__list--title .card--title {
        margin-left: 10px; }
    ul.card__list.card__list--table li.card__list__layer .card__list--bot {
      padding: 0; }
    ul.card__list.card__list--table li.card__list__layer .table--ul {
      display: table;
      margin: 0px;
      padding: 0px;
      width: 100%; }
      ul.card__list.card__list--table li.card__list__layer .table--ul .table--li {
        min-height: 42px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
        ul.card__list.card__list--table li.card__list__layer .table--ul .table--li .table--li--text {
          padding-left: 37px;
          font-size: 14px;
          margin: 0;
          color: #adb2bf;
          background-color: #F3F4F6;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          min-height: inherit;
          -ms-flex-align: center;
          align-items: center; }
        ul.card__list.card__list--table li.card__list__layer .table--ul .table--li .table--child--ul {
          display: table;
          margin: 0px;
          padding: 0px;
          width: 100%;
          position: relative; }
          ul.card__list.card__list--table li.card__list__layer .table--ul .table--li .table--child--ul .table--child--li {
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            background: #fff; }
            ul.card__list.card__list--table li.card__list__layer .table--ul .table--li .table--child--ul .table--child--li .table--cell {
              list-style: none;
              display: block;
              padding: 15px 0 10px 0;
              font-size: 14px;
              margin: 0;
              color: #9B9B9B;
              font-family: 'avenir-book'; }
              ul.card__list.card__list--table li.card__list__layer .table--ul .table--li .table--child--ul .table--child--li .table--cell:first-child {
                text-align: center;
                width: 8%; }
              ul.card__list.card__list--table li.card__list__layer .table--ul .table--li .table--child--ul .table--child--li .table--cell:nth-child(2) {
                text-align: left;
                width: 55%; }
              ul.card__list.card__list--table li.card__list__layer .table--ul .table--li .table--child--ul .table--child--li .table--cell:nth-child(3) {
                text-align: right;
                width: 27%;
                padding-right: 3px; }
              ul.card__list.card__list--table li.card__list__layer .table--ul .table--li .table--child--ul .table--child--li .table--cell:last-child {
                text-align: center;
                width: 10%; }
          ul.card__list.card__list--table li.card__list__layer .table--ul .table--li .table--child--ul .ui-state-highlight {
            background: transparent;
            border: 1px dashed #adb2bf;
            height: 42px; }
  ul.card__list .order {
    position: absolute; }

.grid-item {
  width: 18%; }

.container .ss-placeholder-child {
  background: transparent;
  border: 1px dashed blue; }

/* ------------ */
/* style placeholder packery drag drop */
.packery-drop-placeholder {
  outline: 3px dashed rgba(0, 0, 0, 0.5);
  outline-offset: -6px;
  transition: transform 0.2s; }

/* END */
@media only screen and (max-width: 1500px) {
  ul.card__list li.card__list__layer {
    width: 44%; }
  ul.card__list.card__list__drag li.card__list__layer {
    width: 48%;
    padding: 0; }
  ul.card__list.card__list--table li.card__list__layer {
    width: 48%;
    padding: 0; } }

@media only screen and (max-width: 1280px) {
  ul.card__list li.card__list__layer {
    margin: 0px 1% 17px 1%; } }

/* (1024px above)----------- */
@media only screen and (max-width: 1024px) {
  ul.card__list li.card__list__layer {
    margin: 0px 1% 10px 1%; }
    ul.card__list li.card__list__layer .card__list__desc p {
      font-size: 11px; }
    ul.card__list li.card__list__layer .card__list--title .card--title {
      font-size: 15px; } }

.btn__filter, .btn__filter__cancel, .btn__filter__download {
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  position: relative;
  transition: all .3s;
  padding: 9px 13px 7px 13px;
  border-radius: 4px;
  text-align: center;
  background: #9FBFCB; }
  .btn__filter:before, .btn__filter__cancel:before, .btn__filter__download:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 15px solid #9FBFCB;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .2s;
    left: -14px;
    top: 0;
    bottom: 0;
    margin: auto; }
  .btn__filter:after, .btn__filter__cancel:after, .btn__filter__download:after {
    content: "+";
    position: absolute;
    left: -5px;
    font-size: 15px;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .btn__filter:hover, .btn__filter__cancel:hover, .btn__filter__download:hover {
    background: #8eb4c2; }
    .btn__filter:hover:before, .btn__filter__cancel:hover:before, .btn__filter__download:hover:before {
      border-right: 15px solid #8eb4c2; }

.btn__filter__cancel {
  border: 1px solid #F3F4F6;
  background: #F3F4F6;
  color: #9B9B9B; }
  .btn__filter__cancel:before {
    content: "";
    border-right: 15px solid transparent; }
  .btn__filter__cancel:after {
    content: "";
    position: absolute;
    left: 0; }
  .btn__filter__cancel:hover {
    background: #e4e7eb; }
    .btn__filter__cancel:hover:before {
      border-right: 15px solid transparent; }

.btn__filter__download:after {
  content: "\f019";
  font-family: 'FontAwesome';
  font-size: 9px;
  top: 0;
  left: -3px;
  bottom: 0;
  margin: auto;
  width: 9px;
  height: 9px; }

.btn__add, .btn__add__cancel {
  height: 26px;
  padding: 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #9FBFCB;
  color: #ffffff;
  font-family: "brandon_bold";
  font-size: 11px;
  text-transform: uppercase;
  transition: all .3s;
  letter-spacing: 1px;
  border: 1px solid transparent; }
  .btn__add:hover, .btn__add__cancel:hover {
    background: #88b0be; }

.btn__add__cancel {
  background-color: #f4f2ef;
  color: #9B9B9B; }
  .btn__add__cancel:hover {
    background: #eae6e0; }

.btn__form__one__row {
  position: absolute;
  left: 103%; }

.action__btn .btn__delete {
  padding: 3px 11px; }
  .action__btn .btn__delete .icon__delete {
    background-size: 11px; }

.img__file--btn .btn__edit {
  padding: 4px 13px;
  font-size: 11px;
  color: #627F8F;
  background: #F3F4F6;
  border: 1px solid #F3F4F6; }
  .img__file--btn .btn__edit:before {
    top: 1px;
    position: relative; }

.btn__edit {
  border: 1px solid #ebecef;
  padding: 0 13px;
  background-color: #f4f2ef;
  border-radius: 3px;
  color: #9B9B9B;
  font-size: 13px;
  position: relative;
  transition: all .3s;
  height: 31px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .btn__edit:hover {
    background-color: #eae6e0;
    border: 1px solid #F3F4F6; }

.btn__delete {
  color: #ffffff;
  position: relative;
  margin: 8px 8px 8px 13px;
  transition: all .3s; }
  .btn__delete:hover svg path {
    fill: #44C7F4;
    transition: all .3s; }

.btn__action__list {
  position: relative;
  margin: 8px 8px 8px 13px;
  transition: all .3s; }
  .btn__action__list:hover svg path {
    fill: #44C7F4;
    transition: all .3s; }

.btn__disable {
  background-color: #f2f2f2 !important;
  pointer-events: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -o-user-select: none !important;
  color: #fff !important; }
  .btn__disable:hover {
    background-color: #f7f7f7; }

/* BUTTON WIZARD */
.btn__wizard__prev {
  padding: 0 !important;
  width: 26px;
  height: 29px;
  margin-right: 10px;
  background-color: #f0f0f0 !important;
  position: relative; }
  .btn__wizard__prev:before {
    content: "\003C";
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    bottom: 0;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    color: #9B9B9B; }
  .btn__wizard__prev:hover {
    border: 1px solid #f0f0f0; }

/* END BUTTON WIZARD */
.btn__form, .btn__wizard__next, .btn__wizard__prev {
  background: #9FBFCB;
  border: 1px solid transparent;
  padding: 0 17px;
  height: 25px;
  color: #ffffff;
  font-size: 11px;
  font-family: "brandon_medium";
  text-transform: uppercase;
  letter-spacing: 0.3px;
  transition: all .3s;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .btn__form:hover, .btn__wizard__next:hover, .btn__wizard__prev:hover {
    background: #7ea9b9; }

.btn__form__reset, .btn__form__create {
  background: #F3F4F6;
  border: 1px solid #e6e7ea;
  padding: 0 20px;
  height: 25px;
  color: #9B9B9B;
  font-family: "brandon_medium";
  text-transform: uppercase;
  letter-spacing: 0.3px;
  transition: all .3s;
  font-size: 11px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .btn__form__reset:hover, .btn__form__create:hover {
    background: #E8E8E8; }

.btn__form__create {
  color: #ffffff;
  background: #9FBFCB;
  margin-left: 10px; }
  .btn__form__create:hover {
    background: #8eb4c2; }

.btn__close {
  border: 1px solid #dddee3;
  padding: 5px 13px 5px 25px;
  color: #ffffff;
  border-radius: 3px;
  font-size: 13px;
  position: relative;
  transition: all .3s; }
  .btn__close:before {
    content: "";
    top: 1px;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 7px;
    transition: all .1s;
    bottom: 0;
    margin: auto; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .btn__close:before {
      content: "";
      background: url(/cms/images/logo-close@2x.png) no-repeat;
      background-size: 14px 14px; } }

.switch {
  position: relative;
  display: block;
  vertical-align: top;
  width: 79px;
  height: 24px;
  margin: 0;
  border-radius: 18px;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
  cursor: pointer; }
  .switch.switch--mini {
    width: 20px;
    height: 20px; }
    .switch.switch--mini .switch-handle {
      top: 0;
      right: 0;
      width: 50%;
      height: 100%;
      border-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px; }
    .switch.switch--mini .switch-label:before {
      content: ""; }
    .switch.switch--mini .switch-label:after {
      content: ""; }
    .switch.switch--mini .switch-input:checked ~ .switch-handle {
      right: 50%;
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }
    .switch.switch--mini .switch-handle {
      box-shadow: 1px 1px 5px transparent; }
    .switch.switch--mini .switch-input:checked ~ .switch-handle {
      box-shadow: -1px 1px 5px transparent; }
  .switch.switch--text-only {
    width: 55px;
    background: inherit;
    box-shadow: none;
    border: 0px;
    height: 15px; }
    .switch.switch--text-only:hover .switch-label:before {
      color: #828282; }
    .switch.switch--text-only:hover .switch-label:after {
      color: #14b9f1; }
    .switch.switch--text-only .switch-label:before {
      left: 0;
      color: #9B9B9B; }
    .switch.switch--text-only .switch-label:after {
      right: 14px;
      color: #44c7f4; }
    .switch.switch--text-only .switch-input:checked ~ .switch-label::after {
      background: inherit;
      box-shadow: none; }
    .switch.switch--text-only .switch-label {
      font-size: 11px;
      background: inherit !important;
      box-shadow: none !important;
      color: #9B9B9B;
      text-transform: uppercase; }
    .switch.switch--text-only .switch-handle {
      display: none; }
  .switch .switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .switch .switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 12px;
    background: #DE6061;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); }
    .switch .switch-label:before {
      content: attr(data-off);
      left: 12px;
      color: #FFFFFF; }
    .switch .switch-label:after {
      content: attr(data-on);
      right: 18px;
      color: #FFFFFF;
      opacity: 0; }
  .switch .switch-label:before, .switch .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    transition: inherit; }
  .switch .switch-input:checked ~ .switch-label {
    background: #4a90e2;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }
  .switch .switch-input:checked ~ .switch-label:before {
    opacity: 0; }
  .switch .switch-input:checked ~ .switch-label:after {
    opacity: 1; }
  .switch .switch-handle {
    position: absolute;
    top: 3px;
    right: 4px;
    width: 17px;
    height: 17px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
  .switch .switch-input:checked ~ .switch-handle {
    right: 75%;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }
  .switch .switch-label, .switch .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; }

.add__link {
  font-size: 11px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-top: 5px;
  text-decoration: underline; }
  .add__link:hover {
    text-decoration: none; }

.link__action {
  font-size: 11px;
  color: #627F8F;
  position: relative;
  text-decoration: underline; }
  .link__action:hover {
    text-decoration: none; }

/* STYLE ADD MORE ITEM FORM */
.btn__add__more {
  width: 23px;
  height: 23px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
  background-color: #9FBFCB; }
  .btn__add__more:after {
    content: "+";
    position: relative;
    top: -4px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 22px;
    display: inline-block;
    font-weight: normal;
    color: #fff; }
  .btn__add__more:hover {
    background-color: #8eb4c2; }

.btn__remove__more {
  width: 22px;
  height: 22px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
  background-color: #f4f2ef;
  border: 1px solid #eae6e0; }
  .btn__remove__more:after {
    content: "-";
    position: relative;
    top: -7px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 22px;
    display: inline-block;
    font-weight: bolder;
    color: #9B9B9B; }
  .btn__remove__more:hover {
    background-color: #eae6e0; }

/* END STYLE ADD MORE ITEM FORM */
.btn__edit__photo__uploader {
  font-size: 11px;
  margin: 0;
  color: #4A4A4A;
  font-weight: normal;
  margin: 0 0 0 26px; }
  .btn__edit__photo__uploader:hover {
    text-decoration: underline; }

/* STYLE BUTTON CARD ADDON AYANA ROMANTIC DINING */
.btn__addon__add {
  width: 25px;
  height: 25px;
  background: #9FBFCB;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2px;
  transition: all .2s; }
  .btn__addon__add:after {
    content: '+';
    position: relative;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 20px;
    font-weight: bolder;
    color: #fff; }
  .btn__addon__add:hover {
    background: #8eb4c2; }

.btn__addon__see {
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2px;
  transition: all .2s;
  border: 1px solid rgba(159, 191, 203, 0.25);
  position: relative; }
  .btn__addon__see.expanded i {
    transform: rotate(180deg); }
  .btn__addon__see i {
    background: url(/cms/images/sidebar/ico-accordion--arrow.svg) no-repeat;
    background-size: 9px 5px;
    width: 9px;
    height: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .5s; }
  .btn__addon__see:after {
    content: '';
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
  .btn__addon__see:hover {
    background: #f2f2f2; }

/* END STYLE BUTTON CARD ADDON AYANA ROMANTIC DINING */
.popup__mask {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity .3s ease; }
  .popup__mask .popup__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    transition: all .3s ease; }
    .popup__mask .popup__wrapper .popup__layer {
      width: 700px;
      background-color: #fff;
      border-radius: 2px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
      transition: all .3s ease; }
      .popup__mask .popup__wrapper .popup__layer .popup__layer--header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 2px solid #F3F4F6; }
      .popup__mask .popup__wrapper .popup__layer .popup__layer--content .new__form__field label {
        color: #9FBFCB; }
      .popup__mask .popup__wrapper .popup__layer .popup__layer--header {
        padding: 15px 30px; }
      .popup__mask .popup__wrapper .popup__layer .popup__notif {
        height: 0px;
        opacity: 0;
        background-color: #9FBFCB;
        color: rgba(255, 255, 255, 0.8);
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: inset 0 3px 6px -6px rgba(0, 0, 0, 0.8);
        transition: all .3s; }
        .popup__mask .popup__wrapper .popup__layer .popup__notif span {
          font-size: 12px;
          text-transform: uppercase;
          letter-spacing: 1px; }
        .popup__mask .popup__wrapper .popup__layer .popup__notif.open {
          height: 40px;
          opacity: 1; }
      .popup__mask .popup__wrapper .popup__layer .content--header {
        padding: 10px 0 20px 0; }
      .popup__mask .popup__wrapper .popup__layer .content--header, .popup__mask .popup__wrapper .popup__layer .content--main {
        padding-bottom: 10px; }
      .popup__mask .popup__wrapper .popup__layer .content--main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column; }
      .popup__mask .popup__wrapper .popup__layer .table__popup {
        margin-top: 15px;
        box-shadow: 0px 1px 4px 0px rgba(32, 45, 77, 0.2);
        border: 1px solid #F3F4F6;
        overflow-y: auto;
        max-height: 350px; }
      .popup__mask .popup__wrapper .popup__layer .header--title h1 {
        font-family: "harriet_regular";
        font-size: 32px;
        margin: 15px 0 10px 0;
        color: #627F8F;
        font-weight: normal;
        letter-spacing: 0;
        text-transform: capitalize; }
      .popup__mask .popup__wrapper .popup__layer .form__password {
        width: 50%;
        margin: 0px auto; }
        .popup__mask .popup__wrapper .popup__layer .form__password .new__form__btn {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          margin-top: 20px; }
        .popup__mask .popup__wrapper .popup__layer .form__password .new__form__field {
          margin: 15px 0px;
          width: 100%; }
      .popup__mask .popup__wrapper .popup__layer .title__name {
        font-weight: 400; }
      .popup__mask .popup__wrapper .popup__layer .title__popup--name, .popup__mask .popup__wrapper .popup__layer .title__name {
        font-family: "Open Sans", sans-serif; }
      .popup__mask .popup__wrapper .popup__layer .title__popup--name b {
        font-weight: normal; }

.popup__mask__alert {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity .3s ease; }
  .popup__mask__alert .popup__wrapper__alert {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    transition: all .3s ease; }
    .popup__mask__alert .popup__wrapper__alert .popup__layer__alert {
      width: 420px;
      background-color: #fff;
      border-radius: 2px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
      position: relative;
      transition: all .3s ease; }
      .popup__mask__alert .popup__wrapper__alert .popup__layer__alert .alert__message__wrapper {
        text-align: center; }
        .popup__mask__alert .popup__wrapper__alert .popup__layer__alert .alert__message__wrapper .alert__message {
          padding: 27px 0px 0px 0px; }
          .popup__mask__alert .popup__wrapper__alert .popup__layer__alert .alert__message__wrapper .alert__message label {
            color: #9B9B9B;
            font-size: 13px;
            position: relative;
            line-height: 21px; }
          .popup__mask__alert .popup__wrapper__alert .popup__layer__alert .alert__message__wrapper .alert__message h3 {
            margin: 5px 0px;
            color: #627F8F; }
        .popup__mask__alert .popup__wrapper__alert .popup__layer__alert .alert__message__wrapper .alert__message__btn {
          padding: 25px 0px; }
          .popup__mask__alert .popup__wrapper__alert .popup__layer__alert .alert__message__wrapper .alert__message__btn .new__form__btn {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center; }
        .popup__mask__alert .popup__wrapper__alert .popup__layer__alert .alert__message__wrapper .alert__message__close {
          background: #F3F4F6;
          border-radius: 100%;
          padding: 5px 10px;
          position: absolute;
          top: -12px;
          right: -12px;
          border: 1px;
          box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.12);
          -webkit-user-select: none;
          -ms-user-select: none;
          user-select: none;
          -o-user-select: none; }
          .popup__mask__alert .popup__wrapper__alert .popup__layer__alert .alert__message__wrapper .alert__message__close:after {
            content: "x"; }
          .popup__mask__alert .popup__wrapper__alert .popup__layer__alert .alert__message__wrapper .alert__message__close:hover:after {
            content: "x";
            opacity: 0.5; }

.popup__mask__alert, .popup--changepass {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s 0s, visibility 0s 0.3s; }
  .popup__mask__alert.is-visible, .popup--changepass.is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0s, visibility 0s 0s; }
    .popup__mask__alert.is-visible .popup__layer__alert, .popup__mask__alert.is-visible .popup--changepass__layer, .popup--changepass.is-visible .popup__layer__alert, .popup--changepass.is-visible .popup--changepass__layer {
      transform: translateY(0); }
  .popup__mask__alert .popup__layer__alert, .popup__mask__alert .popup--changepass__layer, .popup--changepass .popup__layer__alert, .popup--changepass .popup--changepass__layer {
    transform: translateY(-40px);
    transition-property: transform;
    transition-duration: 0.3s; }

.popupContainer {
  transform: initial;
  backface-visibility: visible; }

.modal-enter, .modal-leave {
  opacity: 0; }

.modal-enter .popup__wrapper,
.modal-leave .popup__wrapper {
  transform: scale(1.1); }

/* (1024px)----------- */
@media only screen and (max-width: 1280px) {
  .popup__mask .popup__wrapper .popup__layer {
    width: 60%; } }

table {
  border-collapse: collapse; }
  table .t-w1 {
    width: 1%; }
    table .t-w1 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w2 {
    width: 2%; }
    table .t-w2 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w3 {
    width: 3%; }
    table .t-w3 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w4 {
    width: 4%; }
    table .t-w4 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w5 {
    width: 5%; }
    table .t-w5 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w6 {
    width: 6%; }
    table .t-w6 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w7 {
    width: 7%; }
    table .t-w7 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w8 {
    width: 8%; }
    table .t-w8 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w9 {
    width: 9%; }
    table .t-w9 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w10 {
    width: 10%; }
    table .t-w10 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w11 {
    width: 11%; }
    table .t-w11 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w12 {
    width: 12%; }
    table .t-w12 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w13 {
    width: 13%; }
    table .t-w13 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w14 {
    width: 14%; }
    table .t-w14 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w15 {
    width: 15%; }
    table .t-w15 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w16 {
    width: 16%; }
    table .t-w16 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w17 {
    width: 17%; }
    table .t-w17 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w18 {
    width: 18%; }
    table .t-w18 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w19 {
    width: 19%; }
    table .t-w19 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w20 {
    width: 20%; }
    table .t-w20 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w21 {
    width: 21%; }
    table .t-w21 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w22 {
    width: 22%; }
    table .t-w22 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w23 {
    width: 23%; }
    table .t-w23 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w24 {
    width: 24%; }
    table .t-w24 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w25 {
    width: 25%; }
    table .t-w25 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w26 {
    width: 26%; }
    table .t-w26 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w27 {
    width: 27%; }
    table .t-w27 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w28 {
    width: 28%; }
    table .t-w28 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w29 {
    width: 29%; }
    table .t-w29 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w30 {
    width: 30%; }
    table .t-w30 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w31 {
    width: 31%; }
    table .t-w31 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w32 {
    width: 32%; }
    table .t-w32 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w33 {
    width: 33%; }
    table .t-w33 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w34 {
    width: 34%; }
    table .t-w34 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w35 {
    width: 35%; }
    table .t-w35 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w36 {
    width: 36%; }
    table .t-w36 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w37 {
    width: 37%; }
    table .t-w37 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w38 {
    width: 38%; }
    table .t-w38 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w39 {
    width: 39%; }
    table .t-w39 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w40 {
    width: 40%; }
    table .t-w40 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w41 {
    width: 41%; }
    table .t-w41 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w42 {
    width: 42%; }
    table .t-w42 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w43 {
    width: 43%; }
    table .t-w43 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w44 {
    width: 44%; }
    table .t-w44 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w45 {
    width: 45%; }
    table .t-w45 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w46 {
    width: 46%; }
    table .t-w46 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w47 {
    width: 47%; }
    table .t-w47 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w48 {
    width: 48%; }
    table .t-w48 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w49 {
    width: 49%; }
    table .t-w49 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w50 {
    width: 50%; }
    table .t-w50 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w51 {
    width: 51%; }
    table .t-w51 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w52 {
    width: 52%; }
    table .t-w52 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w53 {
    width: 53%; }
    table .t-w53 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w54 {
    width: 54%; }
    table .t-w54 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w55 {
    width: 55%; }
    table .t-w55 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w56 {
    width: 56%; }
    table .t-w56 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w57 {
    width: 57%; }
    table .t-w57 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w58 {
    width: 58%; }
    table .t-w58 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w59 {
    width: 59%; }
    table .t-w59 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w60 {
    width: 60%; }
    table .t-w60 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w61 {
    width: 61%; }
    table .t-w61 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w62 {
    width: 62%; }
    table .t-w62 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w63 {
    width: 63%; }
    table .t-w63 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w64 {
    width: 64%; }
    table .t-w64 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w65 {
    width: 65%; }
    table .t-w65 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w66 {
    width: 66%; }
    table .t-w66 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w67 {
    width: 67%; }
    table .t-w67 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w68 {
    width: 68%; }
    table .t-w68 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w69 {
    width: 69%; }
    table .t-w69 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w70 {
    width: 70%; }
    table .t-w70 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w71 {
    width: 71%; }
    table .t-w71 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w72 {
    width: 72%; }
    table .t-w72 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w73 {
    width: 73%; }
    table .t-w73 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w74 {
    width: 74%; }
    table .t-w74 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w75 {
    width: 75%; }
    table .t-w75 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w76 {
    width: 76%; }
    table .t-w76 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w77 {
    width: 77%; }
    table .t-w77 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w78 {
    width: 78%; }
    table .t-w78 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w79 {
    width: 79%; }
    table .t-w79 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w80 {
    width: 80%; }
    table .t-w80 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w81 {
    width: 81%; }
    table .t-w81 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w82 {
    width: 82%; }
    table .t-w82 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w83 {
    width: 83%; }
    table .t-w83 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w84 {
    width: 84%; }
    table .t-w84 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w85 {
    width: 85%; }
    table .t-w85 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w86 {
    width: 86%; }
    table .t-w86 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w87 {
    width: 87%; }
    table .t-w87 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w88 {
    width: 88%; }
    table .t-w88 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w89 {
    width: 89%; }
    table .t-w89 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w90 {
    width: 90%; }
    table .t-w90 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w91 {
    width: 91%; }
    table .t-w91 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w92 {
    width: 92%; }
    table .t-w92 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w93 {
    width: 93%; }
    table .t-w93 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w94 {
    width: 94%; }
    table .t-w94 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w95 {
    width: 95%; }
    table .t-w95 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w96 {
    width: 96%; }
    table .t-w96 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w97 {
    width: 97%; }
    table .t-w97 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w98 {
    width: 98%; }
    table .t-w98 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w99 {
    width: 99%; }
    table .t-w99 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .t-w100 {
    width: 100%; }
    table .t-w100 .ellipsis {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 5px;
      display: block; }
  table .switch {
    display: inline-block; }

table.table__style {
  width: 100%;
  border: 1px solid #F0F0F0;
  border-top: 1px solid transparent; }
  table.table__style tr th, table.table__style tr td {
    font-size: 12px;
    color: #9B9B9B;
    text-align: left;
    padding: 12px;
    border: 1px solid #F0F0F0;
    border-top: 1px solid transparent; }
    table.table__style tr th:first-child, table.table__style tr td:first-child {
      text-align: center;
      border-left: 1px solid transparent; }
    table.table__style tr th a, table.table__style tr td a {
      display: -ms-inline-flexbox;
      display: inline-flex;
      color: #9B9B9B; }
      table.table__style tr th a .ico-pencil, table.table__style tr td a .ico-pencil {
        position: relative;
        right: 7px;
        top: -2px; }
        table.table__style tr th a .ico-pencil:hover svg path, table.table__style tr td a .ico-pencil:hover svg path {
          fill: #44C7F4;
          transition: all .3s; }
      table.table__style tr th a .ico-delete, table.table__style tr td a .ico-delete {
        position: relative;
        left: 7px; }
        table.table__style tr th a .ico-delete:hover svg path, table.table__style tr td a .ico-delete:hover svg path {
          fill: #44C7F4;
          transition: all .3s; }
  table.table__style tr th {
    font-size: 14px;
    padding: 15px 10px;
    color: #627F8F;
    font-family: "harriet_regular";
    font-weight: normal; }
  table.table__style tr .text__center {
    text-align: center; }
  table.table__style .content__edit__hover:after {
    right: -18px; }

/* SEARCH FIELD BESIDE BUTTON */
.field__search__function {
  height: 28px;
  margin-right: 15px;
  width: 188px;
  background: url(/cms/images/ico-luv.svg) no-repeat left 5px center;
  padding: 3px 4px 3px 22px;
  font-size: 11px; }

.transaction__tabel .content__top {
  -ms-flex-align: end !important;
  align-items: flex-end !important; }
  .transaction__tabel .content__top .content__input__wrapper {
    display: -ms-flexbox;
    display: flex; }
    .transaction__tabel .content__top .content__input__wrapper .input-icon .icon__wrapper {
      width: 26px;
      height: 26px;
      border: 1px solid #F0F0F0; }
    .transaction__tabel .content__top .content__input__wrapper .datepick {
      height: 28px;
      width: 100px; }
    .transaction__tabel .content__top .content__input__wrapper input {
      font-size: 10px;
      border: 1px solid #F0F0F0; }
  .transaction__tabel .content__top .dropdown--select {
    width: 150px !important; }
  .transaction__tabel .content__top .content__form .content__form__row .select2-selection {
    border: 1px solid #F0F0F0 !important; }
  .transaction__tabel .content__top .content__form .content__form__row select {
    height: 28px; }
  .transaction__tabel .content__top .field__search__function {
    border: 1px solid #F0F0F0; }

.transaction__tabel .table__style th {
  font-size: 18px;
  color: #627F8F; }

.transaction__tabel .table__style td, .transaction__tabel .table__style th {
  text-align: left; }

.transaction__tabel .transaction__status {
  padding-left: 13px;
  position: relative; }
  .transaction__tabel .transaction__status:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  .transaction__tabel .transaction__status.status__waiting:before {
    content: "";
    background-color: #FFE183; }
  .transaction__tabel .transaction__status.status__paid:before {
    content: "";
    background-color: #44C7F4; }
  .transaction__tabel .transaction__status.status__cancelled:before {
    content: "";
    background-color: #F37373; }
  .transaction__tabel .transaction__status.status__expired:before {
    content: "";
    background-color: #D5D5D5; }
  .transaction__tabel .transaction__status.status__draft:before {
    content: "";
    background-color: #000000; }
  .transaction__tabel .transaction__status.status__waiting__checkout:before {
    content: "";
    background-color: #B8E986; }

/* TABLE TRANSACTION INSIDE FORM */
.table__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3px; }

.table__addon {
  width: 100%; }
  .table__addon .table__addon__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3px; }

.custom__addon .table__addon__column {
  width: 100%; }
  .custom__addon .table__addon__column .custom__addon__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3px; }

.invoice__price {
  margin-left: 5px;
  min-width: 90px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .invoice__price:before {
    content: "- IDR";
    margin-right: 5px; }

.main__content__tab__wrapper {
  font-size: 13px;
  padding: 15px 0 20px 0; }
  .main__content__tab__wrapper ul {
    display: -ms-flexbox;
    display: flex; }
    .main__content__tab__wrapper ul li {
      padding: 5px 10px; }
      .main__content__tab__wrapper ul li a {
        color: #adb2bf;
        position: relative;
        text-decoration: none; }

#box,
#box2,
#box3 {
  position: relative; }

a.active {
  color: #ffffff;
  transition: all .9s; }

#menu li.slide-line,
#menu2 li.slide-line,
#menu3 li.slide-line {
  display: block;
  padding: 0;
  margin: 0;
  background: none #44C7F4;
  position: absolute;
  width: 15px;
  height: 2px;
  left: 10px;
  bottom: 0;
  z-index: 0; }

/* NOTIFICATION FLOAT STYLE */
.notification__style {
  display: -ms-flexbox;
  display: flex;
  background-color: #9FBFCB;
  width: 300px;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px;
  border-radius: 6px;
  position: relative;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #fff;
  font-size: 15px; }
  .notification__style .notification__messages {
    width: 80%;
    margin-right: 10px; }
  .notification__style .notification__button {
    margin-right: 5px;
    width: 12px;
    height: 12px;
    position: relative; }
    .notification__style .notification__button button {
      border: none;
      background-color: transparent;
      padding: 0;
      font-size: 22px;
      color: rgba(255, 255, 255, 0.6);
      width: 12px;
      line-height: 0;
      position: absolute;
      height: 12px; }
      .notification__style .notification__button button:hover {
        color: white; }

.notification__shadow {
  position: absolute;
  width: 300px;
  height: 100px;
  top: 0; }
  .notification__shadow:after {
    content: '';
    display: block;
    position: absolute;
    left: 13%;
    bottom: 38px;
    width: 90%;
    max-width: 321px;
    height: 10px;
    background: transparent;
    border-radius: 100px/50px;
    box-shadow: 0 11px 40px rgba(0, 0, 0, 0.5);
    z-index: -10; }

.notifyjs-foo-base {
  opacity: 0.85;
  padding: 5px;
  border-radius: 10px; }

.notifyjs-foo-error .notification__style {
  background-color: #DE6060; }

/* END NOTIFICATION FLOAT STYLE */
/* NOTIFICATION FORM ERROR MESSAGE */
.notif__form__error {
  width: 420px;
  position: relative;
  display: -ms-flexbox;
  display: flex; }
  .notif__form__error .notif__icon {
    background-color: #DE6060;
    position: relative;
    width: 49px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
    .notif__form__error .notif__icon img {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto; }
  .notif__form__error .notif__msg {
    background-color: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 20px 19px 10px 18px;
    width: calc(100% - 49px); }
  .notif__form__error .notif__close {
    border: none;
    background-color: transparent;
    padding: 0;
    font-size: 28px;
    color: rgba(66, 66, 66, 0.5);
    width: 12px;
    line-height: 0;
    position: absolute;
    height: 12px;
    right: 24px;
    top: 24px; }
    .notif__form__error .notif__close:hover {
      color: #424242; }
  .notif__form__error .notif__title {
    color: #DE6060;
    margin: 5px 0;
    font-size: 21px; }
  .notif__form__error .notif__content {
    font-size: 15px;
    color: #424242;
    margin: 7px 19px 7px 0; }
  .notif__form__error .notif__content__ul {
    overflow-y: auto;
    max-height: 200px;
    overflow-x: hidden;
    word-break: break-word; }
    .notif__form__error .notif__content__ul .notif__content__li {
      letter-spacing: 0.3px;
      list-style-type: disc;
      margin-left: 18px;
      color: #DE6060; }
      .notif__form__error .notif__content__ul .notif__content__li .text {
        font-size: 12px;
        color: #627F8F; }

/* NOTIFICATION IN POPUP CHANGE PASSWORD */
.info--notif--popup {
  display: block;
  margin: 0px auto;
  height: 32px;
  border-radius: 3px;
  transition: all .3s;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white;
  padding: 0 10px;
  font-size: 14px; }
  .info--notif--popup:before {
    content: "";
    position: absolute;
    left: 11px;
    font-size: 28px;
    color: white;
    bottom: 0;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .info--notif--popup.notif--success {
    background-color: #53B4C4; }
  .info--notif--popup.notif--error {
    background-color: #DE6060; }

@media only screen and (max-width: 1280px) {
  /* NOTIFICATION FLOAT STYLE */
  .notification__wrapper {
    bottom: 90px; }
  .notification__style {
    display: -ms-flexbox;
    display: flex;
    background-color: #9FBFCB;
    width: 250px;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    border-radius: 6px;
    position: fixed;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    font-size: 14px; }
  .notification__shadow {
    position: absolute;
    width: 260px;
    height: 95px; }
  /* END NOTIFICATION FLOAT STYLE */ }

a {
  text-decoration: none;
  color: #4A4A4A; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

h1 {
  font-family: "brandon_medium";
  color: #4A4A4A;
  margin: 0px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 24px;
  font-weight: normal; }

h2 {
  font-family: "harriet_regular";
  color: #4A4A4A;
  margin: 0;
  font-size: 20px;
  font-weight: normal; }

h3 {
  font-family: "harriet_regular";
  color: #4A4A4A;
  margin: 0;
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: normal; }

.uppercase {
  text-transform: uppercase; }

.bold {
  font-weight: bold; }

.breadcrumb {
  display: block; }
  .breadcrumb .breadcrumb--a {
    float: left;
    display: inline-block;
    transition: all .3s; }
    .breadcrumb .breadcrumb--a .breadcrumb--p {
      margin: 0;
      font-size: 11px;
      letter-spacing: 0.5px;
      text-transform: capitalize; }
    .breadcrumb .breadcrumb--a:hover {
      color: #44C7F4; }
  .breadcrumb .breadcrumb--arrow {
    float: left;
    display: inline-block;
    margin: 0 8px;
    font-size: 10px; }
  .breadcrumb:after {
    clear: both; }

.form--wizard--tab {
  border-bottom: 1px solid #F3F4F6; }
  .form--wizard--tab .wizard--tab--ul {
    display: -ms-flexbox;
    display: flex;
    background-color: #fbfbfb; }
    .form--wizard--tab .wizard--tab--ul .wizard--tab--li {
      width: 100px;
      height: 40px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      .form--wizard--tab .wizard--tab--ul .wizard--tab--li .wizard--tab--link {
        font-size: 12px;
        position: relative; }
        .form--wizard--tab .wizard--tab--ul .wizard--tab--li .wizard--tab--link:hover {
          color: #44C7F4; }
      .form--wizard--tab .wizard--tab--ul .wizard--tab--li .empty--lang:after {
        content: "";
        background: url(/cms/images/ico-notif-lang.svg) no-repeat;
        width: 10px;
        height: 10px;
        position: absolute;
        right: -8px;
        top: -4px; }
      .form--wizard--tab .wizard--tab--ul .wizard--tab--li.active__tab a {
        color: #44C7F4;
        transition: all .3s; }

.content__tab {
  display: none !important; }
  .content__tab.active__content {
    display: block !important;
    animation: fadeIn 2s; }

.content__tab2 {
  display: none !important; }
  .content__tab2.active__content2 {
    display: block !important;
    animation: fadeIn 2s; }

.content__tab3 {
  display: none !important; }
  .content__tab3.active__content3 {
    display: block !important;
    animation: fadeIn 2s; }

.wizard-no-tab .wizard__content__tab {
  display: none !important; }
  .wizard-no-tab .wizard__content__tab.wizard__active__content {
    display: block !important;
    animation: fadeIn 2s; }

/* JQUERY BLOCK UI HIDE BACKGROUD BOX MESSAGE */
.blockMsg {
  background-color: transparent !important;
  border: 0px solid transparent !important; }

#loading-img {
  display: none; }

#loading-img-percent {
  display: none; }

.load {
  position: relative;
  margin: 50px auto;
  width: 100px;
  height: 70px; }

.gear {
  position: absolute;
  z-index: -10;
  width: 40px;
  height: 40px;
  animation: spin 5s infinite; }

.two {
  left: 40px;
  width: 80px;
  height: 80px;
  animation: spin-reverse 5s infinite; }

.three {
  top: 45px;
  left: -10px;
  width: 60px;
  height: 60px; }

@keyframes spin {
  50% {
    transform: rotate(360deg); } }

@keyframes spin-reverse {
  50% {
    transform: rotate(-360deg); } }

.lil-circle {
  position: absolute;
  border-radius: 50%;
  box-shadow: inset 0 0 10px 2px gray, 0 0 50px white;
  width: 100px;
  height: 100px;
  opacity: .65; }

.blur-circle {
  position: absolute;
  top: -19px;
  left: -19px; }

.text {
  color: lightgray;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */ }

.text span:first-child {
  margin-left: 2px; }

.text span:nth-child(0) {
  animation: fade 1.5s infinite;
  animation-delay: 0s; }

.text span:nth-child(1) {
  animation: fade 1.5s infinite;
  animation-delay: 0.3s; }

.text span:nth-child(2) {
  animation: fade 1.5s infinite;
  animation-delay: 0.6s; }

.text span:nth-child(3) {
  animation: fade 1.5s infinite;
  animation-delay: 0.9s; }

.progress-label {
  display: inline-block; }

@keyframes fade {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.style__accordion, .accordion-inner-toggle-button {
  position: relative;
  margin-right: 5px; }
  .style__accordion i, .accordion-inner-toggle-button i {
    margin-left: 5px; }
    .style__accordion i svg, .accordion-inner-toggle-button i svg {
      position: absolute;
      transform: rotate(180deg);
      transition: all .3s; }
      .style__accordion i svg circle, .accordion-inner-toggle-button i svg circle {
        fill: #fff;
        transition: all .3s; }
      .style__accordion i svg:hover circle, .accordion-inner-toggle-button i svg:hover circle {
        fill: #f7f7f7; }
  .style__accordion.clicked i svg, .accordion-inner-toggle-button.clicked i svg {
    transform: rotate(0deg); }
  .style__accordion.inverse-color i svg circle, .accordion-inner-toggle-button.inverse-color i svg circle {
    fill: #D8D8D8; }
  .style__accordion.inverse-color i svg path, .accordion-inner-toggle-button.inverse-color i svg path {
    fill: #fff; }
  .style__accordion.inverse-color i svg:hover circle, .accordion-inner-toggle-button.inverse-color i svg:hover circle {
    fill: #d0d0d0; }

.main__content__layer .style__accordion, .main__content__layer .accordion-inner-toggle-button {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: sub; }
  .main__content__layer .style__accordion i, .main__content__layer .accordion-inner-toggle-button i {
    width: 18px;
    height: 18px;
    display: block;
    position: relative;
    margin: 0; }

.main__content__layer .style__accordion__inner {
  border-bottom: 1px solid #F0F0F0;
  position: relative; }
  .main__content__layer .style__accordion__inner .style__accordion__inner__content {
    position: relative !important;
    top: 0px !important; }
  .main__content__layer .style__accordion__inner .style__accordion__header {
    position: relative;
    z-index: 2;
    padding: 5px 15px;
    background-image: linear-gradient(-180deg, white 0%, #FAFAFA 100%);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid #F0F0F0; }
    .main__content__layer .style__accordion__inner .style__accordion__header h3 {
      font-family: "Open Sans", sans-serif;
      font-size: 13px;
      color: #9B9B9B; }
    .main__content__layer .style__accordion__inner .style__accordion__header .handle {
      padding: 0 15px 0 0; }
    .main__content__layer .style__accordion__inner .style__accordion__header .accordion-inner-handle {
      visibility: hidden; }
  .main__content__layer .style__accordion__inner .style__accordion__content {
    position: relative;
    z-index: 1; }

.content__top .style__accordion i {
  margin-right: 5px; }
  .content__top .style__accordion i svg {
    width: 18px;
    height: 18px; }

.form__group__row .style__accordion i svg {
  width: 16px;
  height: 16px; }

/*  UPLOAD STYLE */
.upload__button {
  width: 90px;
  height: 90px;
  border: 1px solid #e6e8ec;
  position: relative;
  background: url(/cms/images/ico-upload.svg) 65% 65% no-repeat;
  cursor: pointer;
  margin: 5px 0 0 0;
  transition: all .2s; }
  .upload__button:hover {
    box-shadow: inset 0 0 10px #c7ccd5; }

.upload__img {
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
  border: 1px solid #e6e8ec; }
  .upload__img .upload__img__input {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  .upload__img .upload__img__label {
    width: inherit;
    height: inherit;
    position: relative;
    background: url(/cms/images/ico-upload.svg) 65% 65% no-repeat;
    cursor: pointer;
    transition: all .2s; }
    .upload__img .upload__img__label:hover {
      box-shadow: inset 0 0 10px #c7ccd5; }
  .upload__img .upload__img__preview {
    height: 100%;
    width: auto;
    position: absolute; }
    .upload__img .upload__img__preview.portrait {
      height: auto;
      width: 100%; }
  .upload__img .upload__img__remove {
    position: absolute;
    background-size: 12px;
    width: 14px;
    height: 14px;
    color: #fff;
    font-size: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    right: 1px;
    bottom: 1px;
    border-radius: 100%;
    background-color: #DE6060;
    border: 1px solid #DE6060; }
    .upload__img .upload__img__remove:hover {
      background-color: #d53636; }
    .upload__img .upload__img__remove:before {
      content: '\00D7'; }

.upload__tip {
  text-align: left;
  margin: 0 10px;
  width: 300px;
  position: absolute;
  font-size: 9px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #f6f6f6;
  padding: 7px;
  border: 1px solid #f0f0f0;
  color: #505050;
  left: 54px;
  top: 26px;
  box-sizing: border-box; }
  .upload__tip b {
    color: #627f8f;
    font-weight: normal; }

/* END */
#toggle-form-photo-uploader-content .form__photo__uploader {
  max-width: 670px; }

.form__photo__uploader {
  background-color: #F6F8F9;
  padding: 10px; }
  .form__photo__uploader small {
    font-size: 11px; }
    .form__photo__uploader small span {
      color: #627F8F; }
  .form__photo__uploader.single__image .form__photo__uploader__li {
    width: initial !important; }
    .form__photo__uploader.single__image .form__photo__uploader__li:first-child:before {
      left: 45% !important; }
    .form__photo__uploader.single__image .form__photo__uploader__li .form__photo__group .upload__img {
      width: 80px !important;
      height: 80px !important; }
  .form__photo__uploader.single__image .form__photo__placeholder {
    width: 102px;
    height: 125px; }
  .form__photo__uploader .form__photo__uploader__ul {
    margin: 10px 0;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li {
      width: 135px;
      padding: 10px;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
      background-color: #fff;
      margin-right: 10px;
      position: relative !important;
      top: 0px !important; }
      .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li:first-child:before {
        content: "";
        background: url(/cms/images/ico-tip.svg) no-repeat;
        top: -7px;
        left: 30%;
        position: absolute;
        width: 15px;
        height: 15px;
        background-size: 22px;
        transform: rotate(135deg);
        z-index: 0; }
      .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li:last-child {
        margin-right: 0px; }
      .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__handle {
        position: relative;
        cursor: move;
        display: inline-block; }
        .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__handle svg {
          transform: rotate(90deg);
          margin-left: 5px; }
      .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__group .upload__img {
          width: 60px;
          height: 60px; }
          .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__group .upload__img:hover .upload__img__show__preview {
            opacity: 1;
            visibility: visible; }
          .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__group .upload__img:hover .upload__img__remove {
            opacity: 1;
            visibility: visible; }
          .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__group .upload__img .upload__img__label {
            background: url(/cms/images/ico-upload.svg) center no-repeat; }
          .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__group .upload__img .upload__img__show__preview {
            opacity: 0;
            visibility: hidden;
            position: absolute;
            background: url(/cms/images/ico-see-preview.svg) center no-repeat;
            background-size: 11px;
            width: 12px;
            height: 12px;
            color: #fff;
            font-size: 10px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            right: 0;
            bottom: 1px;
            left: 0;
            margin: auto;
            border-radius: 100%;
            background-color: #44C7F4;
            border: 1px solid #44C7F4;
            transition: all .3s; }
            .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__group .upload__img .upload__img__show__preview:hover {
              background-color: #14b9f1; }
          .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__group .upload__img .upload__img__remove {
            opacity: 0;
            visibility: hidden;
            background: none;
            background-color: #DE6060;
            border: 1px solid #DE6060;
            transition: all .3s; }
            .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__group .upload__img .upload__img__remove:hover {
              background-color: #d53636; }
            .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__group .upload__img .upload__img__remove:before {
              content: ''; }
        .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__group .form__photo__title {
          display: block;
          font-size: 10px;
          text-align: center;
          border: 1px solid #e6e8ec;
          margin-top: 3px;
          padding: 2px 0; }
      .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__remove {
        position: absolute;
        top: -7px;
        right: -7px;
        width: 16px;
        height: 16px;
        font-size: 14px;
        border-radius: 100%;
        text-align: center;
        line-height: 15px;
        color: #fff;
        background-color: #DE6060;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        align-items: baseline;
        -ms-flex-pack: center;
        justify-content: center; }
        .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__remove:hover {
          background-color: #d53636; }
      .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__remove__server {
        position: absolute;
        top: -7px;
        right: -7px;
        width: 16px;
        height: 16px;
        font-size: 14px;
        border-radius: 100%;
        text-align: center;
        line-height: 13px;
        color: #fff;
        background-color: #DE6060; }
        .form__photo__uploader .form__photo__uploader__ul .form__photo__uploader__li .form__photo__remove__server:hover {
          background-color: #d53636; }
  .form__photo__uploader .form__photo__placeholder {
    width: 135px;
    height: 128px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px dashed;
    border-radius: 5px;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 10px; }
    .form__photo__uploader .form__photo__placeholder:hover i {
      top: 0px; }
    .form__photo__uploader .form__photo__placeholder:hover span {
      bottom: -15px;
      opacity: 1; }
    .form__photo__uploader .form__photo__placeholder i {
      font-style: normal;
      font-size: 38px;
      display: block;
      line-height: 0;
      position: relative;
      top: 10px;
      transition: all .4s ease-in-out; }
    .form__photo__uploader .form__photo__placeholder span {
      font-size: 15px;
      display: block;
      position: relative;
      bottom: 0px;
      opacity: 0;
      transition: all .4s ease-in-out; }

.img__preview__overlay {
  position: fixed;
  z-index: 99;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5); }

.img__preview__popup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0;
  position: absolute; }
  .img__preview__popup .img__preview__popup__wrapper {
    position: absolute;
    width: 600px;
    height: auto;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.16); }
    .img__preview__popup .img__preview__popup__wrapper .img__preview__big__close {
      position: absolute;
      background-size: 12px;
      width: 24px;
      height: 24px;
      color: #fff;
      font-size: 18px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      right: -11px;
      top: -11px;
      border-radius: 100%;
      background-color: #DE6060;
      border: 1px solid #DE6060; }
      .img__preview__popup .img__preview__popup__wrapper .img__preview__big__close:hover {
        background-color: #d53636; }
    .img__preview__popup .img__preview__popup__wrapper img.upload__img__preview__big {
      width: auto;
      max-width: 100%;
      height: auto;
      display: block;
      line-height: 0;
      box-sizing: border-box;
      /* padding: 40px 0; */
      margin: 0 auto; }

.popup__upload__preview__container .sidebar__wrapper {
  z-index: 10; }

.popup__upload__preview__container .main__wrapper__header {
  position: relative;
  z-index: 0; }

.popup__upload__preview__container .container__main {
  position: relative;
  z-index: 11;
  overflow: hidden; }

/* BUTTON UPLOAD WITH PROGRESBAR */
.btn__upload__progress {
  position: relative;
  overflow: hidden;
  width: 99px;
  height: 27px;
  border: 0;
  margin: 10px auto;
  padding: 0; }
  .btn__upload__progress.btn__disable label {
    color: #dedede; }
  .btn__upload__progress label {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer; }
  .btn__upload__progress input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    /* font-size: 20px; */
    cursor: pointer;
    opacity: 0;
    z-index: -1; }
  .btn__upload__progress progress[value] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none; }
  .btn__upload__progress progress[value]::-webkit-progress-bar {
    border-radius: 2px;
    background-color: #ffffff; }
  .btn__upload__progress progress[value]::-webkit-progress-value {
    border-radius: 2px;
    background-color: #82D9F7; }
  .btn__upload__progress progress {
    position: absolute;
    bottom: -2px;
    left: -1px;
    width: 101px;
    height: 4px; }

#upload--file {
  text-align: center;
  font-size: 10px;
  color: #4d6471;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* BUTTON UPLOAD WITH BUTTON AND INPUT FIELD USING CREATED PLUGIN */
.file-upload-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .file-upload-wrapper .custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px; }
  .file-upload-wrapper .file-upload-button {
    height: 23px;
    padding: 0 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #9FBFCB;
    color: #ffffff;
    font-family: "brandon_bold";
    font-size: 11px;
    text-transform: uppercase;
    transition: all .3s;
    letter-spacing: 1px;
    border: 1px solid transparent;
    position: absolute;
    right: 3px; }
    .file-upload-wrapper .file-upload-button:hover {
      background: #88b0be; }
  .file-upload-wrapper .file-upload-input {
    width: 500px;
    padding-right: 120px; }

.custom__file__upload {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .custom__file__upload .upload__file__input {
    visibility: hidden;
    position: absolute; }
  .custom__file__upload .upload__file__placeholder {
    width: 500px;
    padding-right: 120px; }
  .custom__file__upload .upload__file__button {
    height: 23px;
    padding: 0 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #9FBFCB;
    color: #ffffff;
    font-family: "brandon_bold";
    font-size: 11px;
    text-transform: uppercase;
    transition: all .3s;
    letter-spacing: 1px;
    border: 1px solid transparent;
    position: absolute;
    right: 3px;
    cursor: pointer; }
    .custom__file__upload .upload__file__button:hover {
      background: #88b0be; }

#menu-themes-builder li {
  height: 26px;
  padding: 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #9FBFCB;
  color: #ffffff;
  font-family: "brandon_bold";
  font-size: 11px;
  text-transform: uppercase;
  transition: all .3s;
  letter-spacing: 1px;
  border: 1px solid transparent;
  position: relative; }
  #menu-themes-builder li:hover {
    background: #88b0be; }

#menu-themes-builder .newsletter-builder-area-center-frame-buttons-content-tab {
  height: auto; }

#menu-themes-builder .newsletter-builder-area-center-frame-buttons-content-tab-add {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

#menu-themes-builder .fa.fa-caret-down {
  position: absolute;
  right: 6px;
  top: 8px; }

.fa {
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); }
  .fa.fa-pencil:before {
    content: "\f040"; }
  .fa.fa-caret-right:before {
    content: "\f0da"; }
  .fa.fa-remove:before, .fa.fa-close:before, .fa.fa-times:before {
    content: "\f00d"; }

.seo__page .content__top {
  position: relative; }
  .seo__page .content__top .content__title {
    margin: 0px auto;
    text-align: center; }
  .seo__page .content__top .content__dropdown, .seo__page .content__top .content__btn {
    position: absolute; }
  .seo__page .content__top .content__btn {
    right: 15px; }

.seo__page .content__bottom {
  padding: 15px;
  position: relative; }

.seo__page p {
  margin: 0; }

.layer__before__load {
  position: absolute;
  background-color: #fff;
  z-index: 2;
  font-size: 16px;
  padding: 15px 0 0 15px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.meta__attribute__field {
  margin-bottom: 10px;
  position: relative;
  z-index: 1; }

.meta__label {
  font-family: "brandon_bold";
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #9FBFCB;
  letter-spacing: 2.57px; }

.meta__content {
  font-size: 13px;
  line-height: 23px; }

.btn__edit__seo {
  height: 26px;
  padding: 0 15px;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-family: "brandon_bold";
  font-size: 11px;
  text-transform: uppercase;
  transition: all .3s;
  letter-spacing: 0.3px;
  border: 1px solid #9FBFCB; }
  .btn__edit__seo:hover {
    background: #f2f2f2; }
  .btn__edit__seo.btn__disable {
    border: 1px solid #f2f2f2; }

.menu__dropdown {
  position: relative;
  outline: none;
  background: #fff;
  border: 1px solid #9FBFCB;
  min-width: 200px; }
  .menu__dropdown.active .sub__1 {
    display: block; }
  .menu__dropdown.active:after {
    content: "";
    border-color: #44C7F4 transparent;
    transform: rotate(180deg); }
  .menu__dropdown .menu__dropdown__title {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-family: "brandon_bold";
    display: block;
    padding: 5px 25px 3px 15px;
    cursor: pointer;
    position: relative;
    z-index: 2; }
    .menu__dropdown .menu__dropdown__title:after {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      top: 55%;
      right: 6px;
      margin-top: -3px;
      border-width: 4px 4px 0 4px;
      border-style: solid;
      border-color: #9FBFCB transparent; }
  .menu__dropdown .menu__dropdown__submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0px -1px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    list-style: none;
    font-size: 12px;
    z-index: 4; }
    .menu__dropdown .menu__dropdown__submenu.sub__1 {
      margin-bottom: 50px; }
    .menu__dropdown .menu__dropdown__submenu.sub__2 {
      min-width: 200px;
      top: 0;
      left: 100.5%;
      margin-bottom: 50px; }
      .menu__dropdown .menu__dropdown__submenu.sub__2 li:after {
        content: "";
        border-width: 0; }
      .menu__dropdown .menu__dropdown__submenu.sub__2 li:hover a.link__sub__2 {
        background-color: #44C7F4;
        color: #fff; }
    .menu__dropdown .menu__dropdown__submenu li {
      position: relative; }
      .menu__dropdown .menu__dropdown__submenu li.active:after {
        content: "";
        transform: rotate(90deg);
        border-color: #fff transparent; }
      .menu__dropdown .menu__dropdown__submenu li.active a.link__sub__1 {
        background-color: #44C7F4;
        color: #fff; }
      .menu__dropdown .menu__dropdown__submenu li.active .sub__2 {
        display: block; }
      .menu__dropdown .menu__dropdown__submenu li:hover a.link__sub__1 {
        background-color: #44C7F4;
        color: #fff; }
      .menu__dropdown .menu__dropdown__submenu li:hover:after {
        content: "";
        border-color: #fff transparent; }
      .menu__dropdown .menu__dropdown__submenu li a {
        text-decoration: none;
        color: #9B9B9B;
        padding: 0 14px;
        height: 31px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
      .menu__dropdown .menu__dropdown__submenu li:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 55%;
        right: 6px;
        margin-top: -3px;
        border-width: 4px 4px 0 4px;
        border-style: solid;
        border-color: #9FBFCB transparent;
        transform: rotate(270deg); }

/* demo page styles */
.example {
  background: #fff url(../images/tech.jpg);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

/* main menu styles */
#nav, #nav ul {
  background-image: url(../images/tr75.png);
  list-style: none;
  margin: 0;
  padding: 0; }

#nav {
  height: 41px;
  padding-left: 5px;
  padding-top: 5px;
  position: relative;
  z-index: 2; }

#nav ul {
  left: -9999px;
  position: absolute;
  top: 37px;
  width: auto; }

#nav ul ul {
  left: -9999px;
  position: absolute;
  top: 0;
  width: auto; }

#nav li {
  float: left;
  margin-right: 5px;
  position: relative; }

#nav li a {
  background: #c1c1bf;
  color: #000;
  display: block;
  float: left;
  font-size: 16px;
  padding: 8px 10px;
  text-decoration: none; }

#nav > li > a {
  border-radius: 6px;
  overflow: hidden; }

#nav li a.fly {
  background: #c1c1bf url(../images/arrow.gif) no-repeat right center;
  padding-right: 15px; }

#nav ul li {
  margin: 0; }

#nav ul li a {
  width: 120px; }

#nav ul li a.fly {
  padding-right: 10px; }

/*hover styles*/
#nav li:hover > a {
  background-color: #858180;
  color: #fff; }

/*focus styles*/
#nav li a:focus {
  outline-width: 0; }

/*popups*/
#nav li a:active + ul.dd, #nav li a:focus + ul.dd, #nav li ul.dd:hover {
  left: 0; }

#nav ul.dd li a:active + ul, #nav ul.dd li a:focus + ul, #nav ul.dd li ul:hover {
  left: 140px; }

.login__background {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute; }

.login__wrapper {
  width: 492px;
  height: 542px;
  position: absolute;
  top: -10%;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto; }
  .login__wrapper .login__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center; }
    .login__wrapper .login__header img {
      width: 119px; }
  .login__wrapper .login__content {
    font-family: "Open Sans", sans-serif;
    width: 492px;
    height: 410px;
    background: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px; }
    .login__wrapper .login__content .login__content__header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 28px; }
      .login__wrapper .login__content .login__content__header h3 {
        font-family: "harriet_regular";
        margin: 0;
        font-size: 36px;
        font-weight: normal;
        margin-bottom: 10px;
        color: #9FBFCB; }
      .login__wrapper .login__content .login__content__header p {
        margin: 0;
        width: 250px;
        text-align: center;
        line-height: 24px;
        font-size: 13px;
        color: #adb2bf; }
    .login__wrapper .login__content .login__content__form {
      width: 392px; }
      .login__wrapper .login__content .login__content__form .form__input_wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 1px solid #9FBFCB;
        border-radius: 2px; }
        .login__wrapper .login__content .login__content__form .form__input_wrapper input {
          margin: 0;
          height: 49px;
          border: 1px solid rgba(94, 95, 97, 0.1);
          padding: 10px 16px;
          font-size: 14px;
          color: #9B9B9B; }
        .login__wrapper .login__content .login__content__form .form__input_wrapper ::-webkit-input-placeholder {
          /* WebKit, Blink, Edge */
          color: #9B9B9B;
          font-size: 14px; }
        .login__wrapper .login__content .login__content__form .form__input_wrapper ::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #9B9B9B;
          font-size: 14px; }
        .login__wrapper .login__content .login__content__form .form__input_wrapper .input__username {
          border-top-right-radius: 2px;
          border-top-left-radius: 2px; }
        .login__wrapper .login__content .login__content__form .form__input_wrapper .input__password {
          border-bottom-right-radius: 2px;
          border-bottom-left-radius: 2px; }
      .login__wrapper .login__content .login__content__form .form__btn .btn__submit__login {
        font-family: "brandon_medium";
        width: 100%;
        background: #9FBFCB;
        border: 1px solid transparent;
        height: 50px;
        margin-top: 21px;
        color: #ffffff;
        transition: all .2s;
        text-transform: uppercase;
        letter-spacing: 1.5px; }
        .login__wrapper .login__content .login__content__form .form__btn .btn__submit__login:hover {
          background: #8eb4c2; }
    .login__wrapper .login__content .error--state {
      border: 1px solid #CE655C;
      box-shadow: 0px 0px 5px 2px #CE655C; }
    .login__wrapper .login__content .error--state--message {
      color: #FF6358 !important; }

.selection-logo {
  width: 89px;
  position: absolute;
  top: 30px;
  left: 30px; }

.selection-logout {
  position: absolute;
  top: 30px;
  right: 30px;
  font-family: "harriet_medium";
  font-size: 18px;
  color: #f37373;
  transition: all .2s; }
  .selection-logout:hover {
    color: #ffffff; }

.selection__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.selection__wrapper {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff; }

.selection__title {
  text-align: center;
  margin-bottom: 25px; }
  .selection__title h3 {
    font-family: "harriet_regular";
    margin: 0;
    letter-spacing: 2.53px;
    font-size: 34px;
    font-weight: normal; }
  .selection__title p {
    font-size: 14px;
    margin: 5px; }

.ayana-group {
  background: url(/cms/images/login/selection-ayana.jpg) no-repeat; }

.ayana-bali {
  background: url(/cms/images/login/selection-bali.jpg) no-repeat; }

.ayana-jakarta {
  background: url(/cms/images/login/selection-jakarta.jpg) no-repeat; }

.ayana-labuan {
  background: url(/cms/images/login/selection-labuan.jpg) no-repeat; }

.selection__item {
  width: 300px;
  height: 300px;
  position: relative;
  margin: 10px; }
  .selection__item:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  .selection__item .selection__item__content {
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 40%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center; }
    .selection__item .selection__item__content h3 {
      font-family: "harriet_light";
      margin: 0;
      letter-spacing: 2.53px;
      font-size: 24px;
      text-transform: uppercase;
      text-align: center;
      font-weight: normal; }
    .selection__item .selection__item__content a {
      margin-top: 10px;
      position: relative;
      z-index: 1; }
    .selection__item .selection__item__content .selection__item__content__title {
      min-height: 55px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      z-index: 1; }
  .selection__item .btn__selection__item {
    font-family: "brandon_medium";
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    background: #9FBFCB;
    border: 1px solid transparent;
    height: 30px;
    color: #ffffff;
    transition: all .2s;
    text-transform: uppercase;
    letter-spacing: 1.5px; }
    .selection__item .btn__selection__item:hover {
      background: #8eb4c2; }

@media only screen and (max-width: 1280px) {
  .login__wrapper .login__content {
    width: 422px;
    height: 360px;
    margin: 20px auto 0 auto; }
    .login__wrapper .login__content .login__content__header h3 {
      font-size: 32px; }
    .login__wrapper .login__content .login__content__form {
      width: 322px; }
      .login__wrapper .login__content .login__content__form .form__input_wrapper input {
        height: 39px; }
      .login__wrapper .login__content .login__content__form .form__btn .btn__submit__login {
        height: 40px; } }

.ballroom__identifier .content__edit__hover:hover:after {
  background: none; }

.ballroom__identifier span {
  color: #9FBFCB;
  margin: 0 4px;
  font-size: 14px; }
  .ballroom__identifier span:before {
    content: "(";
    position: relative;
    top: -1px; }
  .ballroom__identifier span:after {
    content: ")";
    position: relative;
    top: -1px; }

@media only screen and (max-width: 1280px) {
  .wedding__venues .content__bottom .news__list__desc .news__desc.flex {
    display: block !important; } }

.sotr__calendar {
  padding: 25px 0;
  position: relative;
  /* CALENDAR CONTROL */
  /* ICON */
  /* END CALENDAR CONTROL */
  /* CALENDAR MAIN */ }
  .sotr__calendar .calendar__head__date {
    height: 54px;
    border-bottom: 1px solid #f4f2ef;
    border-top: 1px solid #f4f2ef;
    text-align: left;
    font-size: 20px;
    padding: 0 6px;
    color: #4a4a4a; }
    .sotr__calendar .calendar__head__date .calendar__head__date__name {
      font-size: 14px;
      color: rgba(74, 74, 74, 0.3); }
  .sotr__calendar .calendar__item {
    width: 83px;
    height: 83px;
    position: relative;
    border-right: 1px solid #f4f2ef;
    border-bottom: 1px solid #f4f2ef;
    padding: 6px 0; }
  .sotr__calendar .calendar__time {
    width: 80px;
    text-align: center;
    font-size: 20px;
    border-right: 1px solid #f4f2ef;
    border-left: 1px solid #f4f2ef;
    color: #4a4a4a; }
  .sotr__calendar .calendar__control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
  .sotr__calendar .calendar__date {
    margin: 0 0 0 39px; }
  .sotr__calendar .calendar__button {
    margin: 0 39px 0 0; }
  .sotr__calendar #calendar {
    margin: 0 39px; }
  .sotr__calendar .calendar__legend {
    margin: 0 39px; }
  .sotr__calendar .calendar__legend {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: 92px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 500px; }
    .sotr__calendar .calendar__legend .calendar__legend__item {
      height: 36px;
      width: 170px;
      font-size: 12px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      .sotr__calendar .calendar__legend .calendar__legend__item .legend__icon {
        width: 30px;
        height: 18px;
        border-radius: 2px;
        margin-right: 5px;
        position: relative; }
        .sotr__calendar .calendar__legend .calendar__legend__item .legend__icon i {
          width: 8px;
          height: 8px;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 5px;
          margin: auto; }
      .sotr__calendar .calendar__legend .calendar__legend__item .legend__single {
        background-color: rgba(159, 191, 203, 0.3); }
      .sotr__calendar .calendar__legend .calendar__legend__item .legend__twin {
        background-color: rgba(159, 191, 203, 0.3); }
      .sotr__calendar .calendar__legend .calendar__legend__item .legend__add {
        background-color: #B8E986; }
      .sotr__calendar .calendar__legend .calendar__legend__item .legend__wait {
        background-color: #FFE183; }
      .sotr__calendar .calendar__legend .calendar__legend__item .legend__close {
        background-color: rgba(243, 115, 115, 0.2); }
  .sotr__calendar .calendar__control__refresh i {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 7px;
    position: relative;
    bottom: 1px; }
  .sotr__calendar .sotr-add {
    background-color: #B8E986;
    position: relative;
    transition: all .2s; }
    .sotr__calendar .sotr-add:hover {
      background-color: #abe570; }
    .sotr__calendar .sotr-add:after {
      content: "";
      background: url(/cms/images/sotr/icon-sotr-pencil.svg) no-repeat;
      width: 8px;
      height: 8px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 5px;
      margin: auto; }
  .sotr__calendar .sotr-single {
    background-color: rgba(159, 191, 203, 0.3);
    position: relative;
    transition: all .2s; }
    .sotr__calendar .sotr-single:hover {
      background-color: rgba(159, 191, 203, 0.4); }
    .sotr__calendar .sotr-single:after {
      content: "";
      background: url(/cms/images/sotr/icon-sotr-single.svg) no-repeat;
      width: 8px;
      height: 8px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 5px;
      margin: auto; }
  .sotr__calendar .sotr-twin {
    background-color: rgba(159, 191, 203, 0.3);
    position: relative;
    transition: all .2s; }
    .sotr__calendar .sotr-twin:hover {
      background-color: rgba(159, 191, 203, 0.4); }
    .sotr__calendar .sotr-twin:after {
      content: "";
      background: url(/cms/images/sotr/icon-sotr-twin.svg) no-repeat;
      width: 14px;
      height: 8px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 5px;
      margin: auto; }
  .sotr__calendar .sotr-warning {
    background-color: #FFE183;
    position: relative;
    transition: all .2s; }
    .sotr__calendar .sotr-warning:hover {
      background-color: #ffdb6a; }
    .sotr__calendar .sotr-warning:after {
      content: "";
      background: url(/cms/images/sotr/icon-sotr-dollar.svg) no-repeat;
      width: 5px;
      height: 8px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 5px;
      margin: auto; }
  .sotr__calendar .sotr-close {
    background-color: rgba(243, 115, 115, 0.2);
    position: relative;
    transition: all .2s; }
    .sotr__calendar .sotr-close:hover {
      background-color: rgba(243, 115, 115, 0.3); }
    .sotr__calendar .sotr-close:after {
      content: "";
      background: url(/cms/images/sotr/icon-sotr-close.svg) no-repeat;
      width: 8px;
      height: 8px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 5px;
      margin: auto; }
  .sotr__calendar .calendar__control {
    position: absolute; }
  .sotr__calendar .calendar__control__refresh {
    height: 27px; }
  .sotr__calendar .calendar__date__btn {
    width: 39px;
    height: 40px;
    display: inline-block;
    transition: all .2s; }
    .sotr__calendar .calendar__date__btn:hover {
      background-color: #f2f2f2; }
  .sotr__calendar .calendar__control__input {
    height: 41px;
    width: 250px;
    border: 1px solid rgba(155, 155, 155, 0.25);
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #4A4A4A; }
  .sotr__calendar .calendar__date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
  .sotr__calendar .calendar__prev {
    position: absolute;
    left: 0;
    top: 0;
    border-style: solid;
    border-color: rgba(155, 155, 155, 0.25);
    border-width: 0 1px 0 0; }
  .sotr__calendar .calendar__next {
    position: absolute;
    right: 0;
    top: 0;
    border-style: solid;
    border-color: rgba(155, 155, 155, 0.25);
    border-width: 0 0 0 1px; }
  .sotr__calendar .icon-prev {
    background: url(/cms/images/sidebar/ico-accordion--arrow.svg) no-repeat;
    transform: rotate(90deg);
    width: 13px;
    height: 9px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute; }
  .sotr__calendar .icon-next {
    background: url(/cms/images/sidebar/ico-accordion--arrow.svg) no-repeat;
    transform: rotate(270deg);
    width: 13px;
    height: 9px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute; }
  .sotr__calendar .main__calendar {
    margin: 0 39px;
    /* .calendar__header {
			display: flex;
			border-top: 1px solid #F3F4F6;
			border-left: 1px solid #F3F4F6;
			font-family: arial, helvetica;
			
		}
		.calendar__header__date {
			display: flex;
			width: calc(100% - 80px);
			border-right: 1px solid #F3F4F6;
		} */ }
    .sotr__calendar .main__calendar .calendar__column {
      width: 9.09%; }
    .sotr__calendar .main__calendar .calendar__title {
      text-align: center;
      padding: 8px 0 40px 0 !important;
      font-family: "harriet_regular";
      font-size: 24px;
      letter-spacing: 0.67px;
      text-transform: capitalize; }
    .sotr__calendar .main__calendar .calendar__header__time__cell {
      width: 79px;
      border-right: 1px solid #F3F4F6;
      height: 60px;
      border-bottom: 1px solid #F3F4F6; }
    .sotr__calendar .main__calendar .selected__date .calendar__header__date__cell {
      background-color: #9FBFCB;
      color: #ffffff !important; }
      .sotr__calendar .main__calendar .selected__date .calendar__header__date__cell .day__name {
        color: #ffffff; }
    .sotr__calendar .main__calendar .calendar__header__date__cell {
      padding: 0.4em;
      font-size: 20px;
      color: #464646;
      border-bottom: 1px solid #F3F4F6; }
      .sotr__calendar .main__calendar .calendar__header__date__cell.calendar__header__date__cell__last {
        border-right: 1px solid #F3F4F6; }
    .sotr__calendar .main__calendar .calendar__body {
      display: -ms-flexbox;
      display: flex;
      border-top: 1px solid #F3F4F6;
      border-left: 1px solid #F3F4F6; }
      .sotr__calendar .main__calendar .calendar__body .calendar__body__time__cell {
        width: 80px; }
        .sotr__calendar .main__calendar .calendar__body .calendar__body__time__cell .calendar__time__hour {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          font-size: 20px;
          border-bottom: 1px solid transparent; }
          .sotr__calendar .main__calendar .calendar__body .calendar__body__time__cell .calendar__time__hour:last-child {
            border-bottom: 1px solid #F3F4F6; }
      .sotr__calendar .main__calendar .calendar__body .calendar__body__event {
        display: -ms-flexbox;
        display: flex;
        width: calc(100% - 80px); }
      .sotr__calendar .main__calendar .calendar__body .calendar__body__cell {
        height: 80px;
        border-right: 1px solid #F3F4F6;
        border-bottom: 1px solid #F3F4F6;
        position: relative; }
    .sotr__calendar .main__calendar .calendar__body__cell:hover .event__trigger__click {
      visibility: visible;
      opacity: 1; }
    .sotr__calendar .main__calendar .calendar__body__cell .event__trigger__click {
      width: 15px;
      height: 15px;
      position: absolute;
      background: #9FBFCB;
      right: 3px;
      top: 3px;
      cursor: pointer;
      transition: all .2s;
      display: -ms-flexbox;
      display: flex;
      visibility: hidden;
      opacity: 0; }
      .sotr__calendar .main__calendar .calendar__body__cell .event__trigger__click:after {
        content: '+';
        position: relative;
        top: -3px;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        font-size: 15px;
        display: inline-block;
        font-weight: bolder;
        color: #fff; }
      .sotr__calendar .main__calendar .calendar__body__cell .event__trigger__click:hover {
        background: #8eb4c2; }
      .sotr__calendar .main__calendar .calendar__body__cell .event__trigger__click.empty__event {
        width: 80%;
        right: 0;
        top: auto;
        bottom: 0;
        left: 0;
        margin: 2px auto;
        background: white;
        border: 1px dashed #9FBFCB;
        border-radius: 4px; }
        .sotr__calendar .main__calendar .calendar__body__cell .event__trigger__click.empty__event:after {
          content: 'Add New';
          color: #627F8F;
          top: -1px;
          font-size: 12px;
          font-weight: normal; }
        .sotr__calendar .main__calendar .calendar__body__cell .event__trigger__click.empty__event:hover {
          background: #f2f2f2; }
    .sotr__calendar .main__calendar .calendar__body__cell .event__list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -ms-flex-align: center;
      align-items: center;
      height: 100%; }
      .sotr__calendar .main__calendar .calendar__body__cell .event__list .event__list__item {
        width: 80%;
        height: 18px;
        margin: 0 0 4px 0;
        cursor: pointer;
        border-radius: 4px; }
  .sotr__calendar .calendar-date-btn-go {
    position: absolute;
    left: 103%;
    height: 37px;
    padding: 0 10px;
    top: 0; }

/* FORM SOTR */
/* ADD NEW BOOK */
.add__new__booking .book__price__wrapper {
  margin-left: 10px; }
  .add__new__booking .book__price__wrapper span {
    display: block;
    color: #9FBFCB; }
  .add__new__booking .book__price__wrapper .title {
    text-transform: uppercase;
    font-size: 10px; }
  .add__new__booking .book__price__wrapper .price {
    font-size: 12px;
    font-weight: 700;
    color: #627F8F; }

/* DETAIL BOOK */
.detail__booking {
  /* DETAIL WAITING */
  /* CANCEL RESERVATION */
  /* CHANGE EXPIRE DATE */ }
  .detail__booking .detail__title {
    font-family: "Open Sans", sans-serif !important; }
  .detail__booking .form--mid {
    padding: 0; }
  .detail__booking .detail__wrapper {
    display: -ms-flexbox;
    display: flex; }
    .detail__booking .detail__wrapper .detail__row {
      font-size: 12px;
      margin-bottom: 10px;
      display: -ms-flexbox;
      display: flex; }
      .detail__booking .detail__wrapper .detail__row .detail__label {
        width: 100px;
        color: #627F8F; }
      .detail__booking .detail__wrapper .detail__row .detail__info {
        width: calc(100% - 100px); }
    .detail__booking .detail__wrapper .detail__wrapper__left {
      width: 50%;
      padding: 20px 15px 10px 15px;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .detail__booking .detail__wrapper .detail__wrapper__right {
      width: 50%;
      background-color: #f9f9fa;
      padding: 20px 15px 10px 15px;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .detail__booking .detail__wrapper .info--admin {
      font-size: 12px;
      color: #9B9B9B;
      position: relative;
      bottom: 0; }
    .detail__booking .detail__wrapper .total__price .detail__info {
      font-weight: 600; }
  .detail__booking .book__info__link {
    display: -ms-flexbox;
    display: flex; }
    .detail__booking .book__info__link input {
      width: 200px;
      margin-right: 10px; }
  .detail__booking .cancel__reason__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%; }
    .detail__booking .cancel__reason__wrapper label {
      color: #627F8F;
      font-size: 10px; }
    .detail__booking .cancel__reason__wrapper .cancel__reason__input {
      height: 60px; }
    .detail__booking .cancel__reason__wrapper .btn__cancel__wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: baseline;
      align-items: baseline; }
    .detail__booking .cancel__reason__wrapper .btn__cancel__reason {
      width: 170px;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 10px; }
    .detail__booking .cancel__reason__wrapper .btn__cancel__reason__close {
      margin-left: 10px; }
  .detail__booking .cancel-reason-form {
    display: none; }
  .detail__booking .expire__wrapper, .detail__booking .new__status__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start; }
    .detail__booking .expire__wrapper .expire__item, .detail__booking .new__status__wrapper .expire__item {
      margin-right: 10px; }
      .detail__booking .expire__wrapper .expire__item label, .detail__booking .new__status__wrapper .expire__item label {
        font-size: 10px;
        color: #627F8F; }
      .detail__booking .expire__wrapper .expire__item .expire__date, .detail__booking .new__status__wrapper .expire__item .expire__date {
        width: 130px; }
        .detail__booking .expire__wrapper .expire__item .expire__date input, .detail__booking .new__status__wrapper .expire__item .expire__date input {
          width: calc(100% - 25px);
          text-align: center; }
      .detail__booking .expire__wrapper .expire__item .expire__time, .detail__booking .new__status__wrapper .expire__item .expire__time {
        width: 73px;
        text-align: center; }
        .detail__booking .expire__wrapper .expire__item .expire__time input, .detail__booking .new__status__wrapper .expire__item .expire__time input {
          width: calc(100% - 13px);
          text-align: center; }
        .detail__booking .expire__wrapper .expire__item .expire__time .icon__wrapper, .detail__booking .new__status__wrapper .expire__item .expire__time .icon__wrapper {
          width: 12px; }
          .detail__booking .expire__wrapper .expire__item .expire__time .icon__wrapper i, .detail__booking .new__status__wrapper .expire__item .expire__time .icon__wrapper i {
            right: 0px; }
    .detail__booking .expire__wrapper .btn__add, .detail__booking .new__status__wrapper .btn__add, .detail__booking .expire__wrapper .btn__add__cancel, .detail__booking .new__status__wrapper .btn__add__cancel {
      margin-top: 16px; }
  .detail__booking #expire-form {
    display: none; }
  .detail__booking .new__status__wrapper .input--radio--ul .input--radio--li {
    height: 25px; }
    .detail__booking .new__status__wrapper .input--radio--ul .input--radio--li label {
      padding: 0px 0px 0px 20px;
      margin: 5px 20px 5px auto; }
    .detail__booking .new__status__wrapper .input--radio--ul .input--radio--li .check {
      height: 13px;
      width: 13px; }
      .detail__booking .new__status__wrapper .input--radio--ul .input--radio--li .check:before {
        content: '';
        height: 9px;
        width: 9px; }
  .detail__booking #new-status-wrapper, .detail__booking #payment-form, .detail__booking #cancel-checkout-reason-form {
    display: none; }
  .detail__booking #cancel-checkout-reason-form {
    display: none; }
    .detail__booking #cancel-checkout-reason-form .detail__info {
      width: 350px; }
    .detail__booking #cancel-checkout-reason-form .btn__add, .detail__booking #cancel-checkout-reason-form .btn__add__cancel {
      margin: 32px 0 0 10px; }

/* INPUT FIELD WITH ICON:  */
.input-icon {
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .input-icon .icon__wrapper {
    width: 24px;
    height: 24px;
    position: absolute;
    border: 1px solid #adb2bf;
    right: 0;
    cursor: pointer;
    transition: all .2s;
    background-color: #fff; }
    .input-icon .icon__wrapper i {
      width: 100%;
      height: 100%;
      position: absolute;
      background-position: center; }
    .input-icon .icon__wrapper:hover {
      background-color: #f2f2f2; }

/* RESPONSIVE STYLE */
/* (1024px belw)----------- */
@media only screen and (max-width: 1024px) {
  .sotr__calendar .main__calendar {
    margin: 0; }
    .sotr__calendar .main__calendar .calendar__header .calendar__header__time__cell {
      width: 70px; }
    .sotr__calendar .main__calendar .calendar__header .calendar__header__date {
      width: calc(100% - 70px); }
    .sotr__calendar .main__calendar .calendar__body .calendar__body__event {
      width: calc(100% - 70px); }
    .sotr__calendar .main__calendar .calendar__body .calendar__body__cell {
      height: 60px; }
      .sotr__calendar .main__calendar .calendar__body .calendar__body__cell .event__list .event__list__item {
        height: 15px; }
    .sotr__calendar .main__calendar .calendar__body .calendar__body__time__cell {
      width: 70px; }
  .sotr__calendar .calendar__control__input {
    width: 200px; } }

.romantic-dining .detail__transaction__status.status__paid:before {
  content: "";
  background-color: #44C7F4; }

.content__form {
  font-size: 11px;
  color: #627F8F;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .content__form .content__form__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 10px; }
    .content__form .content__form__row label {
      line-height: 20px; }
    .content__form .content__form__row .select2-container {
      min-width: 170px; }
    .content__form .content__form__row .select2-selection {
      height: 28px !important;
      border: 1px solid #adb2bf !important; }
      .content__form .content__form__row .select2-selection .select2-selection__rendered {
        line-height: 28px !important;
        font-size: 11px !important;
        color: #464646; }
      .content__form .content__form__row .select2-selection .select2-selection__arrow {
        height: 28px !important;
        right: 1px !important; }

/* TRANSACTION DETAIL STYLE */
.transaction__detail__wrapper {
  width: 1280px;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px; }
  .transaction__detail__wrapper .transaction__detail__left {
    width: 60%;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgba(159, 191, 203, 0.2);
    padding: 10px;
    background-color: #F6F8F9; }
    .transaction__detail__wrapper .transaction__detail__left .detail__column {
      width: 50%; }
  .transaction__detail__wrapper .transaction__detail__right {
    width: 39%;
    border: 1px solid rgba(159, 191, 203, 0.2);
    margin-left: 1%;
    padding: 10px;
    background-color: #F6F8F9; }
  .transaction__detail__wrapper .transaction__detail__row {
    line-height: 18px; }
  .transaction__detail__wrapper hr {
    border-color: rgba(74, 74, 74, 0.2);
    border-style: solid; }
  .transaction__detail__wrapper h5 {
    font-size: 15px;
    color: #627F8F;
    font-weight: normal;
    margin: 0 0 5px 0; }
  .transaction__detail__wrapper b {
    color: #a8a8a8;
    font-weight: normal; }
  .transaction__detail__wrapper i {
    font-style: normal; }
  .transaction__detail__wrapper ul {
    list-style-type: decimal;
    margin-left: 13px; }
    .transaction__detail__wrapper ul .custom__addon ul {
      list-style-type: none;
      margin-left: 0; }
      .transaction__detail__wrapper ul .custom__addon ul li:before {
        content: "-";
        margin-right: 5px; }

.waiting__detail__transaction {
  padding: 0px 15px 0 15px; }
  .waiting__detail__transaction .transaction__detail__left {
    border: none;
    background-color: inherit; }
  .waiting__detail__transaction .transaction__detail__right {
    border: none;
    background-color: inherit; }

/* END TRANSACTION DETAIL STYLE */
.detail__info.romantic__waiting__link {
  overflow: hidden;
  text-overflow: ellipsis;
  /* input[type="text"]{
      font-family: "Open Sans", sans-serif;
      border: none;
      padding: 0 3px;
      text-overflow: ellipsis;
      width: 300px;
      background-color: #F6F8F9;
    } */ }
  .detail__info.romantic__waiting__link span {
    background-color: #F6F8F9;
    padding: 0 3px;
    white-space: nowrap; }
  .detail__info.romantic__waiting__link input {
    width: 100%;
    border: 0;
    padding: 0 3px; }

.romantic__package .news__list .news__list__wrapper .news__list__detail .news__list__detail__middle-right .news__list__detail__middle .news__list__desc .news__desc .news__cat i {
  font-style: normal; }

.tax__info__message {
  font-size: 12px;
  color: #9B9B9B; }

#room-number-hotel .form--checkbox__wrapper {
  margin-top: 29px; }

/* STATUS TRANSACTION */
.detail__transaction__status {
  padding-left: 13px;
  position: relative; }
  .detail__transaction__status:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  .detail__transaction__status.status__waiting:before {
    content: "";
    background-color: #FFE183; }
  .detail__transaction__status.status__paid:before {
    content: "";
    background-color: #44C7F4; }
  .detail__transaction__status.status__cancelled:before {
    content: "";
    background-color: #F37373; }
  .detail__transaction__status.status__expired:before {
    content: "";
    background-color: #D5D5D5; }
  .detail__transaction__status.status__draft:before {
    content: "";
    background-color: #000000; }
  .detail__transaction__status.status__waiting__checkout:before {
    content: "";
    background-color: #B8E986; }

/* ADD MORE ADDON ROMANTIC DINING */
.form__add__more__wrapper .form__add__more__group .form__add__more {
  margin-bottom: 10px; }
  .form__add__more__wrapper .form__add__more__group .form__add__more .form__add__more__btn {
    width: 27px; }

.form__add__more__wrapper .form__add__more__group select {
  margin-right: 0; }

.form__add__more__wrapper #addonCustomHtml .form__add__more__btn {
  width: 23px; }

/* STYLE CARD ADDON ROMANTIC DINING */
.addon__list {
  width: 100%; }
  .addon__list .addon__list__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 2%;
    font-size: 14px;
    border-bottom: 1px solid #F6F8F9; }
  .addon__list .addon__list__title {
    margin-right: 10px;
    color: #4A4A4A; }
  .addon__list .addon__list__control {
    display: -ms-flexbox;
    display: flex; }
  .addon__list .addon__price {
    margin-right: 10px; }
    .addon__list .addon__price:before {
      content: "- IDR";
      margin-right: 5px; }

.addon__category {
  font-family: "harriet_regular";
  font-size: 18px; }
  .addon__category b {
    color: #a8a8a8;
    font-weight: normal; }
  .addon__category .content__edit__hover:hover {
    text-decoration: none; }
    .addon__category .content__edit__hover:hover b {
      color: #9FBFCB; }

/* STYLE WIZARD PRICE LIST ADDON ROMANTIC DINING AYANA */
.pricelist__wizard {
  display: -ms-flexbox;
  display: flex; }
  .pricelist__wizard .pricelist__wizard__item {
    width: 32.6%;
    height: 293px;
    margin-right: 1%;
    position: relative;
    background-color: #F8FAFB;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */ }
    .pricelist__wizard .pricelist__wizard__item:last-child {
      margin-right: 0; }

.wizard__content {
  width: 200px;
  height: 193px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto; }
  .wizard__content .wizard__image {
    position: relative;
    height: 90px;
    width: 90px;
    margin: 0px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    /* ICON */ }
    .wizard__content .wizard__image .wizard__image__step1 {
      height: 88px;
      width: 64px; }
    .wizard__content .wizard__image .wizard__image__step2 {
      height: 80px;
      width: 80px; }
    .wizard__content .wizard__image .wizard__image__step3 {
      height: 80px;
      width: 74px; }
    .wizard__content .wizard__image i {
      position: absolute;
      width: 80px;
      height: 80px; }
    .wizard__content .wizard__image .ico-pricelist-file {
      width: 64px;
      height: 82px;
      top: 0; }
    .wizard__content .wizard__image .ico-pricelist-upload {
      width: 39px;
      height: 39px;
      position: absolute;
      bottom: 7px;
      right: -10px; }
    .wizard__content .wizard__image .ico-pricelist-app {
      width: 74px;
      height: 74px; }
    .wizard__content .wizard__image .ico-pricelist-download {
      width: 39px;
      height: 39px;
      bottom: 0;
      right: -5px; }
  .wizard__content .wizard__desc {
    text-align: center; }
    .wizard__content .wizard__desc h5 {
      font-size: 18px;
      font-weight: normal;
      margin: 0;
      color: #627F8F;
      position: relative; }
    .wizard__content .wizard__desc p {
      margin: 5px 0;
      font-size: 11px;
      color: #9B9B9B;
      position: relative; }
  .wizard__content .wizard__action a {
    width: 98px;
    position: relative;
    margin: 10px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center; }

.pricelist__warning__message {
  font-size: 11px;
  color: #9B9B9B;
  letter-spacing: 0.3px; }

/* ADD NEW CATEGORY ADD ONS */
.addon__edit {
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px; }
  .addon__edit .btn__delete {
    position: relative;
    display: -ms-flexbox;
    display: flex; }
    .addon__edit .btn__delete .ico-delete {
      width: 15px;
      height: 18px;
      position: absolute;
      background: url(/cms/images/ico-delete.svg) no-repeat; }
    .addon__edit .btn__delete:hover .ico-delete {
      background: url(/cms/images/ico-delete-hover.svg) no-repeat; }

#htmlMoreAddon .added__html .addon__edit {
  margin-top: 0; }

/* STYLE COMPARISON TABLE ADDON ROMANTIC DINING AYANA */
.comparison__table__header .header__content {
  /* width: 317px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #F8FAFB;
  padding: 25px 0; }
  .comparison__table__header .header__content .header__content__image {
    width: 96px;
    height: 122px;
    position: relative;
    margin-right: 25px; }
    .comparison__table__header .header__content .header__content__image i {
      width: 64px;
      height: 82px;
      position: absolute; }
    .comparison__table__header .header__content .header__content__image .ico-pricelist-file-left {
      bottom: 0;
      right: 0;
      z-index: 2; }
    .comparison__table__header .header__content .header__content__image .ico-pricelist-file-right {
      z-index: 1; }
  .comparison__table__header .header__content .header__content__text {
    width: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center; }
    .comparison__table__header .header__content .header__content__text h5 {
      font-size: 18px;
      font-weight: normal;
      margin: 6px 0;
      color: #627F8F;
      position: relative; }
    .comparison__table__header .header__content .header__content__text p {
      font-size: 11px;
      margin: 0;
      color: #9B9B9B;
      position: relative; }

.comparison__table__content {
  margin-top: 15px; }
  .comparison__table__content .content__title {
    text-align: center;
    padding: 15px 0;
    background-color: #9FBFCB;
    color: #fff; }
    .comparison__table__content .content__title h5 {
      margin: 0;
      font-size: 20px;
      font-weight: normal; }
    .comparison__table__content .content__title p {
      margin: 3px 0px;
      font-size: 12px; }
  .comparison__table__content .content__table .table__style th {
    font-size: 18px;
    color: #587280; }
  .comparison__table__content .content__table .table__style td {
    font-size: 14px;
    color: #4A4A4A; }

.style__order2 {
  color: #a8a8a8; }
  .style__order2 .text-charcoal {
    color: #4A4A4A; }
  .style__order2 li {
    margin-bottom: 8px; }
  .style__order2 .d-block {
    display: block; }

/* ANIMATION ICON */
@keyframes ico-pricelist-download-in {
  0% {
    opacity: 0;
    bottom: 15px; }
  100% {
    opacity: 1;
    bottom: 0; } }

@keyframes ico-pricelist-file-in {
  0% {
    opacity: 0;
    top: 15px; }
  100% {
    opacity: 1;
    top: 0px; } }

@keyframes ico-pricelist-upload-in {
  0% {
    opacity: 0;
    bottom: -10px; }
  100% {
    opacity: 1;
    bottom: 7px; } }

@keyframes ico-pricelist-app-in {
  0% {
    opacity: 0;
    top: -15px; }
  100% {
    opacity: 1;
    top: 0px; } }

@keyframes ico-pricelist-file-left-in {
  0% {
    opacity: 0;
    right: -15px; }
  100% {
    opacity: 1;
    right: 0px; } }

@keyframes ico-pricelist-file-right-in {
  0% {
    opacity: 0;
    left: -15px; }
  100% {
    opacity: 1;
    left: 0px; } }

@keyframes ico-pricelist-pencil-in {
  0% {
    opacity: 0;
    right: -15px;
    top: -15px; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1;
    right: 5px;
    top: 0; } }

@keyframes ico-pricelist-ruler-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.ico-pricelist-download {
  animation: ico-pricelist-download-in 1.3s ease-out; }

.ico-pricelist-file {
  animation: ico-pricelist-file-in 1.3s ease-out; }

.ico-pricelist-file-left {
  animation: ico-pricelist-file-left-in 1.3s ease-out; }

.ico-pricelist-file-right {
  animation: ico-pricelist-file-right-in 1.3s ease-out; }

.ico-pricelist-upload {
  animation: ico-pricelist-upload-in 1.3s ease-out; }

.ico-pricelist-app {
  animation: ico-pricelist-app-in 1.3s ease-out; }

.ico-pricelist-pencil {
  opacity: 0;
  animation: ico-pricelist-ruler-in 1.9s ease-out .2s forwards; }

.ico-pricelist-ruler {
  opacity: 0;
  animation: ico-pricelist-ruler-in 1.9s ease-out .4s forwards; }

.wizard__desc h5 {
  animation: ico-pricelist-download-in 1.3s ease-out; }

.wizard__desc p {
  animation: ico-pricelist-file-in 1.3s ease-out; }

.header__content__text h5 {
  animation: ico-pricelist-download-in 1.3s ease-out; }

.header__content__text p {
  animation: ico-pricelist-file-in 1.3s ease-out; }

.btn-pricelist-download {
  animation: ico-pricelist-download-in 1.3s ease-out; }

.btn-pricelist-upload {
  animation: ico-pricelist-download-in 1.3s ease-out; }

/* CHECKBOX PRIVILEGE ROLE MANAGER */
.checkbox--privilege {
  padding-left: 21px; }
  .checkbox--privilege .form--checkbox__wrapper {
    display: inline-block;
    width: 279px;
    padding: 0 15px 5px 0;
    margin-right: 21px;
    vertical-align: top; }
    .checkbox--privilege .form--checkbox__wrapper .checkbox--input + .checkbox--label:before {
      content: '';
      transform: translateX(-21px);
      position: absolute;
      top: 5px; }
    .checkbox--privilege .form--checkbox__wrapper .checkbox--input:checked + .checkbox--label:after {
      content: "";
      left: 1px;
      top: 3px;
      margin: 0;
      transform: translateX(-21px); }

.offers__page .option__description {
  width: 338px; }

.offers__page .option__description__label {
  width: 381px; }

.offers__page .form__add__more__wrapper .form__add__more__group .form__add__more .form__add__more__btn {
  width: auto; }

.spa__page #html-duration-rate-en .create__form__row {
  opacity: 0;
  transition: all 0.4s ease-out; }
  .spa__page #html-duration-rate-en .create__form__row.show {
    opacity: 1; }

.spa__page #html-duration-rate-id .create__form__row {
  opacity: 0;
  transition: all 0.4s ease-out; }
  .spa__page #html-duration-rate-id .create__form__row.show {
    opacity: 1; }

.spa__page #html-duration-rate-zh .create__form__row {
  opacity: 0;
  transition: all 0.4s ease-out; }
  .spa__page #html-duration-rate-zh .create__form__row.show {
    opacity: 1; }

.spa__page #html-duration-rate-ja .create__form__row {
  opacity: 0;
  transition: all 0.4s ease-out; }
  .spa__page #html-duration-rate-ja .create__form__row.show {
    opacity: 1; }

.spa__page #html-duration-rate-ko .create__form__row {
  opacity: 0;
  transition: all 0.4s ease-out; }
  .spa__page #html-duration-rate-ko .create__form__row.show {
    opacity: 1; }

.spa__page .popup__mask .popup__wrapper .popup__layer {
  width: 500px; }

.rooms__page .list__drag__boxed {
  width: 230px; }
  .rooms__page .list__drag__boxed .list__drag__boxed__header {
    font-size: 12px;
    color: #627f8f;
    padding: 10px;
    background: #F3F4F6;
    border-bottom: 1px solid rgba(97, 127, 143, 0.3); }
  .rooms__page .list__drag__boxed ul {
    min-height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    background: #F3F4F6; }
    .rooms__page .list__drag__boxed ul li {
      position: relative; }
      .rooms__page .list__drag__boxed ul li .list__drag__boxed__item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 35px;
        margin-left: 10px; }
      .rooms__page .list__drag__boxed ul li .handle {
        position: absolute;
        right: 8px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 14px;
        height: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: move; }
        .rooms__page .list__drag__boxed ul li .handle .handle-bar1 {
          top: -3px; }
        .rooms__page .list__drag__boxed ul li .handle .handle-bar2, .rooms__page .list__drag__boxed ul li .handle .handle-bar1, .rooms__page .list__drag__boxed ul li .handle .handle-bar3 {
          width: 14px;
          height: 2px;
          background-color: #9B9B9B;
          display: block;
          position: relative; }
        .rooms__page .list__drag__boxed ul li .handle .handle-bar3 {
          bottom: -3px; }

.rooms-category-wizard .romcat__content__tab {
  display: none !important; }
  .rooms-category-wizard .romcat__content__tab.romcat__active__content {
    display: block !important;
    animation: fadeIn 2s; }

.meetings__page .venue__capacity__wrapper {
  margin-bottom: 10px; }

.lakodia-booking .t-w120 {
  width: 120px; }

.lakodia-booking .t-wrelative {
  width: calc(100% - 120px); }

.lakodia-booking .table__style .table__style__inner {
  width: 100%; }
  .lakodia-booking .table__style .table__style__inner tr:last-child td, .lakodia-booking .table__style .table__style__inner tr:last-child th {
    border-bottom: 0px;
    border-right: 0px; }
  .lakodia-booking .table__style .table__style__inner tr td {
    padding: 7px 12px; }

.lakodia-booking .booking-add-room-wrapper {
  margin-top: 5px; }
  .lakodia-booking .booking-add-room-wrapper .booking-add-room {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    padding: 15px;
    max-width: 500px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.06);
    margin-bottom: 10px;
    position: relative; }
    .lakodia-booking .booking-add-room-wrapper .booking-add-room .btn__add__more,
    .lakodia-booking .booking-add-room-wrapper .booking-add-room .btn__remove__more {
      position: absolute;
      right: 5px;
      top: 5px; }
      .lakodia-booking .booking-add-room-wrapper .booking-add-room .btn__add__more:after,
      .lakodia-booking .booking-add-room-wrapper .booking-add-room .btn__remove__more:after {
        top: -5px; }
    .lakodia-booking .booking-add-room-wrapper .booking-add-room .btn__remove__more:after {
      top: -6px; }
    .lakodia-booking .booking-add-room-wrapper .booking-add-room ul.booking-add-room-item li {
      border-top: 1px dashed #e2e2e2;
      padding: 7px 0 10px 15px;
      position: relative;
      color: #71828B; }
      .lakodia-booking .booking-add-room-wrapper .booking-add-room ul.booking-add-room-item li:before {
        content: '\2022';
        position: absolute;
        left: 0;
        top: 5px; }
      .lakodia-booking .booking-add-room-wrapper .booking-add-room ul.booking-add-room-item li h6 {
        font-size: 12px;
        margin: 0 0 5px;
        font-weight: normal; }
      .lakodia-booking .booking-add-room-wrapper .booking-add-room ul.booking-add-room-item li .new__form__field {
        margin-bottom: 0;
        margin-right: 15px;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        width: auto; }
        .lakodia-booking .booking-add-room-wrapper .booking-add-room ul.booking-add-room-item li .new__form__field label {
          margin-right: 5px; }

.lakodia-booking .detail-booking li {
  padding: 5px 0 0px 15px;
  position: relative;
  color: #71828B;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 10px; }
  .lakodia-booking .detail-booking li:before {
    content: '\2022';
    position: absolute;
    left: 0;
    top: 3px; }
  .lakodia-booking .detail-booking li:last-child {
    border-bottom: 0; }
  .lakodia-booking .detail-booking li h6 {
    font-size: 12px;
    margin: 0 0 10px;
    font-weight: normal;
    padding-bottom: 7px;
    border-bottom: 1px dotted #e2e2e2; }
  .lakodia-booking .detail-booking li .new__form__field {
    margin-bottom: 10px;
    margin-right: 15px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    width: auto; }
    .lakodia-booking .detail-booking li .new__form__field label {
      margin-right: 5px;
      width: 80px; }

.button-map-lakodia {
  color: #71828b;
  font-size: 12px;
  position: relative;
  line-height: 21px;
  background-color: transparent;
  border: 0;
  outline: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background-color: #9fbfcb;
  border-radius: 3px;
  margin-left: 10px;
  transition: .3s ease; }
  .button-map-lakodia:hover {
    background-color: #8eb4c2; }
  .button-map-lakodia i.map-marked-alt {
    background-image: url(/cms/images/map-marked-alt.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px; }

.data-coordinate-map .new__form__field {
  width: 115px; }
  .data-coordinate-map .new__form__field .disabled {
    pointer-events: none;
    background-color: rgba(246, 246, 246, 0.5); }

.show-map .popupContainer {
  position: relative;
  z-index: 11;
  overflow: hidden; }

.show-map .map-lakodia.popup-wrapper {
  display: -ms-flexbox;
  display: flex; }

.map-lakodia.popup-wrapper {
  position: fixed;
  z-index: 99;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0;
  background-color: white;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .map-lakodia.popup-wrapper .popup-container {
    background-color: #fff;
    position: relative;
    overflow: hidden; }
    .map-lakodia.popup-wrapper .popup-container .container-inner {
      width: 1280px;
      height: 100%;
      margin: auto;
      position: relative;
      left: 0;
      top: 0; }
    .map-lakodia.popup-wrapper .popup-container .img-map {
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      width: 1280px;
      display: block;
      -webkit-user-select: none;
      /* Safari */
      -ms-user-select: none;
      /* IE 10+ and Edge */
      user-select: none;
      /* Standard syntax */ }
      .map-lakodia.popup-wrapper .popup-container .img-map img {
        width: 100%; }
    .map-lakodia.popup-wrapper .popup-container .map-area {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1; }
    .map-lakodia.popup-wrapper .popup-container svg {
      position: relative;
      z-index: 1; }
    .map-lakodia.popup-wrapper .popup-container .marker-container {
      height: 100%;
      width: 1280px;
      position: absolute;
      top: 0;
      left: 0; }
      .map-lakodia.popup-wrapper .popup-container .marker-container .marker {
        left: -1px;
        top: -1px;
        width: 22px;
        height: 32px;
        background-image: url(/bin/images/icons/resort-map-marker-red.svg);
        position: absolute;
        z-index: 2;
        transform: translate(-10px, -30px);
        animation: bounceIn .3s ease-out; }
  .map-lakodia.popup-wrapper .button-close-map-lakodia {
    width: 44px;
    height: 44px;
    background-color: #9fbfcb;
    position: absolute;
    top: 32px;
    right: 32px;
    border: 0;
    outline: 0;
    z-index: 3;
    transition: .3s ease;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .map-lakodia.popup-wrapper .button-close-map-lakodia:hover {
      background-color: #8eb4c2; }

.editor-destination-blog {
  width: 780px; }

.selectric-wrapper .selectric {
  background: #FFFFFF;
  border: 1px solid #adb2bf; }
  .selectric-wrapper .selectric .label {
    font-size: 12px;
    color: #4A4A4A; }
  .selectric-wrapper .selectric .button:after {
    content: "";
    background: url(../images/logo-arrow.png) no-repeat !important;
    width: 12px;
    height: 7px;
    border: none;
    left: 5px; }

.selectric-wrapper .selectric-items {
  background: #FFFFFF;
  transform: translateY(-20px); }
  .selectric-wrapper .selectric-items li {
    padding: 8px 15px;
    color: #5b6581; }

.selectric-open .selectric-items {
  margin: 10px 0px;
  transform: translateY(0);
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.header__status__dropdown .selectric-wrapper .selectric {
  border: 1px solid #9FBFCB; }
  .header__status__dropdown .selectric-wrapper .selectric .label {
    line-height: 35px;
    height: 35px;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    color: #627F8F;
    font-weight: bold;
    margin: 0 38px 0 15px; }
  .header__status__dropdown .selectric-wrapper .selectric .button {
    height: 35px; }
    .header__status__dropdown .selectric-wrapper .selectric .button:after {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      top: 50%;
      margin-top: -3px;
      border-width: 6px 6px 0 6px;
      border-style: solid;
      border-color: #202e4c transparent;
      background: none; }

.header__status__dropdown .selectric-wrapper .selectric-items li {
  font-family: "Open Sans", sans-serif;
  color: #627F8F;
  font-size: 12px; }
  .header__status__dropdown .selectric-wrapper .selectric-items li.selected {
    background-color: inherit; }
  .header__status__dropdown .selectric-wrapper .selectric-items li:hover {
    background-color: #F3F4F6; }

/* ------- Dropdown header bar -------- */
.header__title__dropdown .selectric-wrapper {
  margin-left: 25px; }
  .header__title__dropdown .selectric-wrapper .selectric {
    border: none;
    background: none;
    width: 250px; }
    .header__title__dropdown .selectric-wrapper .selectric .label {
      font-family: "harriet_regular";
      margin: 0;
      line-height: 2;
      height: auto;
      font-size: 22px;
      text-transform: uppercase; }
    .header__title__dropdown .selectric-wrapper .selectric .button {
      display: none !important; }
  .header__title__dropdown .selectric-wrapper.selectric-hover .label {
    color: #19243C; }
  .header__title__dropdown .selectric-wrapper .selectric-items li {
    font-family: "Open Sans", sans-serif;
    color: rgba(32, 46, 76, 0.5);
    font-weight: 600;
    font-size: 13px;
    padding: 5px 15px; }
    .header__title__dropdown .selectric-wrapper .selectric-items li.selected {
      color: #9B9B9B;
      background: #ffffff; }
    .header__title__dropdown .selectric-wrapper .selectric-items li:hover {
      background: #ffffff; }

.header__title__dropdown .selectric-open .selectric-items {
  border-radius: 5px;
  border: 1px solid #adb2bf;
  margin: 1px 0px; }
  .header__title__dropdown .selectric-open .selectric-items .selectric-scroll {
    border-radius: 5px; }
  .header__title__dropdown .selectric-open .selectric-items:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 12px;
    width: 0px;
    height: 0px;
    margin-top: 4px;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent; }
  .header__title__dropdown .selectric-open .selectric-items:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 12px;
    width: 0px;
    height: 0px;
    margin-top: 3px;
    border-bottom: 6px solid #adadbf;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent; }

/* ---------------------------------- */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 100% !important; }

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-search--inline {
  float: left; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block;
  border-radius: 3px; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  font-size: 12px;
  color: #9B9B9B; }

.select2-results__option[aria-selected] {
  cursor: pointer;
  font-size: 12px;
  color: #9B9B9B; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-top: -5px;
  border: 1px solid #aaa; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 5px;
  border: 1px solid #dbdbdb; }

.application__filter__wrapper .select2-container--open .select2-dropdown--below {
  border-radius: 4px; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.application__filter__wrapper .select2-container--default .select2-selection--single {
  border-radius: 4px;
  height: 34px; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  height: 32px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 31px;
  font-size: 12px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 30px;
  position: absolute;
  top: 1px;
  width: 20px;
  right: 5px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #9FBFCB transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #9FBFCB transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  font-size: 12px; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #F3F4F6; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #627F8F;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.wc-header {
  background: #fff !important;
  border-color: #F3F4F6 !important;
  border-width: 1px !important;
  border-style: solid !important; }
  .wc-header .wc-day-column-header {
    text-align: left !important;
    border-width: 0 0 1px 1px !important;
    font-size: 20px;
    color: #4A4A4A; }
    .wc-header .wc-day-column-header.wc-today {
      background: #9FBFCB;
      color: #fff; }
      .wc-header .wc-day-column-header.wc-today .day__name {
        color: rgba(255, 255, 255, 0.5); }
  .wc-header .wc-time-column-header {
    width: 79px !important; }

.wc-hour-end {
  border-bottom: 1px solid #F3F4F6 !important; }

.wc-hour-header {
  border-bottom: 1px solid #F3F4F6 !important;
  border-left: 1px solid #F3F4F6 !important;
  color: #4A4A4A !important; }

.wc-grid-timeslot-header {
  background: #fff !important;
  width: 80px !important; }

.wc-time-header-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  color: #4A4A4A; }

.wc-time-column-header {
  border-right: 1px solid #F3F4F6 !important; }

.wc-scrollable-grid .wc-day-column {
  border-color: #F3F4F6 !important;
  border-width: 0 0 0 1px !important;
  border-style: solid !important; }

.day__name {
  color: rgba(74, 74, 74, 0.3);
  font-size: 12px;
  text-transform: uppercase; }

.sm {
  font-size: 14px;
  position: relative;
  top: 2px; }

.wc-time-slots:after {
  content: "";
  height: 100%;
  width: 1px;
  background: #F3F4F6;
  position: absolute;
  right: 0;
  top: 0; }

.wc-toolbar {
  padding: 15px 0 40px 0 !important; }
  .wc-toolbar .wc-nav {
    display: none; }
  .wc-toolbar .wc-title {
    font-family: "harriet_regular";
    font-size: 24px;
    letter-spacing: 0.67px; }

.wc-cal-event {
  border-radius: 4px; }

.datepicker {
  border-radius: 0 !important; }

.datepicker--nav {
  border-bottom: none !important;
  margin: 15px 10px 0px 10px;
  padding: 0 !important; }

.datepicker--pointer {
  display: none !important; }

.datepicker--nav-title {
  text-transform: uppercase;
  color: #9FBFCB; }
  .datepicker--nav-title i {
    color: inherit !important; }

.datepicker--nav-action svg path {
  fill: none;
  stroke: #9FBFCB; }

.datepicker--day-name {
  color: #9FBFCB !important; }

.datepicker--content {
  padding: 0 !important;
  margin: 20px; }

.datepicker--cell-day {
  border-radius: 100% !important;
  height: 29px !important; }
  .datepicker--cell-day.-focus- {
    background: #44C7F4 !important;
    color: #fff !important; }
  .datepicker--cell-day.-disabled-.-focus- {
    background: #ffffff !important;
    color: #aeaeae !important; }

.datepicker--cell-month, .datepicker--cell-year {
  color: #4A4A4A; }
  .datepicker--cell-month.-focus-, .datepicker--cell-year.-focus- {
    background: #44C7F4 !important;
    color: #fff !important; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  visibility: hidden; }

/* .datepicker--cell.-current-{
	cursor: default;
	pointer-events: none;
} */
.mCSB_inside > .mCSB_container {
  margin-right: 0 !important; }

.mCSB_scrollTools {
  width: 3px !important; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15) !important; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2) !important; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.3) !important; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2) !important; }

.text-primary {
  color: #44C7F4 !important; }

.clockpicker-canvas, .clockpicker-dial {
  font-size: 14px; }

.popover > .arrow, .popover > .arrow:after {
  display: none !important; }

.clockpicker-svg line {
  stroke: #44C7F4 !important; }

.clockpicker-svg .clockpicker-canvas-bearing, .clockpicker-svg .clockpicker-canvas-fg {
  fill: #44C7F4 !important; }

.clockpicker-svg .clockpicker-canvas-bg {
  fill: #d5f2fd !important; }

/*
   Spezific styling for salvattore
   Feel free to edit it as you like
   More info at http://salvattore.com
 */
.salvattore .card__list__layer {
  width: initial !important; }

/* Base styles */
.column {
  float: left; }

.size-1of3 {
  width: 33.333%; }

.size-1of2 {
  width: 50%; }

/* Configurate salvattore with media queries */
@media screen and (max-width: 1500px) {
  .salvattore[data-columns]::before {
    content: '2 .column.size-1of2'; } }

@media screen and (min-width: 1501px) {
  .salvattore[data-columns]::before {
    content: '3 .column.size-1of3'; } }