/*!=============================================================
            Frontend by ZOHEB DAUVA(zohebdauva@gmail.com)
=============================================================*/
/*!==========================================================================================================================
 zzzzzzzzz  ooooooooo  hh     hh  eeeeeeee  bbbbbbbb      ddddddd       aa      uu     uu  vv      vv     aa
      zzz   oo     oo  hh     hh  ee        bb     bb     dd    dd     aaaa     uu     uu   vv    vv     aaaa
    zzz     oo     oo  hhhhhhhhh  eeeeeeee  bbbbbbbb      dd    dd    aa  aa    uu     uu    vv  vv     aa  aa
  zzz       oo     oo  hh     hh  ee        bb     bb     dd    dd   aaaaaaaa   uu     uu     vvvv     aaaaaaaa
 zzzzzzzzz  ooooooooo  hh     hh  eeeeeeee  bbbbbbbb      ddddddd   aa      aa   uuuuuuu       vv     aa      aa
==========================================================================================================================*/
/* @font-face {font-family: 'Lato';src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Lato-Light.woff') format('woff'), url('fonts/Lato-Light.ttf')  format('truetype'), url('fonts/Lato-Light.svg#Lato-Light') format('svg');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Lato';src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Lato-Regular.woff') format('woff'), url('fonts/Lato-Regular.ttf')  format('truetype'), url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');font-weight: 400;font-style: normal;}
@font-face {font-family: 'Lato';src: url('fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/Lato-Medium.woff') format('woff'), url('fonts/Lato-Medium.ttf')  format('truetype'), url('fonts/Lato-Medium.svg#Lato-Medium') format('svg');font-weight: 500;font-style: normal;}
@font-face {font-family: 'Lato';src: url('fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),  url('fonts/Lato-Semibold.woff') format('woff'), url('fonts/Lato-Semibold.ttf')  format('truetype'), url('fonts/Lato-Semibold.svg#Lato-Semibold') format('svg');font-weight: 600;font-style: normal;}
@font-face {font-family: 'Lato';src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Lato-Bold.woff') format('woff'), url('fonts/Lato-Bold.ttf')  format('truetype'), url('fonts/Lato-Bold.svg#Lato-Bold') format('svg');font-weight: 700;font-style: normal;}
@font-face {font-family: 'Lato';src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/Lato-Black.woff') format('woff'), url('fonts/Lato-Black.ttf')  format('truetype'), url('fonts/Lato-Black.svg#Lato-Black') format('svg');font-weight: 800;font-style: normal;}
 */
@import url("https://fonts.googleapis.com/css?family=Yantramanav:300,400,500,700,900");
/* normalize-scss 3.0.0-alpha.2+normalize.3.0.0 | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Base
   ========================================================================== */
/**
 * Establish a vertical rhythm unit using $base-font-size, $base-line-height,
 * and $rhythm-unit variables. Also, correct text resizing oddly in IE 6/7 when
 * body `font-size` is set using `em` units.
 */
/* line 106, C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 100%;
  line-height: 1.5em;
}

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 80, ../sass/partials/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 90, ../sass/partials/_normalize.scss */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9. Correct `block` display
 * not defined on `summary` and `details` in IE and Firefox and on `main` in IE.
 */
/* line 99, ../sass/partials/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
/* line 117, ../sass/partials/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  *display: inline;
  *zoom: 1;
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 134, ../sass/partials/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 */
/* line 142, ../sass/partials/_normalize.scss */
[hidden] {
  display: none;
}

/**
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* line 149, ../sass/partials/_normalize.scss */
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 158, ../sass/partials/_normalize.scss */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 165, ../sass/partials/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE, Safari 5, and Chrome.
 */
/* line 174, ../sass/partials/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 180, ../sass/partials/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Set 1 unit of vertical rhythm on the top and bottom margin.
 */
/* line 188, ../sass/partials/_normalize.scss */
blockquote {
  margin: 1.5em 40px;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
/* line 195, ../sass/partials/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 208, ../sass/partials/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 215, ../sass/partials/_normalize.scss */
h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2em;
  line-height: 1.5em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

/* line 228, ../sass/partials/_normalize.scss */
h2 {
  font-size: 1.5em;
  line-height: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 233, ../sass/partials/_normalize.scss */
h3 {
  font-size: 1.17em;
  line-height: 1.28205em;
  margin-top: 1.28205em;
  margin-bottom: 1.28205em;
}

/* line 238, ../sass/partials/_normalize.scss */
h4 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/* line 243, ../sass/partials/_normalize.scss */
h5 {
  font-size: 0.83em;
  line-height: 1.80723em;
  margin-top: 1.80723em;
  margin-bottom: 1.80723em;
}

/* line 248, ../sass/partials/_normalize.scss */
h6 {
  font-size: 0.67em;
  line-height: 2.23881em;
  margin-top: 2.23881em;
  margin-bottom: 2.23881em;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 258, ../sass/partials/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Set 1 unit of vertical rhythm on the top and bottom margin.
 */
/* line 267, ../sass/partials/_normalize.scss */
p,
pre {
  margin: 1.5em 0;
}

/**
 * Contain overflow in all browsers.
 */
/* line 275, ../sass/partials/_normalize.scss */
pre {
  overflow: auto;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 281, ../sass/partials/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 287, ../sass/partials/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 294, ../sass/partials/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 297, ../sass/partials/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
/* line 306, ../sass/partials/_normalize.scss */
dl,
menu,
ol,
ul {
  margin: 1.5em 0;
}

/* line 321, ../sass/partials/_normalize.scss */
dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
/* line 327, ../sass/partials/_normalize.scss */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
/* line 337, ../sass/partials/_normalize.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
/* line 349, ../sass/partials/_normalize.scss */
img {
  border: 0;
  /* Improve image quality when scaled in IE 7. */
  -ms-interpolation-mode: bicubic;
}

/**
 * Correct overflow displayed in IE.
 */
/* line 360, ../sass/partials/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 369, ../sass/partials/_normalize.scss */
figure {
  margin: 1.5em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 376, ../sass/partials/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
/* line 390, ../sass/partials/_normalize.scss */
form {
  margin: 0;
}

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Address `font-family` inconsistency between `textarea` and other form in IE 7
 * 5. Improve appearance and consistency with IE 6/7.
 */
/* line 402, ../sass/partials/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
  *font-family: sans-serif;
  /* 4 */
  *vertical-align: middle;
  /* 5 */
}

/**
 * Address `overflow` set to `hidden` in IE.
 */
/* line 418, ../sass/partials/_normalize.scss */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
/* line 427, ../sass/partials/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
/* line 440, ../sass/partials/_normalize.scss */
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.
 */
/* line 453, ../sass/partials/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 460, ../sass/partials/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 469, ../sass/partials/_normalize.scss */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
/* line 482, ../sass/partials/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
/* line 497, ../sass/partials/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 506, ../sass/partials/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
  /**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
}
/* line 514, ../sass/partials/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
/* line 522, ../sass/partials/_normalize.scss */
fieldset {
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-color: #c0c0c0;
  border-top-width: 0.0625em;
  border-top-style: solid;
  padding-top: 0.4625em;
  border-bottom-width: 0.0625em;
  border-bottom-style: solid;
  padding-bottom: 0.9125em;
  border-left-width: 0.0625em;
  border-left-style: solid;
  padding-left: 0.875em;
  border-right-width: 0.0625em;
  border-right-style: solid;
  padding-right: 0.875em;
}

/**
 * 1. Correct `color` not being inherited in IE.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
/* line 536, ../sass/partials/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * Remove default vertical scrollbar in IE.
 */
/* line 548, ../sass/partials/_normalize.scss */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
/* line 555, ../sass/partials/_normalize.scss */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 563, ../sass/partials/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 567, ../sass/partials/_normalize.scss */
td,
th {
  padding: 0;
}

/*=============================================================
        SORTABLE START
=============================================================*/
/* line 24, ../sass/style.scss */
.sortable-ghost {
  opacity: .4;
}

/* line 25, ../sass/style.scss */
.taskmainlist > li.sortable-ghost .user_info_wrap *, .taskmainlist > li .sortable-ghost .task_wrap * {
  cursor: move !important;
}

/* line 26, ../sass/style.scss */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* line 27, ../sass/style.scss */
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

/* line 28, ../sass/style.scss */
::-webkit-scrollbar-thumb:vertical {
  height: 30px;
  background-color: #ccc;
  border-radius: 10px;
  opacity: .5;
}

/* line 29, ../sass/style.scss */
::-webkit-scrollbar-thumb:vertical:hover {
  height: 30px;
  background-color: #bbb;
  opacity: .7;
}

/* line 30, ../sass/style.scss */
::-webkit-scrollbar-thumb:horizontal {
  height: 8px;
  background-color: #ccc;
  border-radius: 10px;
  opacity: .5;
}

/* line 31, ../sass/style.scss */
::-webkit-scrollbar-thumb:horizontal:hover {
  height: 8px;
  background-color: #bbb;
  opacity: .7;
}

/* ::-moz-vertical-scrollbar {width: 8px;height: 15px;}
::-moz-vertical-scrollbar-track-piece {background-color: #ccc;}
::-moz-vertical-scrollbar-thumb:vertical {height: 30px;background-color: #951f0b;}
::-moz-horizontal-scrollbar {width: 8px;height: 15px;}
::-moz-horizontal-scrollbar-track-piece {background-color: #ccc;}
::-moz-horizontal-scrollbar-thumb:horizontal {height: 30px;background-color: #951f0b;} */
/*!========================================================
+++			Basic Styling
========================================================*/
/* line 42, ../sass/style.scss */
html {
  height: 100%;
  min-width: 1000px;
}

/* line 43, ../sass/style.scss */
body {
  background: #f5f5f5 url(../images/innerbg.jpg) repeat center center/cover;
  margin: 0;
  padding: 55px 0px 0px;
  border: 0;
  font-family: 'Yantramanav', sans-serif;
  font-weight: 400;
  position: relative;
  height: 100%;
  min-width: 1000px;
  overflow: hidden;
}

/* line 44, ../sass/style.scss */
a:focus, a:visited, a:active, a:hover {
  text-decoration: none;
  color: #333;
}

/* line 45, ../sass/style.scss */
a:hover, a {
  text-decoration: none;
  color: #333;
}

/* line 46, ../sass/style.scss */
.btn, .btn:focus, .btn:visited, .btn:active {
  outline: none;
  position: relative;
  padding: 7px 10px;
  background: transparent;
  border: 2px solid #ccc;
  font-size: 14px;
  line-height: 17px;
  font-weight: normal;
  color: #333;
  height: 35px;
  border-radius: 5px;
  min-width: 85px;
  display: inline-block;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  opacity: .8;
  text-transform: uppercase;
  text-align: center;
}
/* line 47, ../sass/style.scss */
.btn:after, .btn:focus:after, .btn:visited:after, .btn:active:after {
  position: absolute;
  right: 20px;
  top: 0px;
  line-height: 38px;
  content: "\f105";
  display: none;
  font-size: 23px;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
/* line 48, ../sass/style.scss */
.btn:hover, .btn:focus:hover, .btn:visited:hover, .btn:active:hover {
  opacity: 1;
  color: #fff;
  background: #ccc;
  border: 2px solid #ccc;
  font-weight: normal;
}
/* line 49, ../sass/style.scss */
.btn:hover:after, .btn:focus:hover:after, .btn:visited:hover:after, .btn:active:hover:after {
  right: 10px;
}
/* line 51, ../sass/style.scss */
.btn.btnsm, .btn:focus.btnsm, .btn:visited.btnsm, .btn:active.btnsm {
  height: 24px;
  padding: 5px;
  font-size: 13px;
  line-height: 12px;
}
/* line 52, ../sass/style.scss */
.btn.blue, .btn:focus.blue, .btn:visited.blue, .btn:active.blue {
  color: #4d88fe;
  background: #fff;
  border: 2px solid #4d88fe;
}
/* line 53, ../sass/style.scss */
.btn.blue:hover, .btn:focus.blue:hover, .btn:visited.blue:hover, .btn:active.blue:hover {
  color: #fff;
  background: #4d88fe;
  border: 2px solid #4d88fe;
}
/* line 55, ../sass/style.scss */
.btn.bluefull, .btn:focus.bluefull, .btn:visited.bluefull, .btn:active.bluefull {
  color: #fff;
  background: #4d88fe;
  border: 2px solid #4d88fe;
}
/* line 56, ../sass/style.scss */
.btn.blockbtn, .btn:focus.blockbtn, .btn:visited.blockbtn, .btn:active.blockbtn {
  width: 100%;
  display: block;
}

/* line 59, ../sass/style.scss */
.iconsvg svg {
  fill: #333;
}

/* line 61, ../sass/style.scss */
.form-group {
  margin-bottom: 5px;
}
/* line 63, ../sass/style.scss */
.form-group > label {
  font-size: 12px;
  line-height: 12px;
  color: #101028;
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}
/* line 64, ../sass/style.scss */
.form-group input.form-control {
  font-size: 14px;
  background: #fff;
  border: 1px solid #eaebef;
  color: #333;
  height: 33px;
  padding: 5px 10px;
  line-height: 31px;
  width: 100%;
  border-radius: 3px;
}
/* line 66, ../sass/style.scss */
.form-group input.form-control[disabled] {
  background: #eeecef;
}
/* line 67, ../sass/style.scss */
.form-group input.form-control:focus {
  outline: none;
}
/* line 68, ../sass/style.scss */
.form-group input.form-control.errorfield {
  border-color: #f00;
}
/* line 70, ../sass/style.scss */
.form-group select.form-control {
  font-size: 14px;
  background: #fff;
  border: 1px solid #d9d9d9;
  color: #333;
  padding: 10px;
  line-height: 18px;
  width: 100%;
}
/* line 72, ../sass/style.scss */
.form-group select.form-control:focus {
  outline: none;
}
/* line 73, ../sass/style.scss */
.form-group select.form-control.errorfield {
  border-color: #f00;
}
/* line 75, ../sass/style.scss */
.form-group textarea.form-control {
  resize: none;
  font-size: 13px;
  background: #fff;
  border: 1px solid #d9d9d9;
  color: #333;
  padding: 10px;
  line-height: 18px;
  width: 100%;
}
/* line 77, ../sass/style.scss */
.form-group textarea.form-control:focus {
  outline: none;
}
/* line 78, ../sass/style.scss */
.form-group textarea.form-control.errorfield {
  border-color: #f00;
}

/* line 81, ../sass/style.scss */
ul, ol {
  padding: 0;
  list-style: none;
  margin: 0px;
}

/* line 82, ../sass/style.scss */
::-webkit-input-placeholder {
  color: #cbccd0;
}

/* line 83, ../sass/style.scss */
:-moz-placeholder {
  color: #cbccd0;
}

/* line 84, ../sass/style.scss */
::-moz-placeholder {
  color: #cbccd0;
}

/* line 85, ../sass/style.scss */
:-ms-input-placeholder {
  color: #cbccd0;
}

/* line 86, ../sass/style.scss */
.nofloting {
  overflow: hidden;
  height: 100%;
  opacity: 0;
}

/* line 87, ../sass/style.scss */
#pageloaderdefault {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  cursor: wait;
  z-index: 99;
}
/* line 89, ../sass/style.scss */
#pageloaderdefault.smallscreen {
  z-index: 9;
  background: rgba(255, 255, 255, 0.8);
}
/* line 90, ../sass/style.scss */
#pageloaderdefault:before {
  content: 'Loading please wait . . . ';
  position: absolute;
  left: 50%;
  top: 50%;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  width: 128px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  margin-left: -70px;
  overflow: hidden;
  -webkit-animation-name: aniwidth;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-name: aniwidth;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

/* line 92, ../sass/style.scss */
.loaderneeded {
  position: relative;
}
/* line 94, ../sass/style.scss */
.loaderneeded:after {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 5;
  content: '';
  background-color: #fff;
  opacity: .95;
}
/* line 95, ../sass/style.scss */
.loaderneeded:before {
  content: 'Loading please wait . . . ';
  /*content: '';*/
  z-index: 6;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  width: 128px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  margin-left: -70px;
  overflow: hidden;
  -webkit-animation-name: aniwidth;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-name: aniwidth;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

@-webkit-keyframes aniwidth {
  0% {
    width: 146px;
  }
  10% {
    width: 153px;
  }
  30% {
    width: 160px;
  }
  50% {
    width: 167px;
  }
  60% {
    width: 167px;
  }
  80% {
    width: 160px;
  }
  100% {
    width: 153px;
  }
}
@keyframes aniwidth {
  0% {
    width: 146px;
  }
  10% {
    width: 153px;
  }
  30% {
    width: 160px;
  }
  50% {
    width: 167px;
  }
  60% {
    width: 167px;
  }
  80% {
    width: 160px;
  }
  100% {
    width: 153px;
  }
}
/*ANIMATION*/
@-webkit-keyframes lspin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes lspin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* line 103, ../sass/style.scss */
.floatleft {
  float: left;
}

/* line 104, ../sass/style.scss */
.floatright {
  float: right;
}

/* line 105, ../sass/style.scss */
.aligncenter {
  text-align: center;
}

/* line 106, ../sass/style.scss */
.alignright {
  text-align: right;
}

/* line 107, ../sass/style.scss */
h1 {
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  margin: 0px 0px 30px;
}

/* line 108, ../sass/style.scss */
h3 {
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  margin: 0px 0px 15px;
}

/* line 109, ../sass/style.scss */
h4 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  margin: 0px 0px 15px;
}

/* line 110, ../sass/style.scss */
h6 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0px 0px 10px;
  text-transform: uppercase;
}

/* line 111, ../sass/style.scss */
p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-top: 0px;
}

/*!========================================================
+++			AUTOCOMPLETE
========================================================*/
/* line 115, ../sass/style.scss */
.autocomplete-suggestions {
  text-align: left;
  cursor: default;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.1) ;
  box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.1) ;
  position: absolute;
  display: none;
  z-index: 9999;
  max-height: 254px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

/* line 116, ../sass/style.scss */
.autocomplete-suggestion {
  position: relative;
  padding: 0 .6em;
  line-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.02em;
  color: #333;
}
/* line 117, ../sass/style.scss */
.autocomplete-suggestion b {
  font-weight: normal;
  color: #1f8dd6;
}
/* line 118, ../sass/style.scss */
.autocomplete-suggestion.selected {
  background: #f0f0f0;
}

/* line 120, ../sass/style.scss */
.autocomplete-items {
  width: 250px;
  z-index: 3;
  background: #fff;
  max-height: 200px;
  border: 1px solid #d9d9d9;
  border-top: 0px;
}
/* line 122, ../sass/style.scss */
.autocomplete-items div {
  margin: 5px;
}
/* line 124, ../sass/style.scss */
.autocomplete-items div.autocomplete-active, .autocomplete-items div:hover {
  background: #e4e9ef;
}

/*!========================================================
+++			LOGIN CSS
========================================================*/
/* line 130, ../sass/style.scss */
body.loginpagebody {
  padding-top: 0px;
  background: #e9ecf3;
}

/* line 131, ../sass/style.scss */
:-webkit-autofill {
  background-color: #ffffff !important;
}

/* line 132, ../sass/style.scss */
::-webkit-autofill, :-moz-autofill, ::-moz-autofill, :-ms-autofill {
  background-color: #ffffff;
}

/* line 133, ../sass/style.scss */
.loginwrap {
  width: 100%;
  height: 100%;
  background: #e9ecf3 url(../images/loginbg.jpg) no-repeat center center fixed/cover;
  padding: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
}
/* line 135, ../sass/style.scss */
.loginwrap .logindivwrap {
  max-width: 405px;
  width: 100%;
  margin: 0px auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
/* line 136, ../sass/style.scss */
.loginwrap .logindivwrap h3 {
  color: #a9aaae;
  text-align: center;
  margin: 0px 0px 25px;
  font-weight: 600;
}
/* line 138, ../sass/style.scss */
.loginwrap .login {
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.12) ;
  -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.12) ;
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.12) ;
  background: #fff;
  padding: 70px 35px;
}
/* line 139, ../sass/style.scss */
.loginwrap .login .loginforminner {
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.29) ;
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.29) ;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.29) ;
  width: 519px;
  margin: 0px auto;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -260px;
  margin-top: -180px;
  padding: 40px;
}
/* line 140, ../sass/style.scss */
.loginwrap .login .logowrap {
  margin: 0px auto 30px;
  text-align: center;
  width: 150px;
}
/* line 141, ../sass/style.scss */
.loginwrap .login .logowrap img {
  width: 100%;
}
/* line 145, ../sass/style.scss */
.loginwrap .uniform .form-group {
  position: relative;
  padding-top: 17px;
}
/* line 146, ../sass/style.scss */
.loginwrap .uniform .form-group.errorForm input {
  border: #f00;
}
/* line 148, ../sass/style.scss */
.loginwrap .uniform input {
  background: #edeff0;
  border: 1px solid #e1e4e5;
  padding: 10px 15px;
  box-shadow: none;
  border-radius: 5px;
  font-size: 16px;
  line-height: 13px;
  position: relative;
  z-index: 2;
}
/* line 150, ../sass/style.scss */
.loginwrap .registerwrap {
  margin: 10px 0px 20px 15px;
}
/* line 151, ../sass/style.scss */
.loginwrap .loginanchor {
  font-size: 12px;
  line-height: 14px;
  color: #555555;
  display: inline-block;
  margin: 5px 0px 10px;
  font-weight: 600;
}

/* line 153, ../sass/style.scss */
#loginbthn {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 600px) {
  /* line 155, ../sass/style.scss */
  .loginwrap .login {
    padding: 20px 15px;
  }
}
@media only screen and (max-width: 600px) {
  /* line 158, ../sass/style.scss */
  .loginwrap .login {
    margin-top: 0;
    top: 50px;
  }
}
/* line 160, ../sass/style.scss */
.loginpagebody #taskeditablewrap {
  display: none;
}

/* line 161, ../sass/style.scss */
.loginpagebody .priorityindicationmainwrao {
  display: none;
}

/*========================================================
            NOTIFICATION
========================================================*/
/* line 165, ../sass/style.scss */
.notifytoast {
  max-width: 350px;
  width: 100%;
  position: fixed;
  right: -350px;
  opacity: 0;
  bottom: 10px;
  z-index: 9999;
  background: #fff;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
  padding: 10px 10px 10px 10px;
}
/* line 166, ../sass/style.scss */
.notifytoast .inner {
  display: block;
  position: relative;
  padding-left: 80px;
  min-height: 60px;
  line-height: 60px;
}
/* line 167, ../sass/style.scss */
.notifytoast .inner .img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
/* line 168, ../sass/style.scss */
.notifytoast .inner .img img {
  width: 100%;
  max-width: 60px;
}
/* line 170, ../sass/style.scss */
.notifytoast .inner .text {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
/* line 171, ../sass/style.scss */
.notifytoast .inner .text h6 {
  color: #000;
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 13px;
  text-transform: none;
}
/* line 172, ../sass/style.scss */
.notifytoast .inner .text p {
  color: #000;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 12px;
}
/* line 175, ../sass/style.scss */
.notifytoast.shownotification {
  right: 0px;
  opacity: 1;
}

/*========================================================
            Navigation
========================================================*/
/* line 180, ../sass/style.scss */
.main_navigation {
  text-align: center;
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  min-width: 1000px;
}

/* line 181, ../sass/style.scss */
.main_navigation .topwrap {
  text-align: center;
  display: block;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.1) ;
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.1) ;
  padding: 0px 30px;
  z-index: 11;
}

/* line 182, ../sass/style.scss */
.main_navigation .logo {
  width: 140px;
  display: block;
  margin-top: 14px;
}
/* line 183, ../sass/style.scss */
.main_navigation .logo img {
  width: 100%;
}

/* line 186, ../sass/style.scss */
.main_navigation .menu_wrap.left {
  float: left;
  margin-left: 30px;
}
/* line 187, ../sass/style.scss */
.main_navigation .menu_wrap.right {
  float: right;
}

/* line 191, ../sass/style.scss */
.main_navigation .topwrap .menu li {
  float: left;
  margin: 0px 0px;
}
/* line 193, ../sass/style.scss */
.main_navigation .topwrap .menu li a {
  display: block;
  padding: 9px 15px 9px;
  font-size: 13px;
  line-height: 14px;
  font-weight: 400;
  color: #a9aaae;
  fill: #a9aaae;
  position: relative;
  z-index: 2;
  max-height: 51px;
  border-bottom: 3px solid transparent;
}
/* line 194, ../sass/style.scss */
.main_navigation .topwrap .menu li a span.fa {
  font-size: 20px;
  color: #999;
}
/* line 195, ../sass/style.scss */
.main_navigation .topwrap .menu li a i.fa {
  margin-left: 5px;
}
/* line 196, ../sass/style.scss */
.main_navigation .topwrap .menu li a > i.notification_number {
  width: 13px;
  height: 13px;
  background: #4d88fe;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: 25px;
  top: 15px;
  text-align: center;
  font-size: 9px;
  line-height: 13px;
  font-weight: 800;
  color: #fff;
  font-style: normal;
}
/* line 198, ../sass/style.scss */
.main_navigation .topwrap .menu li > a {
  padding: 22px 15px 16px;
  max-height: inherit;
}
/* line 199, ../sass/style.scss */
.main_navigation .topwrap .menu li.logoutpage > a {
  padding: 19px 15px 19px 30px;
}
/* line 201, ../sass/style.scss */
.main_navigation .topwrap .menu li.logoutpage > a span {
  margin-left: 8px;
}
/* line 203, ../sass/style.scss */
.main_navigation .topwrap .menu li.floatleft {
  float: left;
}
/* line 204, ../sass/style.scss */
.main_navigation .topwrap .menu li.floatright {
  float: right;
}
/* line 205, ../sass/style.scss */
.main_navigation .topwrap .menu li:hover > a, .main_navigation .topwrap .menu li:hover a {
  color: #aeb4c2;
}
/* line 207, ../sass/style.scss */
.main_navigation .topwrap .menu li.username {
  border-left: 1px solid #e4e7ec;
}
/* line 209, ../sass/style.scss */
.main_navigation .topwrap .menu li.username > span {
  cursor: pointer;
  padding-top: 0px;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 25px;
  font-weight: 400;
  font-style: normal;
  margin: 15px 0px 15px 15px;
  background: #4d88fe;
  height: 25px;
  color: #fff;
  width: 25px;
  border-radius: 50%;
}
/* line 211, ../sass/style.scss */
.main_navigation .topwrap .menu li.hasdropdown {
  position: relative;
}
/* line 212, ../sass/style.scss */
.main_navigation .topwrap .menu li.hasdropdown .dropdownmenu {
  position: absolute;
  right: 0px;
  width: 180px;
  top: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 2px 8px -3px #333 ;
  -moz-box-shadow: 0px 2px 8px -3px #333 ;
  box-shadow: 0px 2px 8px -3px #333 ;
  visibility: hidden;
  opacity: 0;
  text-align: left;
  padding: 0px 10px;
  z-index: 999;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
/* line 213, ../sass/style.scss */
.main_navigation .topwrap .menu li.hasdropdown .dropdownmenu.lefta {
  right: auto;
  left: 0px;
}
/* line 214, ../sass/style.scss */
.main_navigation .topwrap .menu li.hasdropdown .dropdownmenu li {
  display: block;
  float: none;
  width: 100%;
  margin-left: 0px;
}
/* line 215, ../sass/style.scss */
.main_navigation .topwrap .menu li.hasdropdown .dropdownmenu li a {
  padding: 13px 0px;
  border-bottom: 1px solid #eee;
}
/* line 216, ../sass/style.scss */
.main_navigation .topwrap .menu li.hasdropdown .dropdownmenu li:last-child a {
  border-bottom: 1px solid transparent;
}
/* line 217, ../sass/style.scss */
.main_navigation .topwrap .menu li.hasdropdown .dropdownmenu li.active a {
  border-bottom: 1px solid #8fc7d8;
}
/* line 220, ../sass/style.scss */
.main_navigation .topwrap .menu li.hasdropdown:hover .dropdownmenu {
  visibility: visible;
  opacity: 1;
}
/* line 224, ../sass/style.scss */
.main_navigation .topwrap .menu > li.active a {
  color: #aeb4c2;
  border-color: #e4e7ec;
}

/* line 231, ../sass/style.scss */
.main_navigation .user_info {
  margin-top: 14px;
  position: relative;
  margin-right: 0px;
}
/* line 233, ../sass/style.scss */
.main_navigation .user_info h6 {
  margin-bottom: 0px;
}
/* line 234, ../sass/style.scss */
.main_navigation .user_info .name {
  z-index: 2;
  position: relative;
}
/* line 235, ../sass/style.scss */
.main_navigation .user_info .bluekart-dropdown button {
  min-width: 150px;
  outline: none;
  overflow: hidden;
  font-weight: 400;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 0px;
  padding-left: 40px;
  position: relative;
  line-height: 20px;
  min-height: 30px;
  padding-right: 40px;
  text-transform: none;
  font-size: 13px;
  color: #afb4ba;
}
/* line 236, ../sass/style.scss */
.main_navigation .user_info .bluekart-dropdown button:before {
  right: 0px;
  display: none;
}
/* line 237, ../sass/style.scss */
.main_navigation .user_info .bluekart-dropdown button:focus {
  outline: none;
}
/* line 238, ../sass/style.scss */
.main_navigation .user_info .bluekart-dropdown button img {
  border-radius: 5px;
  width: 30px;
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 3px;
  max-width: 50px;
}
/* line 240, ../sass/style.scss */
.main_navigation .user_info .dropdown-bluekart-menu {
  Left: auto;
  right: 0px;
}
/* line 242, ../sass/style.scss */
.main_navigation .user_info .dropdown-bluekart-menu li img {
  display: none;
}
/* line 244, ../sass/style.scss */
.main_navigation .user_info .btnhamburger {
  fill: #afb4ba;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
}
/* line 246, ../sass/style.scss */
.main_navigation .user_info .btnhamburger .btnhamburger svg {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

/* line 249, ../sass/style.scss */
#CheckNet {
  position: fixed;
  left: 0px;
  top: 52px;
  width: 100%;
  height: 40px;
  padding: 5px 15px;
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
  background: #00a2ff none repeat scroll 0% 0%;
  z-index: 99999;
  color: #fff;
  display: none;
}
/* line 250, ../sass/style.scss */
#CheckNet:before {
  content: '';
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 5px 15px;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  background: white;
  z-index: 9999;
  color: #fff;
}
/* line 251, ../sass/style.scss */
#CheckNet a {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
  position: relative;
  z-index: 999999;
}
.form-item{margin: 20px;
  height: 40px;
  width: 80%;}
/*!========================================================
++++            Right Aside
========================================================*/
/* line 256, ../sass/style.scss */
.right-aside-wrap {
  background: #fff;
  width: 350px;
  opacity: 0;
  position: fixed;
  height: calc(100% - 50px);
  padding-top: 72px;
  top: 56px;
  right: -350px;
  z-index: 11;
  -webkit-box-shadow: -1px 0px 1px 0px #BFBBBB ;
  -moz-box-shadow: -1px 0px 1px 0px #BFBBBB ;
  box-shadow: -1px 0px 1px 0px #BFBBBB ;
  padding-top: 0px;
  transition: all 0.4s, top 0.4s 0.4s;
  -webkit-transition: all 0.4s, top 0.4s 0.4s;
  -moz-transition: all 0.4s, top 0.4s 0.4s;
}
/* line 258, ../sass/style.scss */
.right-aside-wrap.shown {
  right: 0px;
  opacity: 1;
  transition: all 0.4s 0.1s, top 0.4s;
  -webkit-transition: all 0.4s 0.1s, top 0.4s;
  -moz-transition: all 0.4s 0.1s, top 0.4s;
}
/* line 259, ../sass/style.scss */
.right-aside-wrap .right-aside-wrap_inner {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
/* line 262, ../sass/style.scss */
.right-aside-wrap .nomoretextp {
  display: block;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  margin-top: 30px;
  color: #838383;
  text-align: center;
}
/* line 263, ../sass/style.scss */
.right-aside-wrap .orderplaced h6 {
  padding: 20px;
  background: #fff;
  margin-bottom: 0px;
}

/* line 265, ../sass/style.scss */
.notificationdivwrap .orderplacedlist li {
  border-bottom: 1px solid #e6e6e6;
}
/* line 267, ../sass/style.scss */
.notificationdivwrap .orderplacedlist li a {
  min-height: 70px;
  padding: 15px 20px 15px 70px;
  position: relative;
  display: block;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  /*img {position: absolute;left: 20px;top: 15px;width: 40px;}*/
}
/* line 270, ../sass/style.scss */
.notificationdivwrap .orderplacedlist li a .img {
  position: absolute;
  left: 20px;
  top: 15px;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
/* line 271, ../sass/style.scss */
.notificationdivwrap .orderplacedlist li a .img img {
  width: 100%;
}
/* line 273, ../sass/style.scss */
.notificationdivwrap .orderplacedlist li a:hover {
  background: #fff;
}
/* line 275, ../sass/style.scss */
.notificationdivwrap .orderplacedlist li .placedbyname {
  display: block;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #838383;
}
/* line 277, ../sass/style.scss */
.notificationdivwrap .orderplacedlist li .placedbyname i {
  color: #101028;
}
/* line 279, ../sass/style.scss */
.notificationdivwrap .orderplacedlist li .date_and_time {
  display: block;
  font-size: 11px;
  line-height: 11px;
  font-weight: 400;
  color: #838383;
}
/* line 280, ../sass/style.scss */
.notificationdivwrap .orderplacedlist li .date_and_time i.fa {
  color: #fe2400;
}
/* line 281, ../sass/style.scss */
.notificationdivwrap .orderplacedlist li .date_and_time i.time {
  font-style: normal;
}
/* line 283, ../sass/style.scss */
.notificationdivwrap .orderplacedlist li.read .date_and_time i.fa {
  color: #fe2400;
}
/* line 285, ../sass/style.scss */
.notificationdivwrap .orderplacedlist li.read .date_and_time i.fa:before {
  content: '\f058';
}

/* line 288, ../sass/style.scss */
.userssidepanelwrapper {
  padding: 0px 0px 10px;
}
/* line 290, ../sass/style.scss */
.userssidepanelwrapper .closesvg {
  position: absolute;
  right: 27px;
  top: 31px;
  fill: #dee2e5;
}

/* line 292, ../sass/style.scss */
.userssidepanelinner {
  padding: 35px 30px;
}
/* line 294, ../sass/style.scss */
.userssidepanelinner .memberwrap h6 {
  font-size: 12px;
  line-height: 24px;
  font-weight: 600;
  color: #a9aaae;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: left;
}
/* line 295, ../sass/style.scss */
.userssidepanelinner .memberwrap .userlist {
  margin-left: -5px;
  max-height: 114px;
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 20px;
}
/* line 297, ../sass/style.scss */
.userssidepanelinner .memberwrap .userlist li {
  text-align: center;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  float: left;
  margin: 5px;
  overflow: hidden;
  position: relative;
}
/* line 299, ../sass/style.scss */
.userssidepanelinner .memberwrap .userlist li.active i.fa {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 47px;
  color: #fff;
  padding: 3px;
  display: block;
}
/* line 300, ../sass/style.scss */
.userssidepanelinner .memberwrap .userlist li img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
/* line 301, ../sass/style.scss */
.userssidepanelinner .memberwrap .userlist li i.fa {
  display: none;
}
/* line 302, ../sass/style.scss */
.userssidepanelinner .memberwrap .userlist li.addnew span {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px dashed #cccccc;
  display: block;
  fill: #e6e9eb;
  line-height: 42px;
}
/* line 303, ../sass/style.scss */
.userssidepanelinner .memberwrap .userlist li.addnew span svg {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
/* line 308, ../sass/style.scss */
.userssidepanelinner .activemember {
  text-align: center;
  position: relative;
  border: 1px solid #e4e7ec;
  border-radius: 3px;
  margin-bottom: 20px;
  background: #f6f7fb;
  padding: 15px;
}
/* line 309, ../sass/style.scss */
.userssidepanelinner .activemember .closedpdiv {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 15px;
  display: block;
}
/* line 311, ../sass/style.scss */
.userssidepanelinner .activemember .closedpdiv svg {
  width: 100%;
  height: auto;
}
/* line 313, ../sass/style.scss */
.userssidepanelinner .activemember .dpwrap {
  position: relative;
  text-align: center;
  width: 104px;
  height: 104px;
  display: block;
  margin: 0px auto 10px;
}
/* line 315, ../sass/style.scss */
.userssidepanelinner .activemember .dpwrap .dp {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  display: block;
}
/* line 317, ../sass/style.scss */
.userssidepanelinner .activemember .dpwrap .dp img {
  width: 100%;
}
/* line 319, ../sass/style.scss */
.userssidepanelinner .activemember .dpwrap .avialablestatus {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  display: block;
  color: #eb5a46;
  float: left;
  background: #f6f7fb;
  padding: 3px;
  position: absolute;
  bottom: 10px;
  border-radius: 50%;
  left: 2px;
  width: 21px;
}
/* line 320, ../sass/style.scss */
.userssidepanelinner .activemember .dpwrap .avialablestatus.online {
  color: #61bd4f;
}
/* line 323, ../sass/style.scss */
.userssidepanelinner .activemember h6 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #000000;
  text-transform: none;
  margin-bottom: 20px;
}
/* line 324, ../sass/style.scss */
.userssidepanelinner .activemember h6 .designation {
  font-size: 11px;
  color: #a9aaae;
  display: block;
}
/* line 326, ../sass/style.scss */
.userssidepanelinner .activemember .activitybutton div {
  width: 33.33%;
  float: left;
  text-align: center;
}
/* line 327, ../sass/style.scss */
.userssidepanelinner .activemember .activitybutton div a {
  display: inline-block;
  color: #5f6364;
  fill: #5f6364;
}
/* line 328, ../sass/style.scss */
.userssidepanelinner .activemember .activitybutton div a svg {
  width: 22px;
  height: 22px;
}
/* line 329, ../sass/style.scss */
.userssidepanelinner .activemember .activitybutton div a > svg .st0 {
  fill: none;
}
/* line 330, ../sass/style.scss */
.userssidepanelinner .activemember .activitybutton div a span {
  display: block;
}
/* line 331, ../sass/style.scss */
.userssidepanelinner .activemember .activitybutton div a:hover {
  color: #4d88fe;
  fill: #4d88fe;
}
/* line 336, ../sass/style.scss */
.userssidepanelinner .recentactivity h6 {
  font-size: 12px;
  color: #a9aaae;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 600;
  text-align: left;
}
/* line 337, ../sass/style.scss */
.userssidepanelinner .recentactivity .recenttasklist {
  position: relative;
}
/* line 339, ../sass/style.scss */
.userssidepanelinner .recentactivity .recenttasklist:after {
  content: '';
  height: 100%;
  border-left: 1px solid #dddedf;
  position: absolute;
  left: 23px;
  top: 0px;
}
/* line 340, ../sass/style.scss */
.userssidepanelinner .recentactivity .recenttasklist li {
  margin-bottom: 20px;
  z-index: 2;
  padding: 5px 0px 5px 64px;
  position: relative;
  min-height: 57px;
  background: #fff;
  line-height: 47px;
}
/* line 342, ../sass/style.scss */
.userssidepanelinner .recentactivity .recenttasklist li .thumb {
  position: absolute;
  left: 0px;
  top: 5px;
  width: 47px;
  height: 47px;
  background: #dddedf;
  font-size: 24px;
  line-height: 47px;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  border-radius: 3px;
}
/* line 343, ../sass/style.scss */
.userssidepanelinner .recentactivity .recenttasklist li .task {
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 14px;
  color: #5f6364;
  display: inline-block;
  vertical-align: middle;
}
/* line 344, ../sass/style.scss */
.userssidepanelinner .recentactivity .recenttasklist li .task .name {
  color: #4d88fe;
  margin-right: 3px;
}
/* line 346, ../sass/style.scss */
.userssidepanelinner .recentactivity .recenttasklist li .tym {
  position: absolute;
  left: 65px;
  bottom: -20px;
  color: #b4b0b0;
  font-size: 11px;
  line-height: 20px;
  font-weight: 400;
}

/* line 351, ../sass/style.scss */
.userssidepanelinner .activemember .custombgwrap {
  position: absolute;
  left: 0px;
  padding-top: 15px;
  top: 0px;
  width: 100%;
  height: 100%;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.2);
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  overflow: hidden;
  overflow-y: auto;
  border-radius: 3px;
  border: 1px solid #e4e7ec;
  background: #f6f7fb;
}
/* line 353, ../sass/style.scss */
.userssidepanelinner .activemember .custombgwrap.show {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  visibility: visible;
}
/* line 354, ../sass/style.scss */
.userssidepanelinner .activemember .custombgwrap .closesvg {
  cursor: pointer;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 15px;
  display: block;
}
/* line 356, ../sass/style.scss */
.userssidepanelinner .activemember .custombgwrap .closesvg svg {
  width: 100%;
  height: auto;
  fill: #000;
}
/* line 358, ../sass/style.scss */
.userssidepanelinner .activemember .custombgwrap .bglist {
  padding: 5px;
}
/* line 360, ../sass/style.scss */
.userssidepanelinner .activemember .custombgwrap .bglist li {
  width: 33.33%;
  padding: 5px;
  float: left;
}
/* line 362, ../sass/style.scss */
.userssidepanelinner .activemember .custombgwrap .bglist li span {
  /* border: 1px solid #e4e7ec; */
  height: 0px;
  overflow: hidden;
  padding-bottom: 65%;
  display: block;
  position: relative;
  cursor: pointer;
}
/* line 364, ../sass/style.scss */
.userssidepanelinner .activemember .custombgwrap .bglist li span img {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  height: auto;
}
/* line 365, ../sass/style.scss */
.userssidepanelinner .activemember .custombgwrap .bglist li span i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -7px 0px 0px -7px;
  font-size: 16px;
  visibility: hidden;
  opacity: 0;
  color: #fff;
  z-index: 2;
}
/* line 367, ../sass/style.scss */
.userssidepanelinner .activemember .custombgwrap .bglist li.active span {
  background: #000;
}
/* line 369, ../sass/style.scss */
.userssidepanelinner .activemember .custombgwrap .bglist li.active span img {
  opacity: .4;
}
/* line 370, ../sass/style.scss */
.userssidepanelinner .activemember .custombgwrap .bglist li.active span i {
  visibility: visible;
  opacity: 1;
}

/*========================================================
            NewUser
========================================================*/
/* line 378, ../sass/style.scss */
.newuserwrapper {
  text-align: left;
  position: fixed;
  opacity: 0;
  right: -101px;
  z-index: 0;
  width: 350px;
  height: calc(100% - 56px);
  background: white;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  border-top: 1px solid #e4e3e3;
}
/* line 379, ../sass/style.scss */
.newuserwrapper .closesvg {
  position: absolute;
  right: 27px;
  top: 20px;
  fill: #dee2e5;
}
/* line 380, ../sass/style.scss */
.newuserwrapper > form {
  padding: 30px 10px 10px 30px;
  height: 100%;
}
/* line 381, ../sass/style.scss */
.newuserwrapper > form .form-group {
  margin-bottom: 0px;
}
/* line 382, ../sass/style.scss */
.newuserwrapper > form .form-group div input {
  background: transparent;
  padding: 6px 10px;
  height: 30px;
}
/* line 383, ../sass/style.scss */
.newuserwrapper > form .choosefile div input {
  padding: 3px 10px;
}
/* line 384, ../sass/style.scss */
.newuserwrapper > form .form-group > button.btn {
  float: right;
  margin-top: 10px;
}
/* line 385, ../sass/style.scss */
.newuserwrapper > form .form-group div.errorfield {
  position: relative;
}
/* line 386, ../sass/style.scss */
.newuserwrapper > form .form-group div.errorfield:after {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 13px;
  line-height: 20px;
  color: #f00;
  content: 'Required';
}
/* line 387, ../sass/style.scss */
.newuserwrapper > form .form-group div.errorfield input {
  border-color: #f00;
}

/* line 390, ../sass/style.scss */
.showaddnewuser .overlay {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

/* line 391, ../sass/style.scss */
.showaddnewuser .newuserwrapper {
  right: 0px;
  opacity: 1;
  z-index: 11;
}

/* line 392, ../sass/style.scss */
.shownotifyuser .overlay {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

/* line 393, ../sass/style.scss */
.shownotifyuser .notifyallwrap {
  right: 0px;
  opacity: 1;
  z-index: 11;
}

/*!========================================================
++++            Chat
========================================================*/
/* line 397, ../sass/style.scss */
.teamlistchatwrapper {
  position: fixed;
  bottom: 0px;
  z-index: 7;
  right: 0px;
  padding: 0px 315px 0px 30px;
}

/* line 398, ../sass/style.scss */
.chatwrap {
  background: #fff;
  overflow-x: hidden;
  -webkit-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.4) ;
  -moz-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.4) ;
  box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.4) ;
  width: 270px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
/* line 400, ../sass/style.scss */
.chatwrap .header {
  padding: 10px;
  cursor: pointer;
  padding-right: 40px;
  position: relative;
}
/* line 402, ../sass/style.scss */
.chatwrap .header .floatleft {
  width: 100%;
}
/* line 403, ../sass/style.scss */
.chatwrap .header .name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
/* line 404, ../sass/style.scss */
.chatwrap .header .newmsg {
  display: block;
  cursor: pointer;
  padding: 2px;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
}
/* line 405, ../sass/style.scss */
.chatwrap .header .newmsg:hover {
  background: rgba(0, 0, 0, 0.09);
}
/* line 409, ../sass/style.scss */
.chatwrap.openchatdiv .hiddenchatdiv {
  max-height: 0px;
  padding: 0px;
  min-height: 0px;
}

/* line 412, ../sass/style.scss */
.userslistwrapper {
  position: absolute;
  right: 30px;
  bottom: 0px;
}
/* line 414, ../sass/style.scss */
.userslistwrapper .userlist {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  border-top: 1px solid #eee;
  max-height: 350px;
  min-height: 350px;
  overflow: hidden;
  overflow-y: auto;
}
/* line 416, ../sass/style.scss */
.userslistwrapper .userlist .userlistinner {
  padding: 10px;
}
/* line 420, ../sass/style.scss */
.userslistwrapper .userlist .ulist li {
  padding: 5px 5px 5px 50px;
  border-bottom: 1px solid #eee;
  position: relative;
  height: 40px;
  overflow: hidden;
  font-size: 12px;
  line-height: 15px;
  color: #5a5a5a;
}
/* line 422, ../sass/style.scss */
.userslistwrapper .userlist .ulist li a {
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
/* line 424, ../sass/style.scss */
.userslistwrapper .userlist .ulist li a .img {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  overflow: hidden;
}
/* line 426, ../sass/style.scss */
.userslistwrapper .userlist .ulist li a .img img {
  width: 100%;
  border-radius: 50%;
}
/* line 429, ../sass/style.scss */
.userslistwrapper .userlist .ulist li.uonline:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #61bd4f;
  position: absolute;
  top: 27px;
  left: 31px;
  z-index: 3;
}
/* line 430, ../sass/style.scss */
.userslistwrapper .userlist .ulist li.uonline:after {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 25px;
  left: 29px;
  z-index: 2;
}

/* line 435, ../sass/style.scss */
.chatdivwrap {
  float: right;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/* line 436, ../sass/style.scss */
.singlechatwrapper {
  float: right;
  margin-left: 15px;
  width: 300px;
  min-width: 300px;
}
/* line 438, ../sass/style.scss */
.singlechatwrapper .nmcount {
  display: none;
}
/* line 440, ../sass/style.scss */
.singlechatwrapper.newmsgrec .nmcount {
  display: inline-block;
  margin-right: 5px;
  width: 15px;
  height: 14px;
  vertical-align: middle;
  border-radius: 3px;
  color: #fff;
  background: #4d88fe;
  font-size: 11px;
  text-align: center;
  font-style: normal;
  line-height: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 442, ../sass/style.scss */
.singlechatwrapper .massagewrap {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  border-top: 1px solid #eee;
  max-height: 350px;
  min-height: 350px;
  padding-bottom: 66px;
  position: relative;
  overflow: hidden;
}
/* line 444, ../sass/style.scss */
.singlechatwrapper .massagewrap .massagewrapinner {
  padding: 10px;
  max-height: 282px;
  overflow: hidden;
  overflow-y: auto;
}
/* line 447, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist {
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
}
/* line 449, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist li {
  position: relative;
  font-size: 12px;
  line-height: 15px;
  color: #5a5a5a;
  margin-bottom: 10px;
}
/* line 451, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist li.me {
  margin-left: 30px;
}
/* line 452, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist li.me .msgcont {
  float: right;
  background: rgba(0, 0, 0, 0.09);
  border-radius: 3px;
  padding: 7px;
}
/* line 454, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist li.user {
  margin-right: 30px;
  padding-left: 37px;
}
/* line 455, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist li.user .msgcont {
  float: left;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  padding: 7px;
}
/* line 456, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist li.user .img {
  position: absolute;
  left: 0px;
  top: 0%;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  overflow: hidden;
}
/* line 457, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist li.user .img img {
  width: 100%;
}
/* line 460, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist li p {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 16px;
}
/* line 461, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist li .time {
  font-size: 10px;
  line-height: 10px;
  color: #747474;
}
/* line 463, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist .msgread,
.singlechatwrapper .massagewrap .msglist .msgtyping {
  font-size: 11px;
  line-height: 12px;
  color: #333;
  text-align: left;
  width: 100%;
  margin-bottom: 0px;
  display: none;
}
/* line 465, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist .msgread {
  text-align: right;
}
/* line 466, ../sass/style.scss */
.singlechatwrapper .massagewrap .msglist .msgtyping {
  position: absolute;
  bottom: 71px;
  left: 0px;
  padding-left: 10px;
}
/* line 468, ../sass/style.scss */
.singlechatwrapper .massagewrap .msgtextarea {
  padding: 10px 50px 10px 10px;
  position: relative;
  border-top: 1px solid #eee;
  position: absolute;
  right: 0px;
  bottom: 0%;
  width: 100%;
}
/* line 470, ../sass/style.scss */
.singlechatwrapper .massagewrap .msgtextarea textarea {
  border: transparent;
  padding: 0px;
}
/* line 471, ../sass/style.scss */
.singlechatwrapper .massagewrap .msgtextarea .sendlink {
  font-size: 15px;
  line-height: 15px;
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  margin-top: -10px;
}
/* line 472, ../sass/style.scss */
.singlechatwrapper .massagewrap .msgtextarea .sendlink:hover {
  text-decoration: underline;
}
/* line 476, ../sass/style.scss */
.singlechatwrapper.usertyping {
  padding-bottom: 86px;
}
/* line 478, ../sass/style.scss */
.singlechatwrapper.usertyping .massagewrap .massagewrapinner {
  max-height: 262px;
}
/* line 479, ../sass/style.scss */
.singlechatwrapper.usertyping .msglist .msgtyping {
  display: block;
}
/* line 482, ../sass/style.scss */
.singlechatwrapper.userreadit .msglist .msgread {
  display: block;
}
/* line 484, ../sass/style.scss */
.singlechatwrapper.openchatdiv {
  width: 120px;
  min-width: 120px;
}
/* line 486, ../sass/style.scss */
.singlechatwrapper.openchatdiv .massagewrap {
  opacity: 0;
}

/*!========================================================
++++            PAGE DEFAULT
========================================================*/
/* line 492, ../sass/style.scss */
.bgimgwrap {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  /*background: rgba(0, 0, 0, 0.6);*/
}
/* line 494, ../sass/style.scss */
.bgimgwrap .bgimg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /*opacity: .8;*/
}
/* line 496, ../sass/style.scss */
.bgimgwrap .bgimg video {
  width: auto;
  height: 121%;
  position: absolute;
  right: 0px;
  top: -4%;
}

/* line 499, ../sass/style.scss */
.pagemainwrapper {
  height: 100%;
  position: relative;
}
/* line 501, ../sass/style.scss */
.pagemainwrapper.withtopbartimline {
  padding-top: 90px;
}
.pagemainwrapper.withtopbartimline.projecttop {
  padding-top: 125px;}
/* line 502, ../sass/style.scss */
.pagemainwrapper.vsrollenable {
  overflow: hidden;
  overflow-y: auto;
}
/* line 503, ../sass/style.scss */
.pagemainwrapper .pagetopbarwrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
/* line 504, ../sass/style.scss */
.pagemainwrapper .containerstylewrapper {
  background: #fff;
  margin: 30px auto;
  padding: 15px 20px 20px;
  border-radius: 2px;
  box-shadow: 0px 0px 1px 1px #BFBBBB;
}

/*!========================================================
++++            PAGE TOP BAR
========================================================*/
/* line 509, ../sass/style.scss */
.pagetopbarwrapper {
  padding: 0px 0px 5px;
}
/* line 511, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap {
  background: #eef1f6;
  padding: 35px 0px 10px;
  background: rgba(246, 247, 251, 0.8);
}
/* line 513, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap.pagetopwrapnobg {
  background: transparent;
}
/* line 514, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .padleft {
  padding-left: 30px;
}
/* line 515, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .padright {
  padding-right: 30px;
}
/* line 516, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap.overflowcontwrap {
  position: relative;
  padding-left: 200px;
  padding-top: 20px;
}
.pagetopbarwrapper .pagetopwrap.ptop{padding-top: 0px}
/* line 518, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap.overflowcontwrap .overflowbg {
  /* background: #f6f7fb; */
}
/* line 520, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap.overflowcontwrap .overflowbg.abso {
  position: absolute;
  top: 15px;
  left: 0px;
}
.pagetopbarwrapper .pagetopwrap.overflowcontwrap .padright.overflowbg.abso{
    right: 0px;
    left:auto;
}
/* line 521, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap.overflowcontwrap .overflowbg.abso.abso2 {
  left: 0px !important;
}
/* line 524, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap.overflowcontwrap .overflowcont {
  overflow: hidden;
  overflow-x: auto;
  display: flex;
  width: 100%;
}
/* line 526, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist {
  padding-right: 10px;
  /* background: $timeline_listbg */
}
/* line 528, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li {
  float: left;
  position: relative;
  color: #000000;
}
/* line 530, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li .day {
  padding: 10px 8px;
  display: block;
  border-right: 1px solid #e4e7ec;
  position: relative;
}
/* line 531, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li.Sun .day:after, .pagetopbarwrapper .pagetopwrap .timelinelist ul li.Sat .day:after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #e4e9ef;
  opacity: .8;
  content: '';
  z-index: -1;
}
/* line 535, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li .timelinegraphwrap {
  position: absolute;
  left: 0px;
  bottom: 100%;
  width: 100%;
  max-height: 25px;
  padding: 2px;
}
/* line 536, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li .timelinegraphwrap .timelineline {
  position: relative;
  display: block;
  margin-bottom: 2px;
  height: 3px;
  background: #d3dbe5;
  border-radius: 3px;
  cursor: default;
}
/* line 539, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li .timelinegraphwrap .timelineline:first-child .tooltip {
  margin-left: -15px;
}
/* line 541, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li .timelinegraphwrap .timelineline:hover {
  background: #93a7bf;
}
/* line 543, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li .timelinegraphwrap .timelineline:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
/* line 547, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li:first-child .timelinegraphwrap .timelineline .tooltip {
  margin-left: -14px;
}
/* line 548, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(2) .timelinegraphwrap .timelineline .tooltip {
  margin-left: -47px;
}
/* line 549, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li:first-child .timelinegraphwrap .timelineline, .pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(2) .timelinegraphwrap .timelineline, .pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(3) .timelinegraphwrap .timelineline, .pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(4) .timelinegraphwrap .timelineline, .pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(5) .timelinegraphwrap .timelineline, .pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(6) .timelinegraphwrap .timelineline, .pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(7) .timelinegraphwrap .timelineline {
  background: #fd9494;
}
/* line 556, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(8) .timelinegraphwrap .timelineline, .pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(9) .timelinegraphwrap .timelineline, .pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(10) .timelinegraphwrap .timelineline, .pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(11) .timelinegraphwrap .timelineline, .pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(12) .timelinegraphwrap .timelineline, .pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(13) .timelinegraphwrap .timelineline, .pagetopbarwrapper .pagetopwrap .timelinelist ul li:nth-child(14) .timelinegraphwrap .timelineline {
  background: #f9caca;
}
/* line 563, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li .timelinetextwrap {
  position: absolute;
  left: 0px;
  top: 50px;
  background: #a4b5c9;
  color: #000000;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  padding: 5px;
  width: 160px;
  margin-left: 0px;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  font-style: normal;
  border-radius: 3px;
  margin-top: -1px;
}
/* line 565, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li .timelinetextwrap i {
  display: block;
  font-size: 12px;
  line-height: 13px;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
}
/* line 566, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li .timelinetextwrap i:first-child {
  margin-top: 0px;
}
/* line 568, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li .timelinetextwrap:after {
  content: '';
  position: absolute;
  left: 8px;
  top: -14px;
  width: 0px;
  height: 0px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent #a4b5c9 transparent;
}
/* line 571, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .timelinelist ul li:hover .timelinetextwrap {
  visibility: visible;
  opacity: 1;
}
/* line 575, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .weekdays {
  padding-left: 10px;
  /* background: $timeline_listbg; */
  text-align: center;
  min-height: 40px;
}
/* line 577, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .weekdays .centeredweektext {
  position: relative;
  font-size: 14px;
  padding: 0px 20px;
  text-align: center;
  display: inline-block;
}
/* line 578, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .weekdays .centeredweektext span {
  font-weight: 600;
  cursor: pointer;
}
/* line 579, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .weekdays .centeredweektext span span {
  font-size: 11px;
  display: block;
}
.timelinelist.pprojectlist ul.buttongroup > li{
  /*background:transparent;border-left: 0px;min-width: 80px;*/
  background:transparent;
    margin-right: 8px;
    border-left: 0px;
    min-width: 0px;
}
/* line 583, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .arrow {
  font-size: 17px;
  line-height: 20px;
  font-weight: 400;
  color: #000000;
  margin-left: 3px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  background: transparent;
  text-align: center;
  border-radius: 50%;
  text-decoration: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
/* line 585, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .arrow.arrowleft {
  left: -15px;
}
/* line 586, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .arrow.arrowright {
  right: -15px;
}
/* line 587, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .arrow.arrow.disabled {
  opacity: 0;
}
/* line 588, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap .arrow.arrow:hover {
  color: #8fc7d8;
}
/* line 593, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap #projecttabs > li a svg {
  display: none;
}
/* line 595, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap #projecttabs > li .iconsvg {
  position: absolute;
  top: 0px;
  right: -40px;
  height: 32px;
  line-height: 32px;
  color: #333;
  fill: #333;
  background: #fff;
  width: 40px;
  opacity: 0;
  z-index: 3;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
/* line 597, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap #projecttabs > li .iconsvg.editicon {
  right: -80px;
  border-right: 1px solid #eaebef;
  border-left: 1px solid #eaebef;
}
/* line 598, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap #projecttabs > li .iconsvg svg {
  display: block;
  width: 15px;
  height: 15px;
  margin: 0px auto;
}
/* line 601, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap #projecttabs > li:hover .iconsvg {
  right: 41px;
  opacity: 1;
}
/* line 603, ../sass/style.scss */
.pagetopbarwrapper .pagetopwrap #projecttabs > li:hover .iconsvg.editicon {
  right: 1px;
  opacity: 1;
}
/* line 609, ../sass/style.scss */
.pagetopbarwrapper.breadcrumspacing {
  padding-top: 60px;
}
/* line 611, ../sass/style.scss */
.pagetopbarwrapper.breadcrumspacing .pagetopwrap {
  padding-top: 15px;
}
/* line 614, ../sass/style.scss */
.pagetopbarwrapper.breadcrumspacing .pagetopwrap .timelinelist p {
  margin-bottom: 0px;
}

/*!========================================================
++++            Tasklist Wrap
========================================================*/
/* line 624, ../sass/style.scss */
.tasklistwrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0px 15px 5px 15px;
  white-space: nowrap;
}
/* line 626, ../sass/style.scss */
.tasklistwrapper.norightleftpd {
  padding-right: 0px;
  padding-left: 0px;
}
/* line 627, ../sass/style.scss */
.tasklistwrapper .taslistinnerwarp {
  height: 100%;
}
/* line 628, ../sass/style.scss */
.tasklistwrapper .witharrowsweekwrap {
  overflow: hidden;
  overflow-x: auto;
}
/* line 629, ../sass/style.scss */
.tasklistwrapper.norightleftpd {
  overflow: hidden;
  overflow-x: auto;
}
/* line 630, ../sass/style.scss */
.tasklistwrapper.norightleftpd .taskmainlist {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 633, ../sass/style.scss */
.taskmainlist {
  height: 100%;
  position: relative;
  display: inline-flex;
  vertical-align: top;
  width: auto;
  padding-top: 2px;
}
/* line 635, ../sass/style.scss */
.taskmainlist > li {
  float: left;
  max-height: 100%;
  padding: 0px 15px 5px;
  width: 310px;
  min-width: 310px;
  position: relative;
}
/* line 636, ../sass/style.scss */
.taskmainlist > li > .close_list_btn {
  position: absolute;
  right: 15px;
  top: 0px;
  width: 20px;
  height: 20px;
  padding: 5px;
  z-index: 1;
}
/* line 637, ../sass/style.scss */
.taskmainlist > li > .close_list_btn.fa:before {
  margin: 4px 0px 0px -5px;
  display: inline-block;
  color: #999;
}
/* line 638, ../sass/style.scss */
.taskmainlist > li > .close_list_btn.fa:before .line {
  background: #999;
  width: 50%;
}
/* line 641, ../sass/style.scss */
.taskmainlist > li > div.taskmainlist_li_wrap {
  position: relative;
  padding-top: 76px;
  max-height: 100%;
}
/* line 642, ../sass/style.scss */
.taskmainlist > li > div > div {
  /* background: #fff; */
  background: rgba(255, 255, 255, 0.8);
}
/* line 643, ../sass/style.scss */
.taskmainlist > li .user_info_wrap {
  cursor: pointer;
  padding: 15px 15px 15px 75px;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  border-radius: 3px 3px 0px 0px;
  min-height: 76px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15) ;
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15) ;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15) ;
}
/* line 644, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .user_img {
  position: absolute;
  left: 15px;
  top: 15px;
  /*60px;*/
  border: 1px solid #eee;
  border-radius: 3px;
  width: 46px;
  height: 46px;
  overflow: hidden;
}
/* line 645, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .user_img img {
  width: 100%;
}
/* line 646, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .user_img .texticon {
  border-radius: 2px;
  text-transform: uppercase;
  display: block;
  font-size: 24px;
  line-height: 46px;
  color: #000;
  width: 100%;
  text-align: center;
}
/* line 648, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .insideicon {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  fill: #999;
  z-index: 9;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
/* line 649, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .name {
  color: #292929;
  margin-bottom: 2px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 650, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .designation {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 14px;
  display: block;
  margin-bottom: 0px;
}
/* line 651, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .avialablestatus {
  font-size: 13px;
  display: block;
  color: #eb5a46;
  line-height: 14px;
  float: left;
}
/* line 652, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .avialablestatus.online {
  color: #61bd4f;
}
/* line 653, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .avialablestatus.online:after {
  content: 'online';
}
/* line 655, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .avialablestatus.away {
  color: #f19104;
}
/* line 656, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .avialablestatus.away:after {
  content: 'away';
}
/* line 658, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .avialablestatus:after {
  text-transform: uppercase;
  content: 'offline';
  position: relative;
  margin-left: 5px;
  font-size: 10px;
  font-family: 'Roboto';
  font-weight: 400;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}
/* line 659, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .avialablestatus:hover:after {
  visibility: visible;
  opacity: 1;
}
/* line 661, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .lastactive {
  float: right;
  font-size: 12px;
  line-height: 6px;
  font-weight: 700;
  margin-top: 5px;
  color: #999;
}
/* line 662, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .user_info {
  line-height: 46px;
}
/* line 663, ../sass/style.scss */
.taskmainlist > li .user_info_wrap .user_info h6 {
  display: inline-block;
  vertical-align: middle;
  text-transform: capitalize;
}
/* line 666, ../sass/style.scss */
.taskmainlist > li .user_info_wrap.team_member_wrap .user_info {
  line-height: 46px;
}
/* line 667, ../sass/style.scss */
.taskmainlist > li .user_info_wrap.team_member_wrap .user_info h6 {
  margin-bottom: 0px;
}
/* line 668, ../sass/style.scss */
.taskmainlist > li .user_info_wrap.team_member_wrap .user_info .designation {
  margin-bottom: 0px;
}
/* line 672, ../sass/style.scss */
.taskmainlist > li.sortable-chosen, .taskmainlist > li .singleusertask_listtwo .taskmainlist > li:active {
  cursor: default;
}
/* line 674, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap {
  height: 100%;
  padding: 10px 3px 53px 0px;
  border-top: 0px;
  position: relative;
  border-radius: 0px 0px 3px 3px;
  overflow: hidden;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
}
/* line 676, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap.oldDayList {
  padding-bottom: 10px;
}
/* line 677, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap .remainingtaskinner {
  height: 100%;
  position: relative;
  padding: 10px 3px 0px 15px;
  margin-bottom: 0px;
  overflow: hidden;
  overflow-y: auto;
  /* > form {padding: 15px 0px 0px;border-top: 1px solid #f2f3f5;} */
}
/* line 681, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap .addnewwrap {
  height: 0px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background: #fff;
  padding: 0px 15px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
/* line 682, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap .addnewwrap textarea {
  padding: 2px 5px;
}
/* line 684, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap .addnewwrap button.btn, .taskmainlist > li .remainingtaskwrap .addnewwrap button.btn:hover {
  min-width: 50px;
  text-align: left;
  font-size: 12px;
  display: inline-block;
  color: #5f6364;
  fill: #5f6364;
  background: transparent;
  border: none;
  padding: 0px 0px 0px;
  line-height: 24px;
  min-height: inherit;
  background: transparent;
}
/* line 685, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap .addnewwrap button.btn:hover {
  fill: #4d88fe;
  color: #4d88fe;
}
/* line 686, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap .addnewwrap button.btn svg {
  width: 10px;
  height: 10px;
  vertical-align: middle;
}
/* line 687, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap .addnewwrap button.btn > svg .st0 {
  fill: none;
}
/* line 688, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap .addnewwrap button.btn span {
  display: inline-block;
  margin-left: 12px;
}
/* line 689, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap .addnewwrap button.btn.clbtn {
  margin-left: 20px;
}
/* line 692, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap .addnewcardbtn {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background: #fff;
  padding: 7px 6px 7px 15px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
/* line 693, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap .addnewcardbtn a {
  font-size: 12px;
  line-height: 12px;
  /* border-top: 1px solid #f2f3f5; */
  display: block;
  text-align: center;
  font-weight: 300;
  padding: 13px;
}
/* line 694, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap .addnewcardbtn a:hover {
  text-decoration: underline;
}
/* line 697, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap.shownewcard {
  padding-bottom: 97px;
}
/* line 698, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap.shownewcard .addnewwrap {
  height: 97px;
  padding: 7px 15px;
  opacity: 1;
}
/* line 699, ../sass/style.scss */
.taskmainlist > li .remainingtaskwrap.shownewcard .addnewcardbtn {
  height: 0px;
  overflow: hidden;
  padding: 0px 15px;
  opacity: 0;
}
/* line 702, ../sass/style.scss */
.taskmainlist > li.sortable-chosen, .taskmainlist > li .taskmainlist > li:active {
  cursor: move;
}
/* line 703, ../sass/style.scss */
.taskmainlist > li.sortable-chosen .user_info_wrap, .taskmainlist > li .taskmainlist > li .user_info_wrap:active {
  cursor: move;
}
/* line 704, ../sass/style.scss */
.taskmainlist > li.sortable-ghost[draggable=flase], .taskmainlist > li .tasklist > li.sortable-chosen[draggable=true] {
  background: #eee;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* line 707, ../sass/style.scss */
.tasklist {
  min-height: 45px;
}
/* line 708, ../sass/style.scss */
.tasklist > li {
  padding: 0px;
  position: relative;
  margin-bottom: 10px;
  border-radius: 3px;
  border: 1px solid #f2f3f5;
  background: #fff;
}
/* line 709, ../sass/style.scss */
.tasklist > li a {
	padding: 20px 40px 20px 9px;
  display: block;
  font-size: 14px;
  background: #fff;
  line-height: 15px;
  color: #5a5a5a;
  
  border-radius: 3px;
  white-space: normal;
  min-height: 45px;
}
/* line 710, ../sass/style.scss */
.tasklist > li a .commentcount {
  font-style: normal;
  position: absolute;
  z-index: 2;
  width: 13px;
  height: 13px;
  border-radius: 3px;
  text-align: center;
  top: -5px;
  left: -5px;
  background: #4d88fe;
  color: #fff;
  font-size: 10px;
  line-height: 13px;
  visibility: hidden;
  display: none;
}
/* line 711, ../sass/style.scss */
.tasklist > li a.showcommentcount .commentcount {
  visibility: visible;
  display: block;
}
/* line 712, ../sass/style.scss */
.tasklist > li a.alluserwrap {
  padding-left: 40px;
}
/* line 713, ../sass/style.scss */
.tasklist > li a.alluserwrap .alluser {
  padding-top: 0px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0px;
  font-style: normal;
  margin: 15px 0px;
  background: #4d88fe;
  height: 25px;
  color: #fff;
  width: 25px;
  line-height: 25px;
  border-radius: 50%;
  margin-top: -12px;
  top: 50%;
  left: 5px;
  position: absolute;
  text-align: center;
}
/* line 716, ../sass/style.scss */
.tasklist > li a.assignto .alluser {
  margin-top: -5px;
}
/* line 718, ../sass/style.scss */
.tasklist > li a.assignto .alluser:before {
  content: '\f106';
  position: absolute;
  right: -3px;
  bottom: 100%;
  margin-bottom: -8px;
  font-size: 12px;
  background: #e7e8ec;
  color: #000;
  width: 100%;
  text-align: center;
  line-height: 14px;
  height: 13px;
  width: 13px;
  border-radius: 50%;
}
/* line 722, ../sass/style.scss */
.tasklist > li a.assignby .alluser {
  margin-top: -5px;
}
/* line 724, ../sass/style.scss */
.tasklist > li a.assignby .alluser:before {
  content: '\f107';
  position: absolute;
  right: -3px;
  bottom: 100%;
  margin-bottom: -8px;
  font-size: 12px;
  background: #4d88fe;
  color: #fff;
  width: 100%;
  text-align: center;
  line-height: 15px;
  height: 13px;
  width: 13px;
  border-radius: 50%;
}
/* line 728, ../sass/style.scss */
.tasklist > li .taskdate {
  position: absolute;
  right: 13px;
  bottom: 0px;
  font-size: 12px;
  color: #666;
}
/* line 731, ../sass/style.scss */
.tasklist > li:hover, .tasklist > li:hover a {
  background: #f2f3f5;
}
/* line 733, ../sass/style.scss */
.tasklist > li div.edittaskbtn {
  padding-left: 10px;
  position: absolute;
  right: 12px;
  top: 34px;
}
/* line 734, ../sass/style.scss */
.tasklist > li div.edittaskbtn a {
  display: inline-block;
  color: #5f6364;
  fill: #5f6364;
  padding: 0px 0px 0px;
  min-height: inherit;
  background: transparent;
}
/* line 735, ../sass/style.scss */
.tasklist > li div.edittaskbtn a svg {
  width: 14px;
  height: 14px;
}
/* line 736, ../sass/style.scss */
.tasklist > li div.edittaskbtn a > svg .st0 {
  fill: none;
}
/* line 737, ../sass/style.scss */
.tasklist > li div.edittaskbtn a span {
  display: inline-block;
  margin-left: 12px;
  display: none;
}
/* line 738, ../sass/style.scss */
.tasklist > li div.edittaskbtn a:hover {
  color: #4d88fe;
  fill: #4d88fe;
}

/*md_custom*/
.tasklist > li .tagindication{
  display:inline-block;
  font-size:10px;
  line-height: 11px;
  letter-spacing: .5px;
  /*min-width:80px;
  max-width:80px;*/
  /*width:100%;*/
  text-align:center;
  padding: 4px 4px 3px;
  position:relative;
  background: #94a0d4;
  border-radius: 2px;
  margin-top: 10px;
  cursor:pointer;
  left:10px;
  color: #fff;
}
/*.tasklist > li .tagindication.alluserwrap{
  left: 40px;
}
*/
/* line 741, ../sass/style.scss */
.tasklist > li .priorityindication {
  position: absolute;
  right: 9px;
  width: 25px;
  height: 26px;
  top: 50%;
  margin-top: -13px;
  line-height: 26px;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
/* line 742, ../sass/style.scss */
.tasklist > li .priorityindication i {
  font-size: 9px;
  line-height: 9px;
  width: 10px;
  vertical-align: middle;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  margin: 0px auto;
  border: 1px solid transparent;
}
/* line 743, ../sass/style.scss */
.tasklist > li .priorityindication i.none {
  background: #e4e7ec;
  border: 1px solid #e4e7ec;
}
/* line 744, ../sass/style.scss */
.tasklist > li .priorityindication i.sucess {
  background: #61bd4f;
  border: 1px solid #61bd4f;
}
/* line 745, ../sass/style.scss */
.tasklist > li .priorityindication i.highest {
  background: #f7005f;
  border: 1px solid #f7005f;
}
/* line 746, ../sass/style.scss */
.tasklist > li .priorityindication i.high {
  background: #f2d600;
  border: 1px solid #f2d600;
}
/* line 747, ../sass/style.scss */
.tasklist > li .priorityindication i.normal {
  background: #ffab4a;
  border: 1px solid #ffab4a;
}
/* line 748, ../sass/style.scss */
.tasklist > li .priorityindication i.low {
  background: #00f;
  border: 1px solid #00f;
}
/* line 749, ../sass/style.scss */
.tasklist > li .priorityindication i.morelow {
  background: #ff80ce;
  border: 1px solid #ff80ce;
}
/* line 750, ../sass/style.scss */
.tasklist > li .priorityindication i.morelowest {
  background: #ff80ce;
  border: 1px solid #ff80ce;
}
/* line 751, ../sass/style.scss */
.tasklist > li .priorityindication i.none.deadline, .tasklist > li .priorityindication i.highest.deadline, .tasklist > li .priorityindication i.sucess.deadline, .tasklist > li .priorityindication i.high.deadline, .tasklist > li .priorityindication i.normal.deadline, .tasklist > li .priorityindication i.low.deadline, .tasklist > li .priorityindication i.morelow.deadline, .tasklist > li .priorityindication i.taskforward.deadline, .tasklist > li .priorityindication i.morelowest.deadline {
  background: transparent;
}
/* line 760, ../sass/style.scss */
.tasklist > li .priorityindication i.none.deadline span {
  background: #e4e7ec;
}
/* line 761, ../sass/style.scss */
.tasklist > li .priorityindication i.sucess.deadline span {
  background: #61bd4f;
}
/* line 762, ../sass/style.scss */
.tasklist > li .priorityindication i.highest.deadline span {
  background: #f7005f;
  color: #fff;
}
/* line 763, ../sass/style.scss */
.tasklist > li .priorityindication i.high.deadline span {
  background: #f2d600;
}
/* line 764, ../sass/style.scss */
.tasklist > li .priorityindication i.normal.deadline span {
  background: #ffab4a;
  color: #000;
}
/* line 765, ../sass/style.scss */
.tasklist > li .priorityindication i.low.deadline span {
  background: #00f;
  color: #fff;
}
/* line 766, ../sass/style.scss */
.tasklist > li .priorityindication i.morelow.deadline span {
  background: #ff80ce;
}
/* line 767, ../sass/style.scss */
.tasklist > li .priorityindication i.morelowest.deadline span {
  background: #ff80ce;
}
/* line 768, ../sass/style.scss */
.tasklist > li .priorityindication i.delete {
  color: #999;
  font-size: 16px;
  width: 14px;
  height: 14px;
  /*line-height: 7.5px;*/
  margin-top: 10px;
  text-align: center;
  background: transparent;
  border: 0px solid transparent;
  padding: 0px;
}
/* line 769, ../sass/style.scss */
.tasklist > li .priorityindication i.deadline:before {
  content: '\f133';
  display: block;
  margin-top: 7px;
  position: relative;
  z-index: 2;
}
/* line 770, ../sass/style.scss */
.tasklist > li .priorityindication i.deadline.active {
  color: #333;
  font-size: 26px;
  width: 25px;
  height: 26px;
  line-height: 13px;
  text-align: left;
  position: relative;
  border: 0px solid transparent;
  padding: 0px;
  display: block;
}
/* line 771, ../sass/style.scss */
.tasklist > li .priorityindication i.deadline span {
  font-family: 'Yantramanav', sans-serif;
  position: absolute;
  left: 0px;
  bottom: 8px;
  text-align: center;
  width: 24px;
  line-height: 16px;
  color: #333;
  font-size: 9px;
  font-weight: 600;
}
/* line 772, ../sass/style.scss */
.tasklist > li .priorityindication i.delete:before {
  content: '\f057';
  content: '\f014';
}
/* line 773, ../sass/style.scss */
.tasklist > li .priorityindication i.done:before {
  content: '\f058';
  content: '\f046';
  display: none;
}
/* line 774, ../sass/style.scss */
.tasklist > li .priorityindication i.loader.active, .tasklist > li .priorityindication i.loader {
  color: #666;
  height: 19px;
  width: 19px;
  font-size: 13px;
  margin-top: 5px;
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
  background: transparent;
  margin-right: -7px;
}
/* line 776, ../sass/style.scss */
.tasklist > li .priorityindication i.deadline.loader.active, .tasklist > li .priorityindication i.deadline.loader {
  -webkit-animation: none;
  animation: none;
  color: #333;
  font-size: 26px;
  width: 25px;
  height: 26px;
  line-height: 13px;
  text-align: left;
  position: relative;
  border: 0px solid transparent;
  padding: 0px;
  display: block;
  margin-right: 0px;
}
/* line 778, ../sass/style.scss */
.tasklist > li .priorityindication i.deadline.loader:after {
  display: none;
}
/* line 779, ../sass/style.scss */
.tasklist > li .priorityindication i.loader:after {
  background: url(../icon/loader-icon.svg) no-repeat center center/100%;
  content: '';
  content: '';
  width: 19px;
  height: 19px;
  position: absolute;
  left: -2px;
  margin-left: 0px;
  top: -2px;
  -webkit-animation: lspin 1.5s infinite linear;
  animation: lspin 1.5s infinite linear;
}

/* line 780, ../sass/style.scss */
.tasklist > li .priorityindication i.done.active {
  width: 20px;
  height: 20px;
  margin-top: 0px;
  border-radius: 0px;
  background: url(../images/done.png) no-repeat center center/14px auto;
  padding-left: 0px;
}
/* line 781, ../sass/style.scss */
.tasklist > li .priorityindication i.deadline.loader span {
  -webkit-animation: chbg 2s infinite linear;
  animation: chbg 2s infinite linear;
}
/* line 782, ../sass/style.scss */
.tasklist > li .priorityindication i.taskforward:before {
  content: '\f0a9';
}
/* line 785, ../sass/style.scss */
.tasklist > li.ui-sortable-handle.ui-sortable-helper, .tasklist > li.ui-sortable-handle.ui-sortable-placeholder {
  background: #DCDADA;
  opacity: 1;
}
/* line 787, ../sass/style.scss */
.tasklist > li.ui-sortable-handle.ui-sortable-helper a {
  background: #DCDADA;
  opacity: 1;
}
/* line 788, ../sass/style.scss */
.tasklist > li.sortable-chosen, .tasklist > li:active {
  cursor: move;
}
/* line 789, ../sass/style.scss */
.tasklist > li.sortable-ghost * {
  opacity: 0;
}
/* line 790, ../sass/style.scss */
.tasklist > li[draggable=true] .task_wrap, .tasklist > li .tasklist > li.sortable-ghost[draggable=true] .task_wrap {
  cursor: move;
}

/* line 795, ../sass/style.scss */
.witharrowsweekwrap .arrows, .witharrowsweekwrap .arrows:focus {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  position: fixed;
  top: 50%;
  margin-top: -40px;
  background: #fff;
  outline: none;
  border: transparent;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) ;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) ;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) ;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* line 796, ../sass/style.scss */
.witharrowsweekwrap .arrows.btprev {
  left: -50px;
  text-align: right;
  padding-right: 10px;
}
/* line 797, ../sass/style.scss */
.witharrowsweekwrap .arrows.btnext {
  right: -50px;
  text-align: left;
  padding-left: 10px;
}
/* line 798, ../sass/style.scss */
.witharrowsweekwrap .arrows svg {
  width: 25px;
  height: 25px;
  fill: #333;
  margin-top: 3px;
  vertical-align: middle;
}
/* line 800, ../sass/style.scss */
.witharrowsweekwrap:hover .arrows {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 801, ../sass/style.scss */
.witharrowsweekwrap.hideleftarrow .btprev {
  opacity: 0;
  visibility: hidden;
}
/* line 802, ../sass/style.scss */
.witharrowsweekwrap.hiderightarrow .btnext {
  opacity: 0;
  visibility: hidden;
}

/*========================================================
              OVERLAY
========================================================*/
/* line 807, ../sass/style.scss */
#unioverlay {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transform: scale 0.7;
  -webkit-transform: scale 0.7;
  -moz-transform: scale 0.7;
}
/* line 808, ../sass/style.scss */
#unioverlay.blank {
  background: transparent;
}
/* line 809, ../sass/style.scss */
#unioverlay.dooverlay {
  z-index: 10;
  visibility: visible;
  opacity: 1;
  transform: scale 1;
  -webkit-transform: scale 1;
  -moz-transform: scale 1;
}

/*========================================================
              Task Priority
========================================================*/
/* line 814, ../sass/style.scss */
.priorityindicationmainwrao {
  border-radius: 3px;
  position: absolute;
  /* overflow: hidden; */
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  cursor: pointer;
  text-align: left;
  line-height: 14px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  width: 0px;
  height: 0px;
  background: #fff;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
  font-size: 0px;
  letter-spacing: -4px;
  width: 293px;
  height: 40px;
  padding: 12px 7px 12px;
  margin-left: -30px;
  top: 0px;
}
/* line 815, ../sass/style.scss */
.priorityindicationmainwrao:after {
  display: none;
  content: '';
  position: absolute;
  left: -16px;
  top: 11px;
  margin-top: 0px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  width: 0px;
  height: 0px;
}
/* line 816, ../sass/style.scss */
.priorityindicationmainwrao.popen {
  visibility: visible;
  opacity: 1;
  z-index: 99;
  margin-left: 0px;
}
/* line 817, ../sass/style.scss */
.priorityindicationmainwrao.popen.rightposition {
  margin-left: -300px;
}
/* line 818, ../sass/style.scss */
.priorityindicationmainwrao.popen i {
  transition: all 0.3s 0.2s;
  -webkit-transition: all 0.3s 0.2s;
  -moz-transition: all 0.3s 0.2s;
  opacity: 1;
}
/* line 820, ../sass/style.scss */
.priorityindicationmainwrao.rightposition:after {
  border-color: transparent transparent transparent #fff;
  left: auto;
  right: -16px;
  top: 8px;
}

/* line 823, ../sass/style.scss */
.priorityindicationmainwrao#tagpostdiv{
  width: 252px;
  height: auto;
  padding: 10px;
}
.priorityindicationinnerwrao.tagpostinner span{
  color: #000;
  font-size: 12px;
  line-height: 18px;
  min-width: 50px;
  text-align: center;
  float: left;
  letter-spacing: 0px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 3px;
  padding: 2px 5px;
  background: #dceafb;
}
.priorityindicationinnerwrao i {
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  width: 14px;
  height: 14px;
  opacity: 0;
  text-align: center;
  display: inline-block;
  margin: 0px 3px 8px;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: top;
  border: 2px solid transparent;
  letter-spacing: 0px;
  -webkit-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  -ms-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  transition: all .3s 0s;
}

.activetile{
  background-color: #8590be !important;
}
/* line 824, ../sass/style.scss */
.priorityindicationinnerwrao i.none {
  background: #e4e7ec;
  border: 1px solid #e4e7ec;
}
/* line 825, ../sass/style.scss */
.priorityindicationinnerwrao i.sucess {
  background: #61bd4f;
  border: 2px solid #61bd4f;
}
/* line 826, ../sass/style.scss */
.priorityindicationinnerwrao i.highest {
  background: #f7005f;
  border: 2px solid #f7005f;
}
/* line 827, ../sass/style.scss */
.priorityindicationinnerwrao i.high {
  background: #f2d600;
  border: 2px solid #f2d600;
}
/* line 828, ../sass/style.scss */
.priorityindicationinnerwrao i.normal {
  background: #ffab4a;
  border: 2px solid #ffab4a;
}
/* line 829, ../sass/style.scss */
.priorityindicationinnerwrao i.low {
  background: #00f;
  border: 2px solid #00f;
}
/* line 830, ../sass/style.scss */
.priorityindicationinnerwrao i.lowest {
  background: #c377e0;
  border: 2px solid #c377e0;
}
/* line 831, ../sass/style.scss */
.priorityindicationinnerwrao i.morelow {
  background: #ff80ce;
  border: 2px solid #ff80ce;
}
/* line 832, ../sass/style.scss */
.priorityindicationinnerwrao i.morelowest {
  background: #ff80ce;
  border: 2px solid #ff80ce;
}
/* line 833, ../sass/style.scss */
.priorityindicationinnerwrao i.delete {
  color: #999;
  font-size: 16px;
  width: 14px;
  height: 14px;
  text-align: center;
  background: transparent;
  border: 0px solid transparent;
  padding: 0px;
  margin-top: 0px;
  border-radius: 0px;
  background: url(../images/trash.png) no-repeat center center/14px auto;
  padding-left: 0px;
}
/* line 834, ../sass/style.scss */
.priorityindicationinnerwrao i.delete.active {
  border: 2px solid transparent;
}
/* line 835, ../sass/style.scss */
.priorityindicationinnerwrao i.delete:before {
  content: '\f057';
  content: '\f014';
  display: none;
}
/* line 836, ../sass/style.scss */
.priorityindicationinnerwrao i.delete:hover {
  color: #333;
}
/* line 838, ../sass/style.scss */
.priorityindicationinnerwrao i.deadline {
  color: #999;
  font-size: 14px;
  line-height: 11.5px;
  position: relative;
  border: 0px solid #000;
  margin-top: 0px;
  border-radius: 0px;
  background: url(../images/calendr.png) no-repeat center center/14px auto;
  padding-left: 0px;
}
/* line 839, ../sass/style.scss */
.priorityindicationinnerwrao i.deadline span {
  position: absolute;
  left: 0px;
  bottom: 2px;
  text-align: center;
  width: 100%;
  line-height: 8px;
  color: #333;
  font-size: 8px;
}
/* line 840, ../sass/style.scss */
.priorityindicationinnerwrao i.deadline input {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
/* line 841, ../sass/style.scss */
.priorityindicationinnerwrao i.deadline.active {
  border: none;
}
/* line 842, ../sass/style.scss */
.priorityindicationinnerwrao i.deadline:before {
  content: '\f274';
  display: none;
}
/* line 844, ../sass/style.scss */
.priorityindicationinnerwrao i.done {
  color: #999;
  font-size: 15px;
  line-height: 11.5px;
  border: 0px solid #000;
  margin-top: 0px;
  border-radius: 0px;
  background: url(../images/done.png) no-repeat center center/14px auto;
  padding-left: 0px;
}
/* line 845, ../sass/style.scss */
.priorityindicationinnerwrao i.done.active {
  background-size: 12px auto;
  border-radius: 50%;
}
/* line 846, ../sass/style.scss */
.priorityindicationinnerwrao i.done:before {
  content: '\f058';
  content: '\f046';
  display: none;
}
/* line 847, ../sass/style.scss */
.priorityindicationinnerwrao i.done:hover {
  color: #333;
}
/* line 849, ../sass/style.scss */
.priorityindicationinnerwrao i.edittask {
  margin-top: 0px;
  border-radius: 0px;
  background: url(../icon/edit-icon.svg) no-repeat center center/14px auto;
  padding-left: 0px;
}
/* line 850, ../sass/style.scss */
.priorityindicationinnerwrao i.deldeadline {
  margin-top: 0px;
  border-radius: 0px;
  background: url(../images/deldeadline.png) no-repeat center center/14px auto;
  padding-left: 0px;
}
/* line 851, ../sass/style.scss */
.priorityindicationinnerwrao i.deldeadline.active {
  border: none;
}
/* line 852, ../sass/style.scss */
.priorityindicationinnerwrao i.deldeadline:before {
  content: '\f274';
  display: none;
}
/* line 854, ../sass/style.scss */
.priorityindicationinnerwrao i.loader, .priorityindicationinnerwrao i.loader.active {
  color: #666;
  font-size: 14px;
  line-height: 14px;
  height: 14px;
  width: 14px;
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
  background: transparent;
}
/* line 855, ../sass/style.scss */
.priorityindicationinnerwrao i.loader:after, .priorityindicationinnerwrao i.loader.active:after {
  background: url(../icon/loader-icon.svg) no-repeat center center;
  content: '';
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  left: -2px;
  margin-left: 0px;
  top: -2px;
  -webkit-animation: lspin 1.5s infinite linear;
  animation: lspin 1.5s infinite linear;
}
/* line 858, ../sass/style.scss */
.priorityindicationinnerwrao i.taskforward {
  color: #999;
  font-size: 16px;
  line-height: 16px;
  border: 0px solid #000;
  margin-top: 0px;
  border-radius: 0px;
  padding-left: 0px;
  position: relative;
}
/* line 860, ../sass/style.scss */
.priorityindicationinnerwrao i.taskforward.active {
  border: none;
  color: #333;
}
/* line 861, ../sass/style.scss */
.priorityindicationinnerwrao i.taskforward input {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
/* line 862, ../sass/style.scss */
.priorityindicationinnerwrao i.taskforward:before {
  content: '\f0a9';
}
/* line 863, ../sass/style.scss */
.priorityindicationinnerwrao i.taskforward:hover {
  color: #333;
}
/* line 865, ../sass/style.scss */
.priorityindicationinnerwrao i.active {
  border: 2px solid #333;
}

/*========================================================
              Editable Task
========================================================*/
/* line 872, ../sass/style.scss */
#taskeditablewrap {
  border-radius: 5px;
  position: absolute;
  background: #DCDADA;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  top: 0px;
  left: 0px;
}
/* line 873, ../sass/style.scss */
#taskeditablewrap.showedit {
  z-index: 11;
  opacity: 1;
  visibility: visible;
}
/* line 874, ../sass/style.scss */
#taskeditablewrap .addnewwrap {
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  width: 100%;
  background: #fff;
  padding: 10px 10px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
/* line 875, ../sass/style.scss */
#taskeditablewrap .addnewwrap .form-group {
  margin-bottom: 0px;
}
/* line 876, ../sass/style.scss */
#taskeditablewrap .addnewwrap textarea {
  padding: 2px 3px;
  height: 57px;
}
/* line 878, ../sass/style.scss */
#taskeditablewrap .addnewwrap .addnewcard * {
  vertical-align: top;
}
/* line 880, ../sass/style.scss */
#taskeditablewrap .addnewwrap .addnewcard button.btn, #taskeditablewrap .addnewwrap .addnewcard button.btn:hover {
  min-width: 50px;
  text-align: left;
  font-size: 12px;
  display: inline-block;
  color: #5f6364;
  fill: #5f6364;
  background: transparent;
  border: none;
  padding: 0px 0px 0px;
  line-height: 24px;
  min-height: inherit;
  background: transparent;
}
/* line 881, ../sass/style.scss */
#taskeditablewrap .addnewwrap .addnewcard button.btn.clbtn {
  margin-left: 20px;
}
/* line 882, ../sass/style.scss */
#taskeditablewrap .addnewwrap .addnewcard button.btn:hover {
  fill: #4d88fe;
  color: #4d88fe;
}
/* line 883, ../sass/style.scss */
#taskeditablewrap .addnewwrap .addnewcard button.btn svg {
  width: 10px;
  height: 10px;
  vertical-align: middle;
}
/* line 884, ../sass/style.scss */
#taskeditablewrap .addnewwrap .addnewcard button.btn > svg .st0 {
  fill: none;
}
/* line 885, ../sass/style.scss */
#taskeditablewrap .addnewwrap .addnewcard button.btn span {
  display: inline-block;
  margin-left: 12px;
}
/* line 888, ../sass/style.scss */
#taskeditablewrap .addnewwrap .canclebtn {
  width: 25px;
  height: 25px;
  margin-left: 10px;
}

/*========================================================
              TOP Menu PROJECT PAGE
========================================================*/
/* line 894, ../sass/style.scss */
.buttongroup {
  border-radius: 3px;
  padding-bottom: 0px;
  /*border: 1px solid #eaebef;*/
  display: flex;
  min-height: 34px;
}
/* line 895, ../sass/style.scss */
.buttongroup > li {
  float: left;
  margin: 0px 0px;
  border-left: 1px solid #eaebef;
  margin-left: -1px;
  background: #ffffff;
  min-width: 110px;
  max-width: 110px;
  overflow: hidden;
}
/* line 896, ../sass/style.scss */
.buttongroup > li a {
  display: block;
  padding: 9px 6px 9px;
  font-size: 12px;
  line-height: 14px;
  /*color: #a9aaae;*/
  color: #000;
  fill: #a9aaae;
  position: relative;
  z-index: 2;
  max-height: 32px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 897, ../sass/style.scss */
.buttongroup > li a svg {
  width: 11px;
  height: 11px;
  vertical-align: middle;
  margin-right: 10px;
}
/* line 898, ../sass/style.scss */
.buttongroup > li a i.fa {
  margin-left: 5px;
}
/* line 900, ../sass/style.scss */
.buttongroup > li:hover > a, .buttongroup > li.active {
  background: #f6f7fb;
  border-color: #e4e7ec;
  box-shadow: 0px 0px 0px 0px #e4e7ec inset;
}
/* line 902, ../sass/style.scss */
.buttongroup > li:hover > a > a, .buttongroup > li.active > a {
  /*background: #4d88fe;*/
  font-weight: bold;
  /*fill: #4d88fe;*/
}
/* line 904, ../sass/style.scss */
.buttongroup > li:first-child {
  margin-left: 0px;
  border-radius: 3px 0px 0px 3px;
  border-left: 0px solid transparent;
}
/* line 905, ../sass/style.scss */
.buttongroup > li:last-child {
  border-radius: 0px 3px 3px 0px;
}
/* line 906, ../sass/style.scss */
.buttongroup > li.squarebtn {
  min-width: 52px;
  border-right: 0px;
  border-radius: 3px !important;
}
/* line 908, ../sass/style.scss */
.buttongroup > li.squarebtn a {
  padding: 5px 5px 5px;
  text-align: center;
}
/* line 910, ../sass/style.scss */
.buttongroup > li.squarebtn a svg {
  width: 20px;
  height: 20px;
  margin-right: 0px;
}
/* line 911, ../sass/style.scss */
.buttongroup > li.squarebtn a span {
  display: block;
  line-height: 16px;
}
/* line 913, ../sass/style.scss */
.buttongroup > li.squarebtn input, .buttongroup > li.squarebtn input:focus {
  z-index: -1;
  opacity: 0;
  visibility: visible;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  top: -2px;
  position: absolute;
  left: -212px;
  font-size: 13px;
  line-height: 21px;
  font-weight: 600;
  min-width: 200px;
  text-decoration: none;
  color: #101028;
  text-align: left;
  background: #fff;
  border-radius: 3px;
  border: transparent;
  box-shadow: none;
  padding: 5px 30px 5px 10px;
  width: 100%;
  min-height: 33px;
  border: 1px solid #eaebef;
  text-transform: none;
  outline: none;
}
/* line 914, ../sass/style.scss */
.buttongroup > li.squarebtn.active {
  background: #fff;
  box-shadow: none;
}
/* line 916, ../sass/style.scss */
.buttongroup > li.squarebtn.active a {
  padding: 9px 5px 9px;
}
/* line 918, ../sass/style.scss */
.buttongroup > li.squarebtn.active a:before {
  content: 'Add';
}
/* line 919, ../sass/style.scss */
.buttongroup > li.squarebtn.active a svg {
  display: none;
}
/* line 921, ../sass/style.scss */
.buttongroup > li.squarebtn.active input {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
/* line 922, ../sass/style.scss */
.buttongroup > li.squarebtn.active input:focus {
  opacity: 1;
  visibility: visible;
}

/*========================================================
++++            Dropdown
========================================================*/
/* line 932, ../sass/style.scss */
.bluekart-dropdown button.project {
  font-size: 20px;
  line-height: 22px;
  min-width: 130px;
  background: transparent;
  border: transparent;
}
.bluekart-dropdown {
  position: relative;
  display: block;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  margin-right: 11px;
}
/* line 933, ../sass/style.scss */
.bluekart-dropdown.open {
  z-index: 5;
}
/* line 934, ../sass/style.scss */
.bluekart-dropdown.open .dropdown-bluekart-menu {
  display: block;
}
/* line 936, ../sass/style.scss */
.bluekart-dropdown button {
  font-size: 13px;
  line-height: 21px;
  font-weight: 600;
  min-width: 200px;
  text-decoration: none;
  color: #101028;
  text-align: left;
  background: #fff;
  border-radius: 3px;
  position: relative;
  border: transparent;
  box-shadow: none;
  padding: 5px 30px 5px 10px;
  width: 100%;
  min-height: 33px;
  border: 1px solid #eaebef;
  text-transform: none;
}
/* line 937, ../sass/style.scss */
.bluekart-dropdown button:focus {
  outline: none;
}
/* line 938, ../sass/style.scss */
.bluekart-dropdown button > span {
  border-radius: 2px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  font-size: 50px;
  line-height: 61px;
  font-weight: 600;
  color: #fff;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 5px;
  top: 5px;
}
/* line 939, ../sass/style.scss */
.bluekart-dropdown button:before {
  content: "\f107";
  position: absolute;
  right: 6px;
  top: 7px;
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
/* line 941, ../sass/style.scss */
.bluekart-dropdown .dropdown-bluekart-menu {
  display: none;
  min-width: 100%;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-width: 0;
  border-radius: 0px;
  background-color: #FFFFFF;
  border-top: 0px solid #2196f3;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  position: absolute;
  left: 0;
  max-height: 250px;
  z-index: 99;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
}
/* line 942, ../sass/style.scss */
.bluekart-dropdown .dropdown-bluekart-menu li {
  cursor: pointer;
  position: relative;
  padding: 10px 20px 10px;
  text-align: left;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  outline: none;
  color: #838383;
  min-height: 20px;
}
/* line 943, ../sass/style.scss */
.bluekart-dropdown .dropdown-bluekart-menu li:first-child {
  cursor: default;
}
/* line 944, ../sass/style.scss */
.bluekart-dropdown .dropdown-bluekart-menu li > label > span {
  border-radius: 2px;
  text-transform: uppercase;
  display: block;
  font-size: 50px;
  line-height: 61px;
  font-weight: 600;
  color: #fff;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 5px;
  text-align: center;
  top: 5px;
}
/* line 945, ../sass/style.scss */
.bluekart-dropdown .dropdown-bluekart-menu li:hover, .bluekart-dropdown .dropdown-bluekart-menu li.active {
  background-color: #DCDADA;
}

/*========================================================
++++            Project Modal
========================================================*/
/* line 953, ../sass/style.scss */
.projectmodal {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
}
/* line 955, ../sass/style.scss */
.projectmodal .close {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
}
/* line 956, ../sass/style.scss */
.projectmodal .modalcontentwrap {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  width: 100%;
  max-width: 600px;
  padding: 15px;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.1) ;
  box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.1) ;
  opacity: 0;
  visibility: hidden;
  transform: scale 0.3;
  -webkit-transform: scale 0.3;
  -moz-transform: scale 0.3;
}
/* line 958, ../sass/style.scss */
.projectmodal .modalcontentwrap.smallmodal {
  max-width: 500px;
}
/* line 959, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner {
  position: relative;
  min-height: 200px;
}
/* line 961, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner.withabsodiv {
  padding-right: 120px;
}
/* line 962, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner.withabsodiv .projectareaselection {
  padding-right: 40px;
}
/* line 966, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner h5 {
  margin: 0px 0px 10px;
}
/* line 968, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner .projectareaselection .bluekart-dropdown {
  margin-right: 0px;
}
/* line 970, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner .taskactionwrap {
  padding-left: 15px;
  padding-bottom: 40px;
  position: absolute;
  right: 0px;
  top: 0px;
   width: 150px;
  height: 100%;
  border-left: 1px solid #ebebeb;
}
/* line 973, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner .taskactionwrap .priorityindicationinnerwrao i {
  transition: all 0.3s 0.2s;
  -webkit-transition: all 0.3s 0.2s;
  -moz-transition: all 0.3s 0.2s;
  opacity: 1;
}
/* line 975, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner .taskactionwrap .absobtn {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding-left: 15px;
}

.projecttiles {
  overflow: scroll;
  height: 68px;
  cursor: default;
}
/* line 977, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner .userssidepanelinner {
  padding: 10px 0px;
}
/* line 979, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner .userssidepanelinner .memberwrap .userlist {
 /* max-height: 180px;*/
  max-height: 92px;
}
/* line 981, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner .userssidepanelinner .memberwrap .userlist li {
  width: 35px;
  height: 35px;
}
/* line 982, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner .userssidepanelinner .memberwrap .userlist li.active i.fa {
  line-height: 35px;
}
/* line 983, ../sass/style.scss */
.projectmodal .modalcontentwrap .modalcontentinner .userssidepanelinner .memberwrap .userlist li.active i.fa:before {
  content: "\f00c";
}
/* line 991, ../sass/style.scss */
.projectmodal.openprojectpop {
  opacity: 1;
  visibility: visible;
}
/* line 993, ../sass/style.scss */
.projectmodal.openprojectpop .modalcontentwrap {
  opacity: 1;
  visibility: visible;
  transform: scale 1;
  -webkit-transform: scale 1;
  -moz-transform: scale 1;
}

/* line 996, ../sass/style.scss */
.taskcommentarea {
  padding: 10px 5px 10px 10px;
  border: 1px solid #ebebeb;
  margin-top: 10px;
}
/* line 998, ../sass/style.scss */
.taskcommentarea .taskcomment {
  max-height: 230px;
  min-height: 140px;
  overflow: hidden;
  overflow-y: auto;
}
/* line 1000, ../sass/style.scss */
.taskcommentarea .taskcomment ul {
  padding-right: 10px;
}
/* line 1002, ../sass/style.scss */
.taskcommentarea .taskcomment ul li {
  border: 1px solid #f9f9f9;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  padding: 5px;
  margin-bottom: 5px;
}
/* line 1004, ../sass/style.scss */
.taskcommentarea .taskcomment ul li.others {
  background: #f2f2f2;
  margin-right: 20px;
}
/* line 1005, ../sass/style.scss */
.taskcommentarea .taskcomment ul li.me {
  background: whitesmoke;
  margin-left: 20px;
}
/* line 1006, ../sass/style.scss */
.taskcommentarea .taskcomment ul li .commentedby {
  font-size: 11px;
  text-align: right;
  margin-top: 5px;
}
/* line 1010, ../sass/style.scss */
.taskcommentarea .commenttextarea {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #ebebeb;
}
/* line 1012, ../sass/style.scss */
.taskcommentarea .commenttextarea textarea {
  width: 100%;
  height: 100px;
  resize: none;
}
/* line 1013, ../sass/style.scss */
.taskcommentarea .commenttextarea textarea:focus {
  outline: none;
}
/* line 1015, ../sass/style.scss */
.taskcommentarea .commenttextarea .replybutton {
  text-align: right;
}
/* line 1017, ../sass/style.scss */
.taskcommentarea .commenttextarea .replybutton button.btn, .taskcommentarea .commenttextarea .replybutton button.btn:hover {
  min-width: 50px;
  text-align: left;
  font-size: 12px;
  display: inline-block;
  color: #5f6364;
  fill: #5f6364;
  background: transparent;
  border: none;
  padding: 0px 0px 0px;
  line-height: 24px;
  min-height: inherit;
  background: transparent;
}
/* line 1018, ../sass/style.scss */
.taskcommentarea .commenttextarea .replybutton button.btn:hover {
  fill: #4d88fe;
  color: #4d88fe;
}
/* line 1019, ../sass/style.scss */
.taskcommentarea .commenttextarea .replybutton button.btn svg {
  width: 10px;
  height: 10px;
  vertical-align: middle;
}
/* line 1020, ../sass/style.scss */
.taskcommentarea .commenttextarea .replybutton button.btn > svg .st0 {
  fill: none;
}
/* line 1021, ../sass/style.scss */
.taskcommentarea .commenttextarea .replybutton button.btn span {
  display: inline-block;
  margin-left: 5px;
}
/* line 1022, ../sass/style.scss */
.taskcommentarea .commenttextarea .replybutton button.btn.replybtn {
  margin-left: 20px;
}

/*========================================================
            Animation
========================================================*/
@-webkit-keyframes chbg {
  0% {
    background: #fff;
  }
  70% {
    background: #999;
  }
  100% {
    background: #fff;
  }
}
@keyframes chbg {
  0% {
    background: #fff;
  }
  70% {
    background: #999;
  }
  100% {
    background: #fff;
  }
}




/*========================================================
           KHALID
========================================================*/

#loaderbgwrapper{position:absolute;background:#f5f5f5;width: 100%;height: 40rem;z-index: 5;opacity: .8;}
.loaderbg {
  display: block;
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 100;
  top:20%;
  margin-top: -50px;
  left: 50%;
  margin-left:-25px;

}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*========================================================
            Zain
========================================================*/
.form-item{margin: 10px 20px;
  height: 40px;
  width: 80%;}
.custombgwrap{
  padding: 20px;
}
.custombgwrap label {
  text-align: left !important;
  margin-top: 20px;
}
.tmargin{
  margin-top:20px;
}
.RT{
  margin-right :20px;
}
.form-group .dp {
  position: relative;
  display: inline-block;
}

#euserimage{
   cursor: url(pencilw.png), auto;
  position: absolute;
    top: 0;
    margin-top: 75px;
    margin-left: -20px;
    left: 50%;
    width: 35px;
    height: 35px;
    opacity: 0;
}
.dpwrap:hover .dp.img > .edit{
    display: block;
    visibility: visible;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}
.edit {
     padding-top: 40%;
    padding-right: 10%;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: rgba(0,0,0,0.5);
}
.edit .fa{
  color:#fff !important;
}

.edit a {
  color: #000;
}