/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/main.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext);
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/questionaire-gokul.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.core.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.bubble.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\D7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill-emoji/dist/quill-emoji.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
#quill-editor{position:relative}.mention{color:#0366d6}.completions{background:#fff;border-radius:2px;box-shadow:2px 2px 2px rgba(0,0,0,.25);list-style:none}.completions,.completions>li{margin:0;padding:0}.completions>li>button{background:none;border:none;box-sizing:border-box;display:block;height:2em;margin:0;padding:.25em .5em;text-align:left;width:100%}.completions>li>button:hover{background:#ddd}.completions>li>button:focus{background:#ddd;outline:none}.completions>li>button>.matched{color:#000;font-weight:700}.completions>li>button>*{vertical-align:middle}.emoji_completions{background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);list-style:none;margin:0;padding:6px}.emoji_completions li{display:inline-block;margin:2px 0;padding:0}.emoji_completions li:not(:last-of-type){margin-right:3px}.emoji_completions>li>button{background:#efefef;border:none;border-radius:3px;box-sizing:border-box;display:block;margin:0;padding:3px 2px 6px;text-align:left;width:100%}.emoji_completions>li>button:hover{background:#2d9ee0;color:#fff}.emoji_completions>li>button:focus{background:#2d9ee0;color:#fff;outline:none}.emoji_completions>li>button.emoji-active{background:red;background:#2d9ee0;color:#fff;outline:none}.emoji_completions>li>button>.matched{font-weight:700}.emoji_completions>li>button>*,.ico{vertical-align:middle}.ico{font-size:18px;line-height:0;margin-right:5px}#emoji-palette{border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);max-width:250px;position:absolute;z-index:999}.bem{cursor:pointer;display:inline-block;font-size:24px;margin:2px;text-align:center;width:34px}#tab-filters{margin:20px auto 0;width:210px}.emoji-tab{cursor:pointer;display:inline-table;height:100%;min-height:30px;text-align:center;width:30px}#tab-toolbar{background-color:#f7f7f7;border-bottom:1px solid rgba(0,0,0,.15);padding:4px 4px 0}#tab-toolbar ul{margin:0;padding:0}#tab-toolbar .active{border-bottom:3px solid #2ab27b}#tab-panel{background:#fff;display:flex;flex-wrap:wrap;justify-content:center;max-height:220px;overflow-y:scroll;padding:2px}#quill-editor x-contain,contain{background:#fb8;display:block}#quill-editor table{border-collapse:collapse;width:100%}#quill-editor table td{border:1px solid #000;height:25px;padding:5px}.ql-picker.ql-table .ql-picker-label:before,button.ql-table:after{content:"TABLE"}button.ql-contain:after{content:"WRAP"}button.ql-table[value=append-row]:after{content:"ROWS+"}button.ql-table[value=append-col]:after{content:"COLS+"}.ql-contain,.ql-table{margin-right:-15px;width:auto!important}#emoji-close-div{height:100%;left:0;position:fixed;top:0;width:100%}.textarea-emoji-control{height:25px;right:4px;top:10px;width:25px}#textarea-emoji{border:1px solid #66afe9;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);max-width:250px;position:absolute;right:0;z-index:999}.ql-editor{padding-right:26px}.i-activity{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><g transform="translate(7.500000, 7.500000)"><path stroke="%236F6D70" d="M18.02 1.36c5.92 3.02 8.28 10.26 5.26 16.18-2.12 4.17-6.35 6.57-10.73 6.57-1.83 0-3.7-.4-5.45-1.3-5.9-3-8.27-10.22-5.25-16.2C3.97 2.5 8.2.1 12.57.1c1.84 0 3.7.42 5.45 1.3zm4.7 11.44c.1-1.3-.06-2.6-.47-3.87-.13-.38-.27-.75-.43-1.1l-3.42-1.6-1.57-3.4c-.62-.3-1.27-.5-1.92-.68-.7-.18-1.5-.27-2.3-.27-.4 0-.8.02-1.2.06L8.9 4.74l-3.74.43c-.63.68-1.16 1.45-1.6 2.28-.42.84-.72 1.72-.9 2.63l1.84 3.3-.74 3.68c.3.56.66 1.08 1.1 1.58.76.94 1.7 1.7 2.8 2.32l3.7-.74 3.26 1.84c1.13-.23 2.23-.65 3.24-1.26.6-.35 1.2-.77 1.7-1.24l.44-3.74 2.78-2.55.05-.47z" stroke-linecap="round" stroke-linejoin="round"/><polygon points="10.6158689 8.50666885 8.42649168 12.8046921 11.836847 16.2129328 16.1342124 14.0235556 15.3793892 9.26144504"/></g></g></g></svg>')}.i-activity,.i-flags{content:"";height:25px;margin:auto;width:25px}.i-flags{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><g transform="translate(9.500000, 8.000000)"><path d="M.5 3.13V23.5c0 .83.68 1.5 1.5 1.5.84 0 1.5-.67 1.5-1.5V3.14c0-.83-.66-1.5-1.5-1.5-.82 0-1.5.67-1.5 1.5z"/><path d="M3.5 11.54c.7-.16 1.44-.22 2.25-.17 1.38.07 2.48.3 5.23 1.04l.55.2c3.02.8 4.77 1 5.96.67v-7.9c-1.7.33-3.8-.07-7.1-1-3.9-1.1-5.7-1.3-6.9-.5v7.7zm7.68-10.1c4.1 1.15 5.7 1.3 6.98.44 1-.66 2.33.05 2.33 1.25v11c0 .5-.3 1-.7 1.26-2.2 1.4-4.6 1.2-9.1 0l-.56-.16c-4.54-1.2-6.15-1.3-7.05-.2-.9 1.06-2.65.42-2.65-.98v-11c0-.4.2-.8.5-1.1C3.4-.24 5.75-.1 11.2 1.4z"/></g></g></g></svg>')}.i-food{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><path fill-rule="nonzero" d="M9.57 28.2c0 .28.22.5.5.5h19.2c.27 0 .5-.22.5-.5v-4.4H9.57v4.4zm23.2-3.06v3.07c0 1.95-1.57 3.5-3.5 3.5h-19.2c-1.93 0-3.5-1.55-3.5-3.5V25c.46.15.96.24 1.47.24h23.78c.33 0 .64-.04.94-.1z"/><path fill-rule="nonzero" d="M6.57 18.2v-3.45c0-3.56 2.9-6.45 6.45-6.45h13.3c3.55 0 6.44 2.9 6.44 6.45v3.45H6.56zm3-1.83h3.6l.4.86c.23.5.73.83 1.3.83.56 0 1.06-.33 1.3-.83l.4-.86h13.2v-1.62c0-1.9-1.56-3.45-3.45-3.45h-13.3c-1.9 0-3.45 1.55-3.45 3.45v1.62z"/><path fill-rule="nonzero" d="M13.23 16.37l.4.86c.24.5.74.83 1.3.83.57 0 1.07-.33 1.3-.83l.4-.86H31.9c2.44 0 4.43 1.98 4.43 4.43 0 2.45-1.98 4.44-4.44 4.44H8.1c-2.44 0-4.43-2-4.43-4.44 0-2.45 1.98-4.43 4.44-4.43h5.14zm-5.12 3c-.8 0-1.42.64-1.42 1.43 0 .8.64 1.44 1.44 1.44h23.8c.8 0 1.43-.64 1.43-1.44 0-.8-.64-1.43-1.44-1.43H18.4c-.83 1.04-2.1 1.7-3.5 1.7-1.37 0-2.65-.66-3.47-1.7H8.1z"/><circle cx="14.6682646" cy="13.75" r="1"/><circle cx="24.6682646" cy="13.75" r="1"/><circle cx="19.6682646" cy="13.75" r="1"/></g></g></svg>')}.i-food,.i-nature{content:"";height:25px;margin:auto;width:25px}.i-nature{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M15.96 18.26L30.86 32c.5.46 1.3.43 1.77-.08.46-.5.43-1.3-.08-1.76l-14.9-13.74c-.5-.46-1.3-.43-1.76.08-.5.5-.5 1.3 0 1.76z"/><path d="M18.17 21.28c-.7-.06-1.3.45-1.35 1.14-.06.7.45 1.3 1.13 1.35l4.96.43c.9.07 1.5-.66 1.4-1.47l-1-5.6c-.1-.7-.74-1.14-1.42-1.02-.67.2-1.12.8-1 1.5l.7 4-3.32-.3z"/><path d="M28.48 28.95c-.38.17-1 .4-1.85.64-2.92.7-6 .9-8.95-.2-5.98-2.17-9.8-8.5-10.54-19.9l-.1-1.4 1.38-.2c14.45-2.08 23.4 7.4 21.33 19.85l-1.9-.3.63 1.43zM10.24 10.77C11.12 20.14 14.2 25 18.7 26.6c2.27.83 4.76.74 7.14.1.4-.12.76-.23 1.07-.35 1.2-9.6-5.4-16.57-16.6-15.58z"/></g></g></svg>')}.i-objects{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M11.04 16.7c0-4.85 4.02-8.76 8.96-8.76 4.94 0 8.96 3.9 8.96 8.76 0 2.54-1.12 4.9-3 6.54v1.87c0 1.28-1.02 2.27-2.26 2.27h-7.37c-1.23 0-2.25-1-2.25-2.22V23.3c-1.9-1.65-3.04-4-3.04-6.58zm11.9 5.82c0-.48.24-.93.63-1.22 1.5-1.08 2.4-2.77 2.4-4.6 0-3.17-2.67-5.76-5.97-5.76s-5.96 2.6-5.96 5.76c0 1.84.9 3.54 2.42 4.62.4.28.62.74.62 1.22v1.8h5.87V22.5z"/><path d="M21.76 28.78c-.22.05-.42.1-.62.13-.5.1-.9.2-1.1.2-.24 0-.62-.04-1.08-.12l-.74-.15-.08-.02v-2.93c0-.83-.68-1.5-1.5-1.5-.83 0-1.5.67-1.5 1.5v4.1c0 .68.44 1.27 1.1 1.45l.38.1.94.23c.3.1.6.15.87.2.62.1 1.16.17 1.6.17.47 0 1.03-.1 1.7-.2l.7-.17.95-.22c.18-.03.32-.1.4-.1.64-.2 1.08-.76 1.08-1.43v-4.1c0-.83-.67-1.5-1.5-1.5-.82 0-1.5.67-1.5 1.5v2.9c-.03 0-.07 0-.1.02z"/></g></g></svg>')}.i-objects,.i-people{content:"";height:25px;margin:auto;width:25px}.i-people{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><path fill-rule="nonzero" d="M20 34c-7.73 0-14-6.27-14-14S12.27 6 20 6s14 6.27 14 14-6.27 14-14 14zm0-3c6.08 0 11-4.92 11-11S26.08 9 20 9 9 13.92 9 20s4.92 11 11 11z"/><circle cx="15.3474348" cy="16.7705459" r="2.34743481"/><circle cx="24.4703784" cy="16.7705459" r="2.34743481"/><path d="M20 27.9c2.7 0 4.88-2.18 4.88-4.88 0-2.7-9.76-2.7-9.76 0S17.3 27.9 20 27.9z"/></g></g></svg>')}.i-symbols{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M15.37 7.95c-4.48 0-8.06 3.9-8.06 8.64 0 3.5 2.2 6.9 5.8 10.3 1.2 1.1 2.5 2.2 3.9 3.1.84.6 1.5 1 1.98 1.3l.27.15.8.5 1.1-.6c.5-.27 1.18-.7 2-1.25 1.34-.9 2.66-1.9 3.9-3 3.57-3.28 5.75-6.8 5.75-10.6 0-4.74-3.6-8.65-8.1-8.65v3.3c2.6 0 4.76 2.4 4.76 5.35 0 2.65-1.72 5.43-4.7 8.13-1.1 1-2.27 1.9-3.5 2.7-.43.3-.83.54-1.17.74-.35-.2-.76-.5-1.2-.83-1.24-.87-2.4-1.83-3.54-2.87-2.95-2.76-4.7-5.5-4.7-7.9 0-2.98 2.2-5.35 4.78-5.35 1.3 0 2.5.6 3.4 1.6L20 14.3l1.25-1.43c.9-1.03 2.1-1.6 3.38-1.6v-3.3c-1.68 0-3.3.56-4.63 1.57-1.34-1-2.95-1.57-4.63-1.57z"/></g></g></svg>')}.i-symbols,.i-travel{content:"";height:25px;margin:auto;width:25px}.i-travel{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M25.46 11.2s-2.67 2.58-3.94 3.95l-10.6-2.13c-.12-.02-.25.04-.3.15l-.8 1.6c-.07.13 0 .3.12.37l7.75 3.88L13.4 24c-.5-.16-1.1-.33-1.66-.3-.3 0-.6.06-.85.25-.3.2-.4.5-.4.9s.1.74.3.98l3.2 3.23c.3.23.7.34 1 .34.4 0 .7-.13.9-.37.2-.23.24-.53.25-.84 0-.6-.15-1.2-.3-1.7l4.97-4.3 3.9 7.76c.06.13.23.2.36.12l1.6-.8c.13-.07.2-.2.17-.3l-2.12-10.6c1.4-1.28 3.95-3.95 3.96-3.96.86-.88 1.4-1.93 1.4-2.87 0-.5-.17-1-.5-1.33-.37-.36-.87-.5-1.38-.5-.95 0-2 .52-2.88 1.4zm2.87-4.4c1.28 0 2.54.44 3.5 1.4.93.93 1.38 2.2 1.38 3.47 0 1.8-.8 3.54-2.2 4.94-.4.5-1.7 1.8-2.8 2.9l1.8 9c.3 1.5-.4 2.9-1.7 3.6l-1.62.8c-1.62.8-3.6.1-4.36-1.4L20 27.1l-.7.6v.62c-.03.92-.28 1.8-.92 2.6-.8 1-1.98 1.5-3.22 1.5-1.03 0-2.12-.37-2.96-1.1l-.16-.14-3.22-3.22-.1-.12c-.75-.83-1.12-1.9-1.12-3 0-1.24.5-2.43 1.48-3.22.8-.6 1.68-.9 2.62-.9h.62l.6-.7-4.27-2.1c-1.65-.8-2.33-2.8-1.52-4.4l.8-1.64c.67-1.3 2.14-2.02 3.57-1.73l9 1.8 1.36-1.33 1.5-1.48c1.42-1.4 3.17-2.27 4.97-2.27z"/></g></g></svg>')}.button-emoji{margin-bottom:-5px}.ql-emojiblot{display:inline-block;vertical-align:text-top}.ap{background-image:url(1e7b63404cd2fb8e6525b2fd4ee4d286.png);background-repeat:no-repeat;background-size:820px;box-sizing:border-box;display:inline-flex;font-size:20px;height:20px;line-height:1;margin-top:-3px;overflow:hidden;text-indent:-999px;width:20px}.ap-copyright{background-position:0 0}.ap-registered{background-position:0 -20px}.ap-bangbang{background-position:0 -40px}.ap-interrobang{background-position:0 -60px}.ap-tm{background-position:0 -80px}.ap-information_source{background-position:0 -100px}.ap-left_right_arrow{background-position:0 -120px}.ap-arrow_up_down{background-position:0 -140px}.ap-arrow_upper_left{background-position:0 -160px}.ap-arrow_upper_right{background-position:0 -180px}.ap-arrow_lower_right{background-position:0 -200px}.ap-arrow_lower_left{background-position:0 -220px}.ap-leftwards_arrow_with_hook{background-position:0 -240px}.ap-arrow_right_hook{background-position:0 -260px}.ap-watch{background-position:0 -280px}.ap-hourglass{background-position:0 -300px}.ap-keyboard{background-position:0 -320px}.ap-fast_forward{background-position:0 -360px}.ap-rewind{background-position:0 -380px}.ap-arrow_double_up{background-position:0 -400px}.ap-arrow_double_down{background-position:0 -420px}.ap-black_right_pointing_double_triangle_with_vertical_bar{background-position:0 -440px}.ap-black_left_pointing_double_triangle_with_vertical_bar{background-position:0 -460px}.ap-black_right_pointing_triangle_with_double_vertical_bar{background-position:0 -480px}.ap-alarm_clock{background-position:0 -500px}.ap-stopwatch{background-position:0 -520px}.ap-timer_clock{background-position:0 -540px}.ap-hourglass_flowing_sand{background-position:0 -560px}.ap-double_vertical_bar{background-position:0 -580px}.ap-black_square_for_stop{background-position:0 -600px}.ap-black_circle_for_record{background-position:0 -620px}.ap-m{background-position:0 -640px}.ap-black_small_square{background-position:0 -660px}.ap-white_small_square{background-position:0 -680px}.ap-arrow_forward{background-position:0 -700px}.ap-arrow_backward{background-position:0 -720px}.ap-white_medium_square{background-position:0 -740px}.ap-black_medium_square{background-position:0 -760px}.ap-white_medium_small_square{background-position:0 -780px}.ap-black_medium_small_square{background-position:0 -800px}.ap-sunny{background-position:-20px 0}.ap-cloud{background-position:-20px -20px}.ap-umbrella{background-position:-20px -40px}.ap-snowman{background-position:-20px -60px}.ap-comet{background-position:-20px -80px}.ap-phone,.ap-telephone{background-position:-20px -100px}.ap-ballot_box_with_check{background-position:-20px -120px}.ap-umbrella_with_rain_drops{background-position:-20px -140px}.ap-coffee{background-position:-20px -160px}.ap-shamrock{background-position:-20px -180px}.ap-point_up{background-position:-20px -200px}.ap-skull_and_crossbones{background-position:-20px -320px}.ap-radioactive_sign{background-position:-20px -340px}.ap-biohazard_sign{background-position:-20px -360px}.ap-orthodox_cross{background-position:-20px -380px}.ap-star_and_crescent{background-position:-20px -400px}.ap-peace_symbol{background-position:-20px -420px}.ap-yin_yang{background-position:-20px -440px}.ap-wheel_of_dharma{background-position:-20px -460px}.ap-white_frowning_face{background-position:-20px -480px}.ap-relaxed{background-position:-20px -500px}.ap-aries{background-position:-20px -520px}.ap-taurus{background-position:-20px -540px}.ap-gemini{background-position:-20px -560px}.ap-cancer{background-position:-20px -580px}.ap-leo{background-position:-20px -600px}.ap-virgo{background-position:-20px -620px}.ap-libra{background-position:-20px -640px}.ap-scorpius{background-position:-20px -660px}.ap-sagittarius{background-position:-20px -680px}.ap-capricorn{background-position:-20px -700px}.ap-aquarius{background-position:-20px -720px}.ap-pisces{background-position:-20px -740px}.ap-spades{background-position:-20px -760px}.ap-clubs{background-position:-20px -780px}.ap-hearts{background-position:-20px -800px}.ap-diamonds{background-position:-40px 0}.ap-hotsprings{background-position:-40px -20px}.ap-recycle{background-position:-40px -40px}.ap-wheelchair{background-position:-40px -60px}.ap-hammer_and_pick{background-position:-40px -80px}.ap-anchor{background-position:-40px -100px}.ap-crossed_swords{background-position:-40px -120px}.ap-scales{background-position:-40px -140px}.ap-alembic{background-position:-40px -160px}.ap-gear{background-position:-40px -180px}.ap-atom_symbol{background-position:-40px -200px}.ap-fleur_de_lis{background-position:-40px -220px}.ap-warning{background-position:-40px -240px}.ap-zap{background-position:-40px -260px}.ap-white_circle{background-position:-40px -280px}.ap-black_circle{background-position:-40px -300px}.ap-coffin{background-position:-40px -320px}.ap-funeral_urn{background-position:-40px -340px}.ap-soccer{background-position:-40px -360px}.ap-baseball{background-position:-40px -380px}.ap-snowman_without_snow{background-position:-40px -400px}.ap-partly_sunny{background-position:-40px -420px}.ap-thunder_cloud_and_rain{background-position:-40px -440px}.ap-ophiuchus{background-position:-40px -460px}.ap-pick{background-position:-40px -480px}.ap-helmet_with_white_cross{background-position:-40px -500px}.ap-chains{background-position:-40px -520px}.ap-no_entry{background-position:-40px -540px}.ap-shinto_shrine{background-position:-40px -560px}.ap-church{background-position:-40px -580px}.ap-mountain{background-position:-40px -600px}.ap-beach_umbrella,.ap-umbrella_on_ground{background-position:-40px -620px}.ap-fountain{background-position:-40px -640px}.ap-golf{background-position:-40px -660px}.ap-ferry{background-position:-40px -680px}.ap-boat{background-position:-40px -700px}.ap-skier{background-position:-40px -720px}.ap-ice_skate{background-position:-40px -740px}.ap-person_with_ball{background-position:-40px -760px}.ap-tent{background-position:-60px -60px}.ap-fuelpump{background-position:-60px -80px}.ap-scissors{background-position:-60px -100px}.ap-white_check_mark{background-position:-60px -120px}.ap-airplane{background-position:-60px -140px}.ap-email{background-position:-60px -160px}.ap-fist{background-position:-60px -180px}.ap-hand{background-position:-60px -300px}.ap-v{background-position:-60px -420px}.ap-writing_hand{background-position:-60px -540px}.ap-pencil2{background-position:-60px -660px}.ap-black_nib{background-position:-60px -680px}.ap-heavy_check_mark{background-position:-60px -700px}.ap-heavy_multiplication_x{background-position:-60px -720px}.ap-latin_cross{background-position:-60px -740px}.ap-star_of_david{background-position:-60px -760px}.ap-sparkles{background-position:-60px -780px}.ap-eight_spoked_asterisk{background-position:-60px -800px}.ap-eight_pointed_black_star{background-position:-80px 0}.ap-snowflake{background-position:-80px -20px}.ap-sparkle{background-position:-80px -40px}.ap-x{background-position:-80px -60px}.ap-negative_squared_cross_mark{background-position:-80px -80px}.ap-question{background-position:-80px -100px}.ap-grey_question{background-position:-80px -120px}.ap-grey_exclamation{background-position:-80px -140px}.ap-exclamation{background-position:-80px -160px}.ap-heavy_heart_exclamation_mark_ornament{background-position:-80px -180px}.ap-heart{background-position:-80px -200px}.ap-heavy_plus_sign{background-position:-80px -220px}.ap-heavy_minus_sign{background-position:-80px -240px}.ap-heavy_division_sign{background-position:-80px -260px}.ap-arrow_right{background-position:-80px -280px}.ap-curly_loop{background-position:-80px -300px}.ap-loop{background-position:-80px -320px}.ap-arrow_heading_up{background-position:-80px -340px}.ap-arrow_heading_down{background-position:-80px -360px}.ap-arrow_left{background-position:-80px -380px}.ap-arrow_up{background-position:-80px -400px}.ap-arrow_down{background-position:-80px -420px}.ap-black_large_square{background-position:-80px -440px}.ap-white_large_square{background-position:-80px -460px}.ap-star{background-position:-80px -480px}.ap-o{background-position:-80px -500px}.ap-wavy_dash{background-position:-80px -520px}.ap-part_alternation_mark{background-position:-80px -540px}.ap-congratulations{background-position:-80px -560px}.ap-secret{background-position:-80px -580px}.ap-mahjong{background-position:-80px -600px}.ap-black_joker{background-position:-80px -620px}.ap-a{background-position:-80px -640px}.ap-b{background-position:-80px -660px}.ap-o2{background-position:-80px -680px}.ap-parking{background-position:-80px -700px}.ap-ab{background-position:-80px -720px}.ap-cl{background-position:-80px -740px}.ap-cool{background-position:-80px -760px}.ap-free{background-position:-80px -780px}.ap-id{background-position:-80px -800px}.ap-new{background-position:-100px 0}.ap-ng{background-position:-100px -20px}.ap-ok{background-position:-100px -40px}.ap-sos{background-position:-100px -60px}.ap-up{background-position:-100px -80px}.ap-vs{background-position:-100px -100px}.ap-koko{background-position:-100px -120px}.ap-sa{background-position:-100px -140px}.ap-u7121{background-position:-100px -160px}.ap-u6307{background-position:-100px -180px}.ap-u7981{background-position:-100px -200px}.ap-u7a7a{background-position:-100px -220px}.ap-u5408{background-position:-100px -240px}.ap-u6e80{background-position:-100px -260px}.ap-u6709{background-position:-100px -280px}.ap-u6708{background-position:-100px -300px}.ap-u7533{background-position:-100px -320px}.ap-u5272{background-position:-100px -340px}.ap-u55b6{background-position:-100px -360px}.ap-ideograph_advantage{background-position:-100px -380px}.ap-accept{background-position:-100px -400px}.ap-cyclone{background-position:-100px -420px}.ap-foggy{background-position:-100px -440px}.ap-closed_umbrella{background-position:-100px -460px}.ap-night_with_stars{background-position:-100px -480px}.ap-sunrise_over_mountains{background-position:-100px -500px}.ap-sunrise{background-position:-100px -520px}.ap-city_sunset{background-position:-100px -540px}.ap-city_sunrise{background-position:-100px -560px}.ap-rainbow{background-position:-100px -580px}.ap-bridge_at_night{background-position:-100px -600px}.ap-ocean{background-position:-100px -620px}.ap-volcano{background-position:-100px -640px}.ap-milky_way{background-position:-100px -660px}.ap-earth_africa{background-position:-100px -680px}.ap-earth_americas{background-position:-100px -700px}.ap-earth_asia{background-position:-100px -720px}.ap-globe_with_meridians{background-position:-100px -740px}.ap-new_moon{background-position:-100px -760px}.ap-waxing_crescent_moon{background-position:-100px -780px}.ap-first_quarter_moon{background-position:-100px -800px}.ap-moon{background-position:-120px 0}.ap-full_moon{background-position:-120px -20px}.ap-waning_gibbous_moon{background-position:-120px -40px}.ap-last_quarter_moon{background-position:-120px -60px}.ap-waning_crescent_moon{background-position:-120px -80px}.ap-crescent_moon{background-position:-120px -100px}.ap-new_moon_with_face{background-position:-120px -120px}.ap-first_quarter_moon_with_face{background-position:-120px -140px}.ap-last_quarter_moon_with_face{background-position:-120px -160px}.ap-full_moon_with_face{background-position:-120px -180px}.ap-sun_with_face{background-position:-120px -200px}.ap-star2{background-position:-120px -220px}.ap-stars{background-position:-120px -240px}.ap-thermometer{background-position:-120px -260px}.ap-mostly_sunny{background-position:-120px -280px}.ap-barely_sunny{background-position:-120px -300px}.ap-partly_sunny_rain{background-position:-120px -320px}.ap-rain_cloud{background-position:-120px -340px}.ap-snow_cloud{background-position:-120px -360px}.ap-lightning{background-position:-120px -380px}.ap-tornado{background-position:-120px -400px}.ap-fog{background-position:-120px -420px}.ap-wind_blowing_face{background-position:-120px -440px}.ap-hotdog{background-position:-120px -460px}.ap-taco{background-position:-120px -480px}.ap-burrito{background-position:-120px -500px}.ap-chestnut{background-position:-120px -520px}.ap-seedling{background-position:-120px -540px}.ap-evergreen_tree{background-position:-120px -560px}.ap-deciduous_tree{background-position:-120px -580px}.ap-palm_tree{background-position:-120px -600px}.ap-cactus{background-position:-120px -620px}.ap-hot_pepper{background-position:-120px -640px}.ap-tulip{background-position:-120px -660px}.ap-cherry_blossom{background-position:-120px -680px}.ap-rose{background-position:-120px -700px}.ap-hibiscus{background-position:-120px -720px}.ap-sunflower{background-position:-120px -740px}.ap-blossom{background-position:-120px -760px}.ap-corn{background-position:-120px -780px}.ap-ear_of_rice{background-position:-120px -800px}.ap-herb{background-position:-140px 0}.ap-four_leaf_clover{background-position:-140px -20px}.ap-maple_leaf{background-position:-140px -40px}.ap-fallen_leaf{background-position:-140px -60px}.ap-leaves{background-position:-140px -80px}.ap-mushroom{background-position:-140px -100px}.ap-tomato{background-position:-140px -120px}.ap-eggplant{background-position:-140px -140px}.ap-grapes{background-position:-140px -160px}.ap-melon{background-position:-140px -180px}.ap-watermelon{background-position:-140px -200px}.ap-tangerine{background-position:-140px -220px}.ap-lemon{background-position:-140px -240px}.ap-banana{background-position:-140px -260px}.ap-pineapple{background-position:-140px -280px}.ap-apple{background-position:-140px -300px}.ap-green_apple{background-position:-140px -320px}.ap-pear{background-position:-140px -340px}.ap-peach{background-position:-140px -360px}.ap-cherries{background-position:-140px -380px}.ap-strawberry{background-position:-140px -400px}.ap-hamburger{background-position:-140px -420px}.ap-pizza{background-position:-140px -440px}.ap-meat_on_bone{background-position:-140px -460px}.ap-poultry_leg{background-position:-140px -480px}.ap-rice_cracker{background-position:-140px -500px}.ap-rice_ball{background-position:-140px -520px}.ap-rice{background-position:-140px -540px}.ap-curry{background-position:-140px -560px}.ap-ramen{background-position:-140px -580px}.ap-spaghetti{background-position:-140px -600px}.ap-bread{background-position:-140px -620px}.ap-fries{background-position:-140px -640px}.ap-sweet_potato{background-position:-140px -660px}.ap-dango{background-position:-140px -680px}.ap-oden{background-position:-140px -700px}.ap-sushi{background-position:-140px -720px}.ap-fried_shrimp{background-position:-140px -740px}.ap-fish_cake{background-position:-140px -760px}.ap-icecream{background-position:-140px -780px}.ap-shaved_ice{background-position:-140px -800px}.ap-ice_cream{background-position:-160px 0}.ap-doughnut{background-position:-160px -20px}.ap-cookie{background-position:-160px -40px}.ap-chocolate_bar{background-position:-160px -60px}.ap-candy{background-position:-160px -80px}.ap-lollipop{background-position:-160px -100px}.ap-custard{background-position:-160px -120px}.ap-honey_pot{background-position:-160px -140px}.ap-cake{background-position:-160px -160px}.ap-bento{background-position:-160px -180px}.ap-stew{background-position:-160px -200px}.ap-egg{background-position:-160px -220px}.ap-fork_and_knife{background-position:-160px -240px}.ap-tea{background-position:-160px -260px}.ap-sake{background-position:-160px -280px}.ap-wine_glass{background-position:-160px -300px}.ap-cocktail{background-position:-160px -320px}.ap-tropical_drink{background-position:-160px -340px}.ap-beer{background-position:-160px -360px}.ap-beers{background-position:-160px -380px}.ap-baby_bottle{background-position:-160px -400px}.ap-knife_fork_plate{background-position:-160px -420px}.ap-champagne{background-position:-160px -440px}.ap-popcorn{background-position:-160px -460px}.ap-ribbon{background-position:-160px -480px}.ap-gift{background-position:-160px -500px}.ap-birthday{background-position:-160px -520px}.ap-jack_o_lantern{background-position:-160px -540px}.ap-christmas_tree{background-position:-160px -560px}.ap-santa{background-position:-160px -580px}.ap-fireworks{background-position:-160px -700px}.ap-sparkler{background-position:-160px -720px}.ap-balloon{background-position:-160px -740px}.ap-tada{background-position:-160px -760px}.ap-confetti_ball{background-position:-160px -780px}.ap-tanabata_tree{background-position:-160px -800px}.ap-crossed_flags{background-position:-180px 0}.ap-bamboo{background-position:-180px -20px}.ap-dolls{background-position:-180px -40px}.ap-flags{background-position:-180px -60px}.ap-wind_chime{background-position:-180px -80px}.ap-rice_scene{background-position:-180px -100px}.ap-school_satchel{background-position:-180px -120px}.ap-mortar_board{background-position:-180px -140px}.ap-medal{background-position:-180px -160px}.ap-reminder_ribbon{background-position:-180px -180px}.ap-studio_microphone{background-position:-180px -200px}.ap-level_slider{background-position:-180px -220px}.ap-control_knobs{background-position:-180px -240px}.ap-film_frames{background-position:-180px -260px}.ap-admission_tickets{background-position:-180px -280px}.ap-carousel_horse{background-position:-180px -300px}.ap-ferris_wheel{background-position:-180px -320px}.ap-roller_coaster{background-position:-180px -340px}.ap-fishing_pole_and_fish{background-position:-180px -360px}.ap-microphone{background-position:-180px -380px}.ap-movie_camera{background-position:-180px -400px}.ap-cinema{background-position:-180px -420px}.ap-headphones{background-position:-180px -440px}.ap-art{background-position:-180px -460px}.ap-tophat{background-position:-180px -480px}.ap-circus_tent{background-position:-180px -500px}.ap-ticket{background-position:-180px -520px}.ap-clapper{background-position:-180px -540px}.ap-performing_arts{background-position:-180px -560px}.ap-video_game{background-position:-180px -580px}.ap-dart{background-position:-180px -600px}.ap-slot_machine{background-position:-180px -620px}.ap-8ball{background-position:-180px -640px}.ap-game_die{background-position:-180px -660px}.ap-bowling{background-position:-180px -680px}.ap-flower_playing_cards{background-position:-180px -700px}.ap-musical_note{background-position:-180px -720px}.ap-notes{background-position:-180px -740px}.ap-saxophone{background-position:-180px -760px}.ap-guitar{background-position:-180px -780px}.ap-musical_keyboard{background-position:-180px -800px}.ap-trumpet{background-position:-200px 0}.ap-violin{background-position:-200px -20px}.ap-musical_score{background-position:-200px -40px}.ap-running_shirt_with_sash{background-position:-200px -60px}.ap-tennis{background-position:-200px -80px}.ap-ski{background-position:-200px -100px}.ap-basketball{background-position:-200px -120px}.ap-checkered_flag{background-position:-200px -140px}.ap-snowboarder{background-position:-200px -160px}.ap-runner{background-position:-200px -180px}.ap-surfer{background-position:-200px -300px}.ap-sports_medal{background-position:-200px -420px}.ap-trophy{background-position:-200px -440px}.ap-horse_racing{background-position:-200px -460px}.ap-football{background-position:-200px -480px}.ap-rugby_football{background-position:-200px -500px}.ap-swimmer{background-position:-200px -520px}.ap-weight_lifter{background-position:-200px -640px}.ap-golfer{background-position:-200px -760px}.ap-racing_motorcycle{background-position:-200px -780px}.ap-racing_car{background-position:-200px -800px}.ap-cricket_bat_and_ball{background-position:-220px 0}.ap-volleyball{background-position:-220px -20px}.ap-field_hockey_stick_and_ball{background-position:-220px -40px}.ap-ice_hockey_stick_and_puck{background-position:-220px -60px}.ap-table_tennis_paddle_and_ball{background-position:-220px -80px}.ap-snow_capped_mountain{background-position:-220px -100px}.ap-camping{background-position:-220px -120px}.ap-beach_with_umbrella{background-position:-220px -140px}.ap-building_construction{background-position:-220px -160px}.ap-house_buildings{background-position:-220px -180px}.ap-cityscape{background-position:-220px -200px}.ap-derelict_house_building{background-position:-220px -220px}.ap-classical_building{background-position:-220px -240px}.ap-desert{background-position:-220px -260px}.ap-desert_island{background-position:-220px -280px}.ap-national_park{background-position:-220px -300px}.ap-stadium{background-position:-220px -320px}.ap-house{background-position:-220px -340px}.ap-house_with_garden{background-position:-220px -360px}.ap-office{background-position:-220px -380px}.ap-post_office{background-position:-220px -400px}.ap-european_post_office{background-position:-220px -420px}.ap-hospital{background-position:-220px -440px}.ap-bank{background-position:-220px -460px}.ap-atm{background-position:-220px -480px}.ap-hotel{background-position:-220px -500px}.ap-love_hotel{background-position:-220px -520px}.ap-convenience_store{background-position:-220px -540px}.ap-school{background-position:-220px -560px}.ap-department_store{background-position:-220px -580px}.ap-factory{background-position:-220px -600px}.ap-izakaya_lantern{background-position:-220px -620px}.ap-japanese_castle{background-position:-220px -640px}.ap-european_castle{background-position:-220px -660px}.ap-waving_white_flag{background-position:-220px -680px}.ap-waving_black_flag{background-position:-220px -700px}.ap-rosette{background-position:-220px -720px}.ap-label{background-position:-220px -740px}.ap-badminton_racquet_and_shuttlecock{background-position:-220px -760px}.ap-bow_and_arrow{background-position:-220px -780px}.ap-amphora{background-position:-220px -800px}.ap-skin-tone-2{background-position:-240px 0}.ap-skin-tone-3{background-position:-240px -20px}.ap-skin-tone-4{background-position:-240px -40px}.ap-skin-tone-5{background-position:-240px -60px}.ap-skin-tone-6{background-position:-240px -80px}.ap-rat{background-position:-240px -100px}.ap-mouse2{background-position:-240px -120px}.ap-ox{background-position:-240px -140px}.ap-water_buffalo{background-position:-240px -160px}.ap-cow2{background-position:-240px -180px}.ap-tiger2{background-position:-240px -200px}.ap-leopard{background-position:-240px -220px}.ap-rabbit2{background-position:-240px -240px}.ap-cat2{background-position:-240px -260px}.ap-dragon{background-position:-240px -280px}.ap-crocodile{background-position:-240px -300px}.ap-whale2{background-position:-240px -320px}.ap-snail{background-position:-240px -340px}.ap-snake{background-position:-240px -360px}.ap-racehorse{background-position:-240px -380px}.ap-ram{background-position:-240px -400px}.ap-goat{background-position:-240px -420px}.ap-sheep{background-position:-240px -440px}.ap-monkey{background-position:-240px -460px}.ap-rooster{background-position:-240px -480px}.ap-chicken{background-position:-240px -500px}.ap-dog2{background-position:-240px -520px}.ap-pig2{background-position:-240px -540px}.ap-boar{background-position:-240px -560px}.ap-elephant{background-position:-240px -580px}.ap-octopus{background-position:-240px -600px}.ap-shell{background-position:-240px -620px}.ap-bug{background-position:-240px -640px}.ap-ant{background-position:-240px -660px}.ap-bee{background-position:-240px -680px}.ap-beetle{background-position:-240px -700px}.ap-fish{background-position:-240px -720px}.ap-tropical_fish{background-position:-240px -740px}.ap-blowfish{background-position:-240px -760px}.ap-turtle{background-position:-240px -780px}.ap-hatching_chick{background-position:-240px -800px}.ap-baby_chick{background-position:-260px 0}.ap-hatched_chick{background-position:-260px -20px}.ap-bird{background-position:-260px -40px}.ap-penguin{background-position:-260px -60px}.ap-koala{background-position:-260px -80px}.ap-poodle{background-position:-260px -100px}.ap-dromedary_camel{background-position:-260px -120px}.ap-camel{background-position:-260px -140px}.ap-dolphin{background-position:-260px -160px}.ap-mouse{background-position:-260px -180px}.ap-cow{background-position:-260px -200px}.ap-tiger{background-position:-260px -220px}.ap-rabbit{background-position:-260px -240px}.ap-cat{background-position:-260px -260px}.ap-dragon_face{background-position:-260px -280px}.ap-whale{background-position:-260px -300px}.ap-horse{background-position:-260px -320px}.ap-monkey_face{background-position:-260px -340px}.ap-dog{background-position:-260px -360px}.ap-pig{background-position:-260px -380px}.ap-frog{background-position:-260px -400px}.ap-hamster{background-position:-260px -420px}.ap-wolf{background-position:-260px -440px}.ap-bear{background-position:-260px -460px}.ap-panda_face{background-position:-260px -480px}.ap-pig_nose{background-position:-260px -500px}.ap-feet{background-position:-260px -520px}.ap-chipmunk{background-position:-260px -540px}.ap-eyes{background-position:-260px -560px}.ap-eye{background-position:-260px -580px}.ap-ear{background-position:-260px -600px}.ap-nose{background-position:-260px -720px}.ap-lips{background-position:-280px -20px}.ap-tongue{background-position:-280px -40px}.ap-point_up_2{background-position:-280px -60px}.ap-point_down{background-position:-280px -180px}.ap-point_left{background-position:-280px -300px}.ap-point_right{background-position:-280px -420px}.ap-facepunch{background-position:-280px -540px}.ap-wave{background-position:-280px -660px}.ap-ok_hand{background-position:-280px -780px}.ap-thumbsup{background-position:-300px -80px}.ap--1,.ap-thumbsdown{background-position:-300px -200px}.ap-clap{background-position:-300px -320px}.ap-open_hands{background-position:-300px -440px}.ap-crown{background-position:-300px -560px}.ap-womans_hat{background-position:-300px -580px}.ap-eyeglasses{background-position:-300px -600px}.ap-necktie{background-position:-300px -620px}.ap-shirt{background-position:-300px -640px}.ap-jeans{background-position:-300px -660px}.ap-dress{background-position:-300px -680px}.ap-kimono{background-position:-300px -700px}.ap-bikini{background-position:-300px -720px}.ap-womans_clothes{background-position:-300px -740px}.ap-purse{background-position:-300px -760px}.ap-handbag{background-position:-300px -780px}.ap-pouch{background-position:-300px -800px}.ap-mans_shoe{background-position:-320px 0}.ap-athletic_shoe{background-position:-320px -20px}.ap-high_heel{background-position:-320px -40px}.ap-sandal{background-position:-320px -60px}.ap-boot{background-position:-320px -80px}.ap-footprints{background-position:-320px -100px}.ap-bust_in_silhouette{background-position:-320px -120px}.ap-busts_in_silhouette{background-position:-320px -140px}.ap-boy{background-position:-320px -160px}.ap-girl{background-position:-320px -280px}.ap-man{background-position:-320px -400px}.ap-woman{background-position:-320px -520px}.ap-family{background-position:-320px -640px}.ap-couple{background-position:-320px -660px}.ap-two_men_holding_hands{background-position:-320px -680px}.ap-two_women_holding_hands{background-position:-320px -700px}.ap-cop{background-position:-320px -720px}.ap-dancers{background-position:-340px -20px}.ap-bride_with_veil{background-position:-340px -40px}.ap-person_with_blond_hair{background-position:-340px -160px}.ap-man_with_gua_pi_mao{background-position:-340px -280px}.ap-man_with_turban{background-position:-340px -400px}.ap-older_man{background-position:-340px -520px}.ap-older_woman{background-position:-340px -640px}.ap-baby{background-position:-340px -760px}.ap-construction_worker{background-position:-360px -60px}.ap-princess{background-position:-360px -180px}.ap-japanese_ogre{background-position:-360px -300px}.ap-japanese_goblin{background-position:-360px -320px}.ap-ghost{background-position:-360px -340px}.ap-angel{background-position:-360px -360px}.ap-alien{background-position:-360px -480px}.ap-space_invader{background-position:-360px -500px}.ap-imp{background-position:-360px -520px}.ap-skull{background-position:-360px -540px}.ap-information_desk_person{background-position:-360px -560px}.ap-guardsman{background-position:-360px -680px}.ap-dancer{background-position:-360px -800px}.ap-lipstick{background-position:-380px -100px}.ap-nail_care{background-position:-380px -120px}.ap-massage{background-position:-380px -240px}.ap-haircut{background-position:-380px -360px}.ap-barber{background-position:-380px -480px}.ap-syringe{background-position:-380px -500px}.ap-pill{background-position:-380px -520px}.ap-kiss{background-position:-380px -540px}.ap-love_letter{background-position:-380px -560px}.ap-ring{background-position:-380px -580px}.ap-gem{background-position:-380px -600px}.ap-couplekiss{background-position:-380px -620px}.ap-bouquet{background-position:-380px -640px}.ap-couple_with_heart{background-position:-380px -660px}.ap-wedding{background-position:-380px -680px}.ap-heartbeat{background-position:-380px -700px}.ap-broken_heart{background-position:-380px -720px}.ap-two_hearts{background-position:-380px -740px}.ap-sparkling_heart{background-position:-380px -760px}.ap-heartpulse{background-position:-380px -780px}.ap-cupid{background-position:-380px -800px}.ap-blue_heart{background-position:-400px 0}.ap-green_heart{background-position:-400px -20px}.ap-yellow_heart{background-position:-400px -40px}.ap-purple_heart{background-position:-400px -60px}.ap-gift_heart{background-position:-400px -80px}.ap-revolving_hearts{background-position:-400px -100px}.ap-heart_decoration{background-position:-400px -120px}.ap-diamond_shape_with_a_dot_inside{background-position:-400px -140px}.ap-bulb{background-position:-400px -160px}.ap-anger{background-position:-400px -180px}.ap-bomb{background-position:-400px -200px}.ap-zzz{background-position:-400px -220px}.ap-boom{background-position:-400px -240px}.ap-sweat_drops{background-position:-400px -260px}.ap-droplet{background-position:-400px -280px}.ap-dash{background-position:-400px -300px}.ap-hankey{background-position:-400px -320px}.ap-muscle{background-position:-400px -340px}.ap-dizzy{background-position:-400px -460px}.ap-speech_balloon{background-position:-400px -480px}.ap-thought_balloon{background-position:-400px -500px}.ap-white_flower{background-position:-400px -520px}.ap-100{background-position:-400px -540px}.ap-moneybag{background-position:-400px -560px}.ap-currency_exchange{background-position:-400px -580px}.ap-heavy_dollar_sign{background-position:-400px -600px}.ap-credit_card{background-position:-400px -620px}.ap-yen{background-position:-400px -640px}.ap-dollar{background-position:-400px -660px}.ap-euro{background-position:-400px -680px}.ap-pound{background-position:-400px -700px}.ap-money_with_wings{background-position:-400px -720px}.ap-chart{background-position:-400px -740px}.ap-seat{background-position:-400px -760px}.ap-computer{background-position:-400px -780px}.ap-briefcase{background-position:-400px -800px}.ap-minidisc{background-position:-420px 0}.ap-floppy_disk{background-position:-420px -20px}.ap-cd{background-position:-420px -40px}.ap-dvd{background-position:-420px -60px}.ap-file_folder{background-position:-420px -80px}.ap-open_file_folder{background-position:-420px -100px}.ap-page_with_curl{background-position:-420px -120px}.ap-page_facing_up{background-position:-420px -140px}.ap-date{background-position:-420px -160px}.ap-calendar{background-position:-420px -180px}.ap-card_index{background-position:-420px -200px}.ap-chart_with_upwards_trend{background-position:-420px -220px}.ap-chart_with_downwards_trend{background-position:-420px -240px}.ap-bar_chart{background-position:-420px -260px}.ap-clipboard{background-position:-420px -280px}.ap-pushpin{background-position:-420px -300px}.ap-round_pushpin{background-position:-420px -320px}.ap-paperclip{background-position:-420px -340px}.ap-straight_ruler{background-position:-420px -360px}.ap-triangular_ruler{background-position:-420px -380px}.ap-bookmark_tabs{background-position:-420px -400px}.ap-ledger{background-position:-420px -420px}.ap-notebook{background-position:-420px -440px}.ap-notebook_with_decorative_cover{background-position:-420px -460px}.ap-closed_book{background-position:-420px -480px}.ap-book{background-position:-420px -500px}.ap-green_book{background-position:-420px -520px}.ap-blue_book{background-position:-420px -540px}.ap-orange_book{background-position:-420px -560px}.ap-books{background-position:-420px -580px}.ap-name_badge{background-position:-420px -600px}.ap-scroll{background-position:-420px -620px}.ap-memo{background-position:-420px -640px}.ap-telephone_receiver{background-position:-420px -660px}.ap-pager{background-position:-420px -680px}.ap-fax{background-position:-420px -700px}.ap-satellite_antenna{background-position:-420px -720px}.ap-loudspeaker{background-position:-420px -740px}.ap-mega{background-position:-420px -760px}.ap-outbox_tray{background-position:-420px -780px}.ap-inbox_tray{background-position:-420px -800px}.ap-package{background-position:-440px 0}.ap-e-mail{background-position:-440px -20px}.ap-incoming_envelope{background-position:-440px -40px}.ap-envelope_with_arrow{background-position:-440px -60px}.ap-mailbox_closed{background-position:-440px -80px}.ap-mailbox{background-position:-440px -100px}.ap-mailbox_with_mail{background-position:-440px -120px}.ap-mailbox_with_no_mail{background-position:-440px -140px}.ap-postbox{background-position:-440px -160px}.ap-postal_horn{background-position:-440px -180px}.ap-newspaper{background-position:-440px -200px}.ap-iphone{background-position:-440px -220px}.ap-calling{background-position:-440px -240px}.ap-vibration_mode{background-position:-440px -260px}.ap-mobile_phone_off{background-position:-440px -280px}.ap-no_mobile_phones{background-position:-440px -300px}.ap-signal_strength{background-position:-440px -320px}.ap-camera{background-position:-440px -340px}.ap-camera_with_flash{background-position:-440px -360px}.ap-video_camera{background-position:-440px -380px}.ap-tv{background-position:-440px -400px}.ap-radio{background-position:-440px -420px}.ap-vhs{background-position:-440px -440px}.ap-film_projector{background-position:-440px -460px}.ap-prayer_beads{background-position:-440px -480px}.ap-twisted_rightwards_arrows{background-position:-440px -500px}.ap-repeat{background-position:-440px -520px}.ap-repeat_one{background-position:-440px -540px}.ap-arrows_clockwise{background-position:-440px -560px}.ap-arrows_counterclockwise{background-position:-440px -580px}.ap-low_brightness{background-position:-440px -600px}.ap-high_brightness{background-position:-440px -620px}.ap-mute{background-position:-440px -640px}.ap-speaker{background-position:-440px -660px}.ap-sound{background-position:-440px -680px}.ap-loud_sound{background-position:-440px -700px}.ap-battery{background-position:-440px -720px}.ap-electric_plug{background-position:-440px -740px}.ap-mag{background-position:-440px -760px}.ap-mag_right{background-position:-440px -780px}.ap-lock_with_ink_pen{background-position:-440px -800px}.ap-closed_lock_with_key{background-position:-460px 0}.ap-key{background-position:-460px -20px}.ap-lock{background-position:-460px -40px}.ap-unlock{background-position:-460px -60px}.ap-bell{background-position:-460px -80px}.ap-no_bell{background-position:-460px -100px}.ap-bookmark{background-position:-460px -120px}.ap-link{background-position:-460px -140px}.ap-radio_button{background-position:-460px -160px}.ap-back{background-position:-460px -180px}.ap-end{background-position:-460px -200px}.ap-on{background-position:-460px -220px}.ap-soon{background-position:-460px -240px}.ap-top{background-position:-460px -260px}.ap-underage{background-position:-460px -280px}.ap-keycap_ten{background-position:-460px -300px}.ap-capital_abcd{background-position:-460px -320px}.ap-abcd{background-position:-460px -340px}.ap-1234{background-position:-460px -360px}.ap-symbols{background-position:-460px -380px}.ap-abc{background-position:-460px -400px}.ap-fire{background-position:-460px -420px}.ap-flashlight{background-position:-460px -440px}.ap-wrench{background-position:-460px -460px}.ap-hammer{background-position:-460px -480px}.ap-nut_and_bolt{background-position:-460px -500px}.ap-hocho{background-position:-460px -520px}.ap-gun{background-position:-460px -540px}.ap-microscope{background-position:-460px -560px}.ap-telescope{background-position:-460px -580px}.ap-crystal_ball{background-position:-460px -600px}.ap-six_pointed_star{background-position:-460px -620px}.ap-beginner{background-position:-460px -640px}.ap-trident{background-position:-460px -660px}.ap-black_square_button{background-position:-460px -680px}.ap-white_square_button{background-position:-460px -700px}.ap-red_circle{background-position:-460px -720px}.ap-large_blue_circle{background-position:-460px -740px}.ap-large_orange_diamond{background-position:-460px -760px}.ap-large_blue_diamond{background-position:-460px -780px}.ap-small_orange_diamond{background-position:-460px -800px}.ap-small_blue_diamond{background-position:-480px 0}.ap-small_red_triangle{background-position:-480px -20px}.ap-small_red_triangle_down{background-position:-480px -40px}.ap-arrow_up_small{background-position:-480px -60px}.ap-arrow_down_small{background-position:-480px -80px}.ap-om_symbol{background-position:-480px -100px}.ap-dove_of_peace{background-position:-480px -120px}.ap-kaaba{background-position:-480px -140px}.ap-mosque{background-position:-480px -160px}.ap-synagogue{background-position:-480px -180px}.ap-menorah_with_nine_branches{background-position:-480px -200px}.ap-clock1{background-position:-480px -220px}.ap-clock2{background-position:-480px -240px}.ap-clock3{background-position:-480px -260px}.ap-clock4{background-position:-480px -280px}.ap-clock5{background-position:-480px -300px}.ap-clock6{background-position:-480px -320px}.ap-clock7{background-position:-480px -340px}.ap-clock8{background-position:-480px -360px}.ap-clock9{background-position:-480px -380px}.ap-clock10{background-position:-480px -400px}.ap-clock11{background-position:-480px -420px}.ap-clock12{background-position:-480px -440px}.ap-clock130{background-position:-480px -460px}.ap-clock230{background-position:-480px -480px}.ap-clock330{background-position:-480px -500px}.ap-clock430{background-position:-480px -520px}.ap-clock530{background-position:-480px -540px}.ap-clock630{background-position:-480px -560px}.ap-clock730{background-position:-480px -580px}.ap-clock830{background-position:-480px -600px}.ap-clock930{background-position:-480px -620px}.ap-clock1030{background-position:-480px -640px}.ap-clock1130{background-position:-480px -660px}.ap-clock1230{background-position:-480px -680px}.ap-candle{background-position:-480px -700px}.ap-mantelpiece_clock{background-position:-480px -720px}.ap-hole{background-position:-480px -740px}.ap-man_in_business_suit_levitating{background-position:-480px -760px}.ap-sleuth_or_spy{background-position:-480px -780px}.ap-dark_sunglasses{background-position:-500px -80px}.ap-spider{background-position:-500px -100px}.ap-spider_web{background-position:-500px -120px}.ap-joystick{background-position:-500px -140px}.ap-linked_paperclips{background-position:-500px -160px}.ap-lower_left_ballpoint_pen{background-position:-500px -180px}.ap-lower_left_fountain_pen{background-position:-500px -200px}.ap-lower_left_paintbrush{background-position:-500px -220px}.ap-lower_left_crayon{background-position:-500px -240px}.ap-raised_hand_with_fingers_splayed{background-position:-500px -260px}.ap-middle_finger{background-position:-500px -380px}.ap-spock-hand{background-position:-500px -500px}.ap-desktop_computer{background-position:-500px -620px}.ap-printer{background-position:-500px -640px}.ap-three_button_mouse{background-position:-500px -660px}.ap-trackball{background-position:-500px -680px}.ap-frame_with_picture{background-position:-500px -700px}.ap-card_index_dividers{background-position:-500px -720px}.ap-card_file_box{background-position:-500px -740px}.ap-file_cabinet{background-position:-500px -760px}.ap-wastebasket{background-position:-500px -780px}.ap-spiral_note_pad{background-position:-500px -800px}.ap-spiral_calendar_pad{background-position:-520px 0}.ap-compression{background-position:-520px -20px}.ap-old_key{background-position:-520px -40px}.ap-rolled_up_newspaper{background-position:-520px -60px}.ap-dagger_knife{background-position:-520px -80px}.ap-speaking_head_in_silhouette{background-position:-520px -100px}.ap-left_speech_bubble{background-position:-520px -120px}.ap-right_anger_bubble{background-position:-520px -140px}.ap-ballot_box_with_ballot{background-position:-520px -160px}.ap-world_map{background-position:-520px -180px}.ap-mount_fuji{background-position:-520px -200px}.ap-tokyo_tower{background-position:-520px -220px}.ap-statue_of_liberty{background-position:-520px -240px}.ap-japan{background-position:-520px -260px}.ap-moyai{background-position:-520px -280px}.ap-grinning{background-position:-520px -300px}.ap-grin{background-position:-520px -320px}.ap-joy{background-position:-520px -340px}.ap-smiley{background-position:-520px -360px}.ap-smile{background-position:-520px -380px}.ap-sweat_smile{background-position:-520px -400px}.ap-laughing{background-position:-520px -420px}.ap-innocent{background-position:-520px -440px}.ap-smiling_imp{background-position:-520px -460px}.ap-wink{background-position:-520px -480px}.ap-blush{background-position:-520px -500px}.ap-yum{background-position:-520px -520px}.ap-relieved{background-position:-520px -540px}.ap-heart_eyes{background-position:-520px -560px}.ap-sunglasses{background-position:-520px -580px}.ap-smirk{background-position:-520px -600px}.ap-neutral_face{background-position:-520px -620px}.ap-expressionless{background-position:-520px -640px}.ap-unamused{background-position:-520px -660px}.ap-sweat{background-position:-520px -680px}.ap-pensive{background-position:-520px -700px}.ap-confused{background-position:-520px -720px}.ap-confounded{background-position:-520px -740px}.ap-kissing{background-position:-520px -760px}.ap-kissing_heart{background-position:-520px -780px}.ap-kissing_smiling_eyes{background-position:-520px -800px}.ap-kissing_closed_eyes{background-position:-540px 0}.ap-stuck_out_tongue{background-position:-540px -20px}.ap-stuck_out_tongue_winking_eye{background-position:-540px -40px}.ap-stuck_out_tongue_closed_eyes{background-position:-540px -60px}.ap-disappointed{background-position:-540px -80px}.ap-worried{background-position:-540px -100px}.ap-angry{background-position:-540px -120px}.ap-rage{background-position:-540px -140px}.ap-cry{background-position:-540px -160px}.ap-persevere{background-position:-540px -180px}.ap-triumph{background-position:-540px -200px}.ap-disappointed_relieved{background-position:-540px -220px}.ap-frowning{background-position:-540px -240px}.ap-anguished{background-position:-540px -260px}.ap-fearful{background-position:-540px -280px}.ap-weary{background-position:-540px -300px}.ap-sleepy{background-position:-540px -320px}.ap-tired_face{background-position:-540px -340px}.ap-grimacing{background-position:-540px -360px}.ap-sob{background-position:-540px -380px}.ap-open_mouth{background-position:-540px -400px}.ap-hushed{background-position:-540px -420px}.ap-cold_sweat{background-position:-540px -440px}.ap-scream{background-position:-540px -460px}.ap-astonished{background-position:-540px -480px}.ap-flushed{background-position:-540px -500px}.ap-sleeping{background-position:-540px -520px}.ap-dizzy_face{background-position:-540px -540px}.ap-no_mouth{background-position:-540px -560px}.ap-mask{background-position:-540px -580px}.ap-smile_cat{background-position:-540px -600px}.ap-joy_cat{background-position:-540px -620px}.ap-smiley_cat{background-position:-540px -640px}.ap-heart_eyes_cat{background-position:-540px -660px}.ap-smirk_cat{background-position:-540px -680px}.ap-kissing_cat{background-position:-540px -700px}.ap-pouting_cat{background-position:-540px -720px}.ap-crying_cat_face{background-position:-540px -740px}.ap-scream_cat{background-position:-540px -760px}.ap-slightly_frowning_face{background-position:-540px -780px}.ap-slightly_smiling_face{background-position:-540px -800px}.ap-upside_down_face{background-position:-560px 0}.ap-face_with_rolling_eyes{background-position:-560px -20px}.ap-no_good{background-position:-560px -40px}.ap-ok_woman{background-position:-560px -160px}.ap-bow{background-position:-560px -280px}.ap-see_no_evil{background-position:-560px -400px}.ap-hear_no_evil{background-position:-560px -420px}.ap-speak_no_evil{background-position:-560px -440px}.ap-raising_hand{background-position:-560px -460px}.ap-raised_hands{background-position:-560px -580px}.ap-person_frowning{background-position:-560px -700px}.ap-person_with_pouting_face{background-position:-580px 0}.ap-pray{background-position:-580px -120px}.ap-rocket{background-position:-580px -240px}.ap-helicopter{background-position:-580px -260px}.ap-steam_locomotive{background-position:-580px -280px}.ap-railway_car{background-position:-580px -300px}.ap-bullettrain_side{background-position:-580px -320px}.ap-bullettrain_front{background-position:-580px -340px}.ap-train2{background-position:-580px -360px}.ap-metro{background-position:-580px -380px}.ap-light_rail{background-position:-580px -400px}.ap-station{background-position:-580px -420px}.ap-tram{background-position:-580px -440px}.ap-train{background-position:-580px -460px}.ap-bus{background-position:-580px -480px}.ap-oncoming_bus{background-position:-580px -500px}.ap-trolleybus{background-position:-580px -520px}.ap-busstop{background-position:-580px -540px}.ap-minibus{background-position:-580px -560px}.ap-ambulance{background-position:-580px -580px}.ap-fire_engine{background-position:-580px -600px}.ap-police_car{background-position:-580px -620px}.ap-oncoming_police_car{background-position:-580px -640px}.ap-taxi{background-position:-580px -660px}.ap-oncoming_taxi{background-position:-580px -680px}.ap-car{background-position:-580px -700px}.ap-oncoming_automobile{background-position:-580px -720px}.ap-blue_car{background-position:-580px -740px}.ap-truck{background-position:-580px -760px}.ap-articulated_lorry{background-position:-580px -780px}.ap-tractor{background-position:-580px -800px}.ap-monorail{background-position:-600px 0}.ap-mountain_railway{background-position:-600px -20px}.ap-suspension_railway{background-position:-600px -40px}.ap-mountain_cableway{background-position:-600px -60px}.ap-aerial_tramway{background-position:-600px -80px}.ap-ship{background-position:-600px -100px}.ap-rowboat{background-position:-600px -120px}.ap-speedboat{background-position:-600px -240px}.ap-traffic_light{background-position:-600px -260px}.ap-vertical_traffic_light{background-position:-600px -280px}.ap-construction{background-position:-600px -300px}.ap-rotating_light{background-position:-600px -320px}.ap-triangular_flag_on_post{background-position:-600px -340px}.ap-door{background-position:-600px -360px}.ap-no_entry_sign{background-position:-600px -380px}.ap-smoking{background-position:-600px -400px}.ap-no_smoking{background-position:-600px -420px}.ap-put_litter_in_its_place{background-position:-600px -440px}.ap-do_not_litter{background-position:-600px -460px}.ap-potable_water{background-position:-600px -480px}.ap-non-potable_water{background-position:-600px -500px}.ap-bike{background-position:-600px -520px}.ap-no_bicycles{background-position:-600px -540px}.ap-bicyclist{background-position:-600px -560px}.ap-mountain_bicyclist{background-position:-600px -680px}.ap-walking{background-position:-600px -800px}.ap-no_pedestrians{background-position:-620px -100px}.ap-children_crossing{background-position:-620px -120px}.ap-mens{background-position:-620px -140px}.ap-womens{background-position:-620px -160px}.ap-restroom{background-position:-620px -180px}.ap-baby_symbol{background-position:-620px -200px}.ap-toilet{background-position:-620px -220px}.ap-wc{background-position:-620px -240px}.ap-shower{background-position:-620px -260px}.ap-bath{background-position:-620px -280px}.ap-bathtub{background-position:-620px -400px}.ap-passport_control{background-position:-620px -420px}.ap-customs{background-position:-620px -440px}.ap-baggage_claim{background-position:-620px -460px}.ap-left_luggage{background-position:-620px -480px}.ap-couch_and_lamp{background-position:-620px -500px}.ap-sleeping_accommodation{background-position:-620px -520px}.ap-shopping_bags{background-position:-620px -540px}.ap-bellhop_bell{background-position:-620px -560px}.ap-bed{background-position:-620px -580px}.ap-place_of_worship{background-position:-620px -600px}.ap-hammer_and_wrench{background-position:-620px -620px}.ap-shield{background-position:-620px -640px}.ap-oil_drum{background-position:-620px -660px}.ap-motorway{background-position:-620px -680px}.ap-railway_track{background-position:-620px -700px}.ap-motor_boat{background-position:-620px -720px}.ap-small_airplane{background-position:-620px -740px}.ap-airplane_departure{background-position:-620px -760px}.ap-airplane_arriving{background-position:-620px -780px}.ap-satellite{background-position:-620px -800px}.ap-passenger_ship{background-position:-640px 0}.ap-zipper_mouth_face{background-position:-640px -20px}.ap-money_mouth_face{background-position:-640px -40px}.ap-face_with_thermometer{background-position:-640px -60px}.ap-nerd_face{background-position:-640px -80px}.ap-thinking_face{background-position:-640px -100px}.ap-face_with_head_bandage{background-position:-640px -120px}.ap-robot_face{background-position:-640px -140px}.ap-hugging_face{background-position:-640px -160px}.ap-the_horns{background-position:-640px -180px}.ap-crab{background-position:-640px -300px}.ap-lion_face{background-position:-640px -320px}.ap-scorpion{background-position:-640px -340px}.ap-turkey{background-position:-640px -360px}.ap-unicorn_face{background-position:-640px -380px}.ap-cheese_wedge{background-position:-640px -400px}.ap-hash{background-position:-640px -420px}.ap-keycap_star{background-position:-640px -440px}.ap-zero{background-position:-640px -460px}.ap-one{background-position:-640px -480px}.ap-two{background-position:-640px -500px}.ap-three{background-position:-640px -520px}.ap-four{background-position:-640px -540px}.ap-five{background-position:-640px -560px}.ap-six{background-position:-640px -580px}.ap-seven{background-position:-640px -600px}.ap-eight{background-position:-640px -620px}.ap-nine{background-position:-640px -640px}.ap-flag-ac{background-position:-640px -660px}.ap-flag-ad{background-position:-640px -680px}.ap-flag-ae{background-position:-640px -700px}.ap-flag-af{background-position:-640px -720px}.ap-flag-ag{background-position:-640px -740px}.ap-flag-ai{background-position:-640px -760px}.ap-flag-al{background-position:-640px -780px}.ap-flag-am{background-position:-640px -800px}.ap-flag-ao{background-position:-660px 0}.ap-flag-aq{background-position:-660px -20px}.ap-flag-ar{background-position:-660px -40px}.ap-flag-as{background-position:-660px -60px}.ap-flag-at{background-position:-660px -80px}.ap-flag-au{background-position:-660px -100px}.ap-flag-aw{background-position:-660px -120px}.ap-flag-ax{background-position:-660px -140px}.ap-flag-az{background-position:-660px -160px}.ap-flag-ba{background-position:-660px -180px}.ap-flag-bb{background-position:-660px -200px}.ap-flag-bd{background-position:-660px -220px}.ap-flag-be{background-position:-660px -240px}.ap-flag-bf{background-position:-660px -260px}.ap-flag-bg{background-position:-660px -280px}.ap-flag-bh{background-position:-660px -300px}.ap-flag-bi{background-position:-660px -320px}.ap-flag-bj{background-position:-660px -340px}.ap-flag-bl{background-position:-660px -360px}.ap-flag-bm{background-position:-660px -380px}.ap-flag-bn{background-position:-660px -400px}.ap-flag-bo{background-position:-660px -420px}.ap-flag-bq{background-position:-660px -440px}.ap-flag-br{background-position:-660px -460px}.ap-flag-bs{background-position:-660px -480px}.ap-flag-bt{background-position:-660px -500px}.ap-flag-bv{background-position:-660px -520px}.ap-flag-bw{background-position:-660px -540px}.ap-flag-by{background-position:-660px -560px}.ap-flag-bz{background-position:-660px -580px}.ap-flag-ca{background-position:-660px -600px}.ap-flag-cc{background-position:-660px -620px}.ap-flag-cd{background-position:-660px -640px}.ap-flag-cf{background-position:-660px -660px}.ap-flag-cg{background-position:-660px -680px}.ap-flag-ch{background-position:-660px -700px}.ap-flag-ci{background-position:-660px -720px}.ap-flag-ck{background-position:-660px -740px}.ap-flag-cl{background-position:-660px -760px}.ap-flag-cm{background-position:-660px -780px}.ap-flag-cn{background-position:-660px -800px}.ap-flag-co{background-position:-680px 0}.ap-flag-cp{background-position:-680px -20px}.ap-flag-cr{background-position:-680px -40px}.ap-flag-cu{background-position:-680px -60px}.ap-flag-cv{background-position:-680px -80px}.ap-flag-cw{background-position:-680px -100px}.ap-flag-cx{background-position:-680px -120px}.ap-flag-cy{background-position:-680px -140px}.ap-flag-cz{background-position:-680px -160px}.ap-flag-de{background-position:-680px -180px}.ap-flag-dg{background-position:-680px -200px}.ap-flag-dj{background-position:-680px -220px}.ap-flag-dk{background-position:-680px -240px}.ap-flag-dm{background-position:-680px -260px}.ap-flag-do{background-position:-680px -280px}.ap-flag-dz{background-position:-680px -300px}.ap-flag-ea{background-position:-680px -320px}.ap-flag-ec{background-position:-680px -340px}.ap-flag-ee{background-position:-680px -360px}.ap-flag-eg{background-position:-680px -380px}.ap-flag-eh{background-position:-680px -400px}.ap-flag-er{background-position:-680px -420px}.ap-flag-es{background-position:-680px -440px}.ap-flag-et{background-position:-680px -460px}.ap-flag-eu{background-position:-680px -480px}.ap-flag-fi{background-position:-680px -500px}.ap-flag-fj{background-position:-680px -520px}.ap-flag-fk{background-position:-680px -540px}.ap-flag-fm{background-position:-680px -560px}.ap-flag-fo{background-position:-680px -580px}.ap-flag-fr{background-position:-680px -600px}.ap-flag-ga{background-position:-680px -620px}.ap-flag-gb{background-position:-680px -640px}.ap-flag-gd{background-position:-680px -660px}.ap-flag-ge{background-position:-680px -680px}.ap-flag-gf{background-position:-680px -700px}.ap-flag-gg{background-position:-680px -720px}.ap-flag-gh{background-position:-680px -740px}.ap-flag-gi{background-position:-680px -760px}.ap-flag-gl{background-position:-680px -780px}.ap-flag-gm{background-position:-680px -800px}.ap-flag-gn{background-position:-700px 0}.ap-flag-gp{background-position:-700px -20px}.ap-flag-gq{background-position:-700px -40px}.ap-flag-gr{background-position:-700px -60px}.ap-flag-gs{background-position:-700px -80px}.ap-flag-gt{background-position:-700px -100px}.ap-flag-gu{background-position:-700px -120px}.ap-flag-gw{background-position:-700px -140px}.ap-flag-gy{background-position:-700px -160px}.ap-flag-hk{background-position:-700px -180px}.ap-flag-hm{background-position:-700px -200px}.ap-flag-hn{background-position:-700px -220px}.ap-flag-hr{background-position:-700px -240px}.ap-flag-ht{background-position:-700px -260px}.ap-flag-hu{background-position:-700px -280px}.ap-flag-ic{background-position:-700px -300px}.ap-flag-id{background-position:-700px -320px}.ap-flag-ie{background-position:-700px -340px}.ap-flag-il{background-position:-700px -360px}.ap-flag-im{background-position:-700px -380px}.ap-flag-in{background-position:-700px -400px}.ap-flag-io{background-position:-700px -420px}.ap-flag-iq{background-position:-700px -440px}.ap-flag-ir{background-position:-700px -460px}.ap-flag-is{background-position:-700px -480px}.ap-flag-it{background-position:-700px -500px}.ap-flag-je{background-position:-700px -520px}.ap-flag-jm{background-position:-700px -540px}.ap-flag-jo{background-position:-700px -560px}.ap-flag-jp{background-position:-700px -580px}.ap-flag-ke{background-position:-700px -600px}.ap-flag-kg{background-position:-700px -620px}.ap-flag-kh{background-position:-700px -640px}.ap-flag-ki{background-position:-700px -660px}.ap-flag-km{background-position:-700px -680px}.ap-flag-kn{background-position:-700px -700px}.ap-flag-kp{background-position:-700px -720px}.ap-flag-kr{background-position:-700px -740px}.ap-flag-kw{background-position:-700px -760px}.ap-flag-ky{background-position:-700px -780px}.ap-flag-kz{background-position:-700px -800px}.ap-flag-la{background-position:-720px 0}.ap-flag-lb{background-position:-720px -20px}.ap-flag-lc{background-position:-720px -40px}.ap-flag-li{background-position:-720px -60px}.ap-flag-lk{background-position:-720px -80px}.ap-flag-lr{background-position:-720px -100px}.ap-flag-ls{background-position:-720px -120px}.ap-flag-lt{background-position:-720px -140px}.ap-flag-lu{background-position:-720px -160px}.ap-flag-lv{background-position:-720px -180px}.ap-flag-ly{background-position:-720px -200px}.ap-flag-ma{background-position:-720px -220px}.ap-flag-mc{background-position:-720px -240px}.ap-flag-md{background-position:-720px -260px}.ap-flag-me{background-position:-720px -280px}.ap-flag-mf{background-position:-720px -300px}.ap-flag-mg{background-position:-720px -320px}.ap-flag-mh{background-position:-720px -340px}.ap-flag-mk{background-position:-720px -360px}.ap-flag-ml{background-position:-720px -380px}.ap-flag-mm{background-position:-720px -400px}.ap-flag-mn{background-position:-720px -420px}.ap-flag-mo{background-position:-720px -440px}.ap-flag-mp{background-position:-720px -460px}.ap-flag-mq{background-position:-720px -480px}.ap-flag-mr{background-position:-720px -500px}.ap-flag-ms{background-position:-720px -520px}.ap-flag-mt{background-position:-720px -540px}.ap-flag-mu{background-position:-720px -560px}.ap-flag-mv{background-position:-720px -580px}.ap-flag-mw{background-position:-720px -600px}.ap-flag-mx{background-position:-720px -620px}.ap-flag-my{background-position:-720px -640px}.ap-flag-mz{background-position:-720px -660px}.ap-flag-na{background-position:-720px -680px}.ap-flag-nc{background-position:-720px -700px}.ap-flag-ne{background-position:-720px -720px}.ap-flag-nf{background-position:-720px -740px}.ap-flag-ng{background-position:-720px -760px}.ap-flag-ni{background-position:-720px -780px}.ap-flag-nl{background-position:-720px -800px}.ap-flag-no{background-position:-740px 0}.ap-flag-np{background-position:-740px -20px}.ap-flag-nr{background-position:-740px -40px}.ap-flag-nu{background-position:-740px -60px}.ap-flag-nz{background-position:-740px -80px}.ap-flag-om{background-position:-740px -100px}.ap-flag-pa{background-position:-740px -120px}.ap-flag-pe{background-position:-740px -140px}.ap-flag-pf{background-position:-740px -160px}.ap-flag-pg{background-position:-740px -180px}.ap-flag-ph{background-position:-740px -200px}.ap-flag-pk{background-position:-740px -220px}.ap-flag-pl{background-position:-740px -240px}.ap-flag-pm{background-position:-740px -260px}.ap-flag-pn{background-position:-740px -280px}.ap-flag-pr{background-position:-740px -300px}.ap-flag-ps{background-position:-740px -320px}.ap-flag-pt{background-position:-740px -340px}.ap-flag-pw{background-position:-740px -360px}.ap-flag-py{background-position:-740px -380px}.ap-flag-qa{background-position:-740px -400px}.ap-flag-re{background-position:-740px -420px}.ap-flag-ro{background-position:-740px -440px}.ap-flag-rs{background-position:-740px -460px}.ap-flag-ru{background-position:-740px -480px}.ap-flag-rw{background-position:-740px -500px}.ap-flag-sa{background-position:-740px -520px}.ap-flag-sb{background-position:-740px -540px}.ap-flag-sc{background-position:-740px -560px}.ap-flag-sd{background-position:-740px -580px}.ap-flag-se{background-position:-740px -600px}.ap-flag-sg{background-position:-740px -620px}.ap-flag-sh{background-position:-740px -640px}.ap-flag-si{background-position:-740px -660px}.ap-flag-sj{background-position:-740px -680px}.ap-flag-sk{background-position:-740px -700px}.ap-flag-sl{background-position:-740px -720px}.ap-flag-sm{background-position:-740px -740px}.ap-flag-sn{background-position:-740px -760px}.ap-flag-so{background-position:-740px -780px}.ap-flag-sr{background-position:-740px -800px}.ap-flag-ss{background-position:-760px 0}.ap-flag-st{background-position:-760px -20px}.ap-flag-sv{background-position:-760px -40px}.ap-flag-sx{background-position:-760px -60px}.ap-flag-sy{background-position:-760px -80px}.ap-flag-sz{background-position:-760px -100px}.ap-flag-ta{background-position:-760px -120px}.ap-flag-tc{background-position:-760px -140px}.ap-flag-td{background-position:-760px -160px}.ap-flag-tf{background-position:-760px -180px}.ap-flag-tg{background-position:-760px -200px}.ap-flag-th{background-position:-760px -220px}.ap-flag-tj{background-position:-760px -240px}.ap-flag-tk{background-position:-760px -260px}.ap-flag-tl{background-position:-760px -280px}.ap-flag-tm{background-position:-760px -300px}.ap-flag-tn{background-position:-760px -320px}.ap-flag-to{background-position:-760px -340px}.ap-flag-tr{background-position:-760px -360px}.ap-flag-tt{background-position:-760px -380px}.ap-flag-tv{background-position:-760px -400px}.ap-flag-tw{background-position:-760px -420px}.ap-flag-tz{background-position:-760px -440px}.ap-flag-ua{background-position:-760px -460px}.ap-flag-ug{background-position:-760px -480px}.ap-flag-um{background-position:-760px -500px}.ap-flag-us{background-position:-760px -520px}.ap-flag-uy{background-position:-760px -540px}.ap-flag-uz{background-position:-760px -560px}.ap-flag-va{background-position:-760px -580px}.ap-flag-vc{background-position:-760px -600px}.ap-flag-ve{background-position:-760px -620px}.ap-flag-vg{background-position:-760px -640px}.ap-flag-vi{background-position:-760px -660px}.ap-flag-vn{background-position:-760px -680px}.ap-flag-vu{background-position:-760px -700px}.ap-flag-wf{background-position:-760px -720px}.ap-flag-ws{background-position:-760px -740px}.ap-flag-xk{background-position:-760px -760px}.ap-flag-ye{background-position:-760px -780px}.ap-flag-yt{background-position:-760px -800px}.ap-flag-za{background-position:-780px 0}.ap-flag-zm{background-position:-780px -20px}.ap-flag-zw{background-position:-780px -40px}.ap-man-man-boy{background-position:-780px -60px}.ap-man-man-boy-boy{background-position:-780px -80px}.ap-man-man-girl{background-position:-780px -100px}.ap-man-man-girl-boy{background-position:-780px -120px}.ap-man-man-girl-girl{background-position:-780px -140px}.ap-man-woman-boy-boy{background-position:-780px -160px}.ap-man-woman-girl{background-position:-780px -180px}.ap-man-woman-girl-boy{background-position:-780px -200px}.ap-man-woman-girl-girl{background-position:-780px -220px}.ap-man-heart-man{background-position:-780px -240px}.ap-man-kiss-man{background-position:-780px -260px}.ap-woman-woman-boy{background-position:-780px -280px}.ap-woman-woman-boy-boy{background-position:-780px -300px}.ap-woman-woman-girl{background-position:-780px -320px}.ap-woman-woman-girl-boy{background-position:-780px -340px}.ap-woman-woman-girl-girl{background-position:-780px -360px}.ap-woman-heart-woman{background-position:-780px -380px}.ap-woman-kiss-woman{background-position:-780px -400px}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill-mention/dist/quill.mention.min.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.ql-mention-list-container{width:270px;border:1px solid #f0f0f0;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(30,30,30,.08);z-index:9001}.ql-mention-list{list-style:none;margin:0;padding:0;overflow:hidden}.ql-mention-list-item{cursor:pointer;height:44px;line-height:44px;font-size:16px;padding:0 20px;vertical-align:middle}.ql-mention-list-item.selected{background-color:#d3e1eb;text-decoration:none}.mention{height:24px;width:65px;border-radius:6px;background-color:#d3e1eb;padding:3px 0;margin-right:2px;-webkit-user-select:all;user-select:all}.mention>span{margin:0 3px}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/bootstrap.min.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************/
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.label,sub,sup{vertical-align:baseline}.btn,.btn-group,.btn-group-vertical,.caret,.checkbox-inline,.radio-inline,img{vertical-align:middle}hr,img{border:0}body,figure{margin:0}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable{max-height:340px}.btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.dropdown-menu{float:left}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:'Proxima Nova', sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{color:#000;background:#ff0}sub,sup{position:relative;font-size:75%;line-height:0}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}hr{height:0;box-sizing:content-box}*,:after,:before,input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}pre,textarea{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}.glyphicon,address{font-style:normal}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}.dropdown-menu,.modal-content{-webkit-background-clip:padding-box}.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-warning.active,.btn-warning:active,.btn.active,.btn:active,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.form-control,.navbar-toggle,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-warning{background-image:none}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before{content:"\e227"}.glyphicon-jpy:before,.glyphicon-yen:before{content:"\00a5"}.glyphicon-rub:before,.glyphicon-ruble:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*,:after,:before{box-sizing:border-box}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}dt,kbd kbd,label{font-weight:700}address,blockquote .small,blockquote footer,blockquote small,dd,dt,pre{line-height:1.42857143}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-inline,.list-unstyled{padding-left:0;list-style:none}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}pre code,table{background-color:transparent}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}dl,ol,ul{margin-top:0}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}address,dl{margin-bottom:20px}ol,ul{margin-bottom:10px}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.container{width:750px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;color:#777}legend,pre{display:block;color:#333}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}code,kbd{padding:2px 4px;font-size:90%}caption,th{text-align:left}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{padding:9.5px;margin:0 0 10px;font-size:13px;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}.container,.container-fluid{margin-right:auto;margin-left:auto}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;border-radius:0}.container,.container-fluid{padding-right:15px;padding-left:15px}.pre-scrollable{overflow-y:scroll}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}caption{padding-top:8px;padding-bottom:8px;color:#777}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset,legend{padding:0;border:0}fieldset{min-width:0;margin:0}legend{width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px}input[type=search]{box-sizing:border-box;-webkit-appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}.form-control,output{font-size:14px;line-height:1.42857143;color:#555;display:block}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}output{padding-top:7px}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.form-group-sm .form-control,.input-sm{padding:5px 10px;border-radius:3px;font-size:12px}.input-sm{height:30px;line-height:1.5}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;line-height:1.5}.form-group-lg .form-control,.input-lg{border-radius:6px;padding:10px 16px;font-size:18px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;line-height:1.3333333}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;line-height:1.3333333}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.collapsing,.dropdown,.dropup{position:relative}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-control-static,.form-inline .form-group{display:inline-block}.form-inline .control-label,.form-inline .form-group{margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.33px;font-size:18px}.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu-right,.dropdown-menu.pull-right{right:0;left:auto}.dropdown-header,.dropdown-menu>li>a{display:block;padding:3px 20px;line-height:1.42857143;white-space:nowrap}.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{clear:both;font-weight:400;color:#333}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;filter:progid: DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-left{right:auto;left:0}.dropdown-header{font-size:12px;color:#777}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn .caret,.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{box-shadow:none}.btn-lg .caret{border-width:5px 5px 0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.nav>li,.nav>li>a{display:block;position:relative}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li>a{padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center;margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0;border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-justified>li,.nav-stacked>li{float:none}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar{border-radius:4px}.navbar-header{float:left}.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.embed-responsive,.modal,.modal-open,.progress{overflow:hidden}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}.navbar-static-top{z-index:1000;border-width:0 0 1px}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}.progress-bar-striped,.progress-striped .progress-bar,.progress-striped .progress-bar-success{background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}@media (min-width:768px){.navbar-toggle{display:none}.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin:8px -15px}@media (min-width:768px){.navbar-form .form-control-static,.navbar-form .form-group{display:inline-block}.navbar-form .control-label,.navbar-form .form-group{margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;box-shadow:none}}.breadcrumb>li,.pagination{display:inline-block}.btn .badge,.btn .label{top:-1px;position:relative}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-radius:4px 4px 0 0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#151b26;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#151b26;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#151b26}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{padding-left:0;margin:20px 0;border-radius:4px}.pager li,.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.badge,.label{font-weight:700;line-height:1;white-space:nowrap;text-align:center}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}a.badge:focus,a.badge:hover,a.label:focus,a.label:hover{color:#fff;cursor:pointer;text-decoration:none}.label{display:inline;padding:.2em .6em .3em;font-size:75%;color:#fff;border-radius:.25em}.label:empty{display:none}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;color:#fff;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.media-object,.thumbnail{display:block}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.jumbotron,.jumbotron .h1,.jumbotron h1{color:inherit}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;background-color:#eee}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.alert,.thumbnail{margin-bottom:20px}.alert .alert-link,.close{font-weight:700}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.modal,.modal-backdrop{top:0;right:0;bottom:0;left:0}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-striped .progress-bar-info,.progress-striped .progress-bar-warning{background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-title,.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-title{margin-top:0;font-size:16px}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel-group .panel-heading,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.popover,.tooltip{font-family:'Proxima Nova', sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;line-break:auto;text-decoration:none}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal{position:fixed;z-index:1050;display:none;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-25%)}.modal.in .modal-dialog{transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;z-index:-1;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;text-align:left;text-align:start;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{bottom:0;border-width:5px 5px 0;border-top-color:#000}.tooltip.top .tooltip-arrow{left:50%;margin-left:-5px}.tooltip.top-left .tooltip-arrow{right:5px;margin-bottom:-5px}.tooltip.top-right .tooltip-arrow{left:5px;margin-bottom:-5px}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{border-width:0 5px 5px;border-bottom-color:#000;top:0}.tooltip.bottom .tooltip-arrow{left:50%;margin-left:-5px}.tooltip.bottom-left .tooltip-arrow{right:5px;margin-top:-5px}.tooltip.bottom-right .tooltip-arrow{left:5px;margin-top:-5px}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-size:14px;text-align:left;text-align:start;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2)}.carousel-caption,.carousel-control{color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.carousel,.carousel-inner{position:relative}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.left>.arrow:after,.popover.right>.arrow:after{bottom:-10px;content:" "}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{left:1px;border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;border-right-width:0;border-left-color:#fff}.carousel-inner{width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{transition:transform .6s ease-in-out;backface-visibility:hidden;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px}.carousel-caption .btn,.text-hide{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;background-color:transparent;border:0}.affix{position:fixed}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/material-dashboard.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* Created on : 1 Feb, 2018, 3:42:38 PM, Author : -- Bhirm, About : Material Design Principals */

.fc-unselectable,
.noUi-target,
.noUi-target *,
[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.noUi-tooltip,
.noUi-value {
    text-align: center
}

.card-testimonial .card-description,
blockquote p {
    font-style: italic
}

.bootstrap-datetimepicker-widget,
.timeline,
footer ul {
    list-style: none
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    touch-action: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: top .3s, right .3s, bottom .3s, left .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-base,
.noUi-handle {
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 2px
}

.noUi-horizontal .noUi-handle {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    left: -10px;
    top: -6px;
    cursor: pointer;
    border-radius: 100%;
    transition: all .2s ease-out;
    border: 1px solid #9c27b0;
    background: #FFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-target {
    background-color: #c8c8c8;
    border-radius: 3px
}

.noUi-connect {
    background: #9c27b0;
    border-radius: 3px;
    transition: background 450ms
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    position: relative;
    z-index: 1;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
    -webkit-transition: .3s ease 0s;
    -moz-transition: .3s ease 0s;
    -ms-transition: .3s ease 0s;
    -o-transform: .3s ease 0s;
    transition: .3s ease 0s
}

.noUi-marker,
.noUi-pips,
.noUi-tooltip,
.noUi-value {
    position: absolute
}

.noUi-active {
    transform: scale3d(1.5, 1.5, 1)
}

[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    color: #999
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    background: #CCC
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    transform: translate3d(-50%, 50%, 0)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    transform: translate3d(0, 50%, 0);
    padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px
}

.noUi-horizontal .noUi-tooltip {
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.swal2-container,
body.swal2-iosfix {
    position: fixed;
    left: 0;
    right: 0
}

.slider {
    margin-bottom: 15px
}

.slider.slider-primary .noUi-connect,
.slider.slider-primary.noUi-connect {
    background-color: #9c27b0
}

.slider.slider-primary .noUi-handle {
    border-color: #9c27b0
}

.slider.slider-info .noUi-connect,
.slider.slider-info.noUi-connect {
    background-color: #00bcd4
}

.slider.slider-info .noUi-handle {
    border-color: #00bcd4
}

.slider.slider-success .noUi-connect,
.slider.slider-success.noUi-connect {
    background-color: #26c6da
}

.slider.slider-success .noUi-handle {
    border-color: #26c6da
}

.slider.slider-warning .noUi-connect,
.slider.slider-warning.noUi-connect {
    background-color: #ff9800
}

.slider.slider-warning .noUi-handle {
    border-color: #ff9800
}

.slider.slider-danger .noUi-connect,
.slider.slider-danger.noUi-connect {
    background-color: #f44336
}

.slider.slider-danger .noUi-handle {
    border-color: #f44336
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    animation-duration: .75s
}

@keyframes shake {
    from,
    to {
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

body.swal2-in {
    overflow-y: hidden
}

.swal2-container {
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    padding: 10px;
    background-color: transparent;
    z-index: 1060
}

.swal2-modal,
.swal2-modal h2 {
    position: relative;
    text-align: center
}

.swal2-container:not(.swal2-in) {
    pointer-events: none
}

.swal2-container.swal2-fade {
    transition: background-color .1s
}

.swal2-container.swal2-in {
    background-color: rgba(0, 0, 0, .4)
}

.swal2-modal {
    background-color: #fff;
   font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    box-sizing: border-box;
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
    display: none
}

.swal2-modal:focus {
    outline: 0
}

.swal2-modal.swal2-loading {
    overflow-y: hidden
}

.swal2-modal h2 {
    color: #595959;
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    margin: 0;
    padding: 0;
    line-height: 60px;
    display: block
}

.wizard-card .btn,
.wizard-card .moving-tab {
    text-transform: uppercase
}

.swal2-modal .swal2-spacer {
    height: 10px;
    color: transparent;
    margin-bottom: 0;
    border: 0
}

.swal2-modal .swal2-styled {
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 0 5px;
    padding: 10px 32px
}

.swal2-modal .swal2-styled:not(.swal2-loading)[disabled] {
    opacity: .4;
    cursor: no-drop
}

.swal2-modal .swal2-styled.swal2-loading {
    box-sizing: border-box;
    border: 4px solid transparent;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: -2px 30px;
    vertical-align: top;
    background-color: transparent!important;
    color: transparent;
    cursor: default;
    border-radius: 100%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-user-select: none;
    user-select: none
}

.fc-icon,
.fc-unselectable,
.swal2-icon {
    -ms-user-select: none
}

.swal2-modal:not(.swal2-styled).swal2-loading::after {
    display: inline-block;
    content: '';
    margin-left: 5px;
    vertical-align: -1px;
    height: 6px;
    width: 6px;
    border: 3px solid #999;
    border-right-color: transparent;
    border-radius: 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal
}

.swal2-modal .swal2-image {
    margin: 20px auto;
    max-width: 100%
}

.swal2-modal .swal2-close {
    font-size: 36px;
    line-height: 36px;
      font-family: 'Poppins', sans-serif;
    position: absolute;
    top: 5px;
    right: 13px;
    cursor: pointer;
    color: #ccc;
    transition: color .1s ease
}

.swal2-modal .swal2-close:hover {
    color: #d55
}

.swal2-modal>.swal2-checkbox,
.swal2-modal>.swal2-file,
.swal2-modal>.swal2-input,
.swal2-modal>.swal2-radio,
.swal2-modal>.swal2-select,
.swal2-modal>.swal2-textarea {
    display: none
}

.swal2-modal .swal2-content {
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    color: #545454
}

.swal2-modal .swal2-checkbox,
.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-radio,
.swal2-modal .swal2-select,
.swal2-modal .swal2-textarea {
    margin: 20px auto
}

.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-textarea {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    font-size: 18px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    transition: border-color box-shadow .3s
}

.swal2-modal .swal2-file.swal2-inputerror,
.swal2-modal .swal2-input.swal2-inputerror,
.swal2-modal .swal2-textarea.swal2-inputerror {
    border-color: #f06e57
}

.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-textarea:focus {
    outline: 0;
    box-shadow: 0 0 3px #c4e6f5;
    border: 1px solid #b4dbed
}

.swal2-modal .swal2-file:focus::placeholder,
.swal2-modal .swal2-input:focus::placeholder,
.swal2-modal .swal2-textarea:focus::placeholder {
    transition: opacity .3s .03s ease;
    opacity: .8
}

.swal2-modal .swal2-file::placeholder,
.swal2-modal .swal2-input::placeholder,
.swal2-modal .swal2-textarea::placeholder {
    color: #e6e6e6
}

.swal2-modal .swal2-range input {
    float: left;
    width: 80%
}

.swal2-modal .swal2-range output {
    float: right;
    width: 20%;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.swal2-modal .swal2-range input,
.swal2-modal .swal2-range output {
    height: 43px;
    line-height: 43px;
    vertical-align: middle;
    margin: 20px auto;
    padding: 0
}

.swal2-modal .swal2-input {
    height: 43px;
    padding: 0 12px
}

.swal2-modal .swal2-input[type=number] {
    max-width: 150px
}

.swal2-modal .swal2-file {
    font-size: 20px
}

.swal2-modal .swal2-textarea {
    height: 108px;
    padding: 12px
}

.swal2-modal .swal2-select {
    color: #545454;
    font-size: inherit;
    padding: 5px 10px;
    min-width: 40%;
    max-width: 100%
}

.swal2-modal .swal2-radio {
    border: 0
}

.swal2-modal .swal2-radio label:not(:first-child) {
    margin-left: 20px
}

.swal2-modal .swal2-radio input,
.swal2-modal .swal2-radio span {
    vertical-align: middle
}

.swal2-modal .swal2-radio input {
    margin: 0 3px 0 0
}

.swal2-modal .swal2-checkbox {
    color: #545454
}

.swal2-modal .swal2-checkbox input,
.swal2-modal .swal2-checkbox span {
    vertical-align: middle
}

.swal2-modal .swal2-validationerror {
    background-color: #f0f0f0;
    margin: 0 -20px;
    overflow: hidden;
    padding: 10px;
    color: gray;
    font-size: 16px;
    font-weight: 300;
    display: none
}

.swal2-modal .swal2-validationerror::before {
    content: '!';
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin-right: 10px
}

.swal2-icon.swal2-info,
.swal2-icon.swal2-question,
.swal2-icon.swal2-warning {
    font-size: 60px;
    line-height: 80px;
    text-align: center
}

.swal2-modal button {
    margin: 0 5px
}

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100%!important
    }
    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .swal2-range input {
        width: 100%!important
    }
    .swal2-range output {
        display: none
    }
}

.swal2-icon {
    width: 80px;
    height: 80px;
    border: 4px solid transparent;
    border-radius: 50%;
    margin: 20px auto 30px;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

.fc-icon,
.fc-unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -webkit-touch-callout: none
}

.swal2-icon.swal2-error {
    border-color: #f27474
}

.swal2-icon.swal2-error .x-mark {
    position: relative;
    display: block
}

.swal2-icon.swal2-error .line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 37px;
    border-radius: 2px
}

.swal2-icon.swal2-error .line.left {
    transform: rotate(45deg);
    left: 17px
}

.swal2-icon.swal2-error .line.right {
    transform: rotate(-45deg);
    right: 16px
}

.swal2-icon.swal2-warning {
    font-family: 'Poppins', sans-serif;
    color: #f8bb86;
    border-color: #facea8
}

.swal2-icon.swal2-info {
   font-family: 'Poppins', sans-serif;
    color: #3fc3ee;
    border-color: #9de0f6
}

.swal2-icon.swal2-question {
    font-family: 'Poppins', sans-serif;
    color: #87adbd;
    border-color: #c9dae1
}

.swal2-icon.swal2-success {
    border-color: #a5dc86
}

.swal2-icon.swal2-success::after,
.swal2-icon.swal2-success::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff
}

.swal2-icon.swal2-success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    transform: rotate(-45deg);
    transform-origin: 60px 60px
}

.swal2-icon.swal2-success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    transform: rotate(-45deg);
    transform-origin: 0 60px
}

.swal2-icon.swal2-success .placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, .2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.swal2-icon.swal2-success .fix {
    width: 7px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success .line {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.swal2-icon.swal2-success .line.tip {
    width: 25px;
    left: 14px;
    top: 46px;
    transform: rotate(45deg)
}

.swal2-icon.swal2-success .line.long {
    width: 47px;
    right: 8px;
    top: 38px;
    transform: rotate(-45deg)
}

.swal2-progresssteps {
    font-weight: 600;
    margin: 0 0 20px;
    padding: 0
}

.swal2-progresssteps li {
    display: inline-block;
    position: relative
}

.swal2-progresssteps .swal2-progresscircle {
    background: #3085d6;
    border-radius: 2em;
    color: #fff;
    height: 2em;
    line-height: 2em;
    text-align: center;
    width: 2em;
    z-index: 20
}

.swal2-progresssteps .swal2-progresscircle:first-child {
    margin-left: 0
}

.swal2-progresssteps .swal2-progresscircle:last-child {
    margin-right: 0
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
    background: #3085d6
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle,
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline {
    background: #add8e6
}

.swal2-progresssteps .swal2-progressline {
    background: #3085d6;
    height: .4em;
    margin: 0 -1px;
    z-index: 10
}

@keyframes showSweetAlert {
    0% {
        transform: scale(.7)
    }
    45% {
        transform: scale(1.05)
    }
    80% {
        transform: scale(.95)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(.5);
        opacity: 0
    }
}

.swal2-show {
    animation: showSweetAlert .3s
}

.swal2-show.swal2-noanimation {
    animation: none
}

.swal2-hide {
    animation: hideSweetAlert .15s forwards
}

.swal2-hide.swal2-noanimation {
    animation: none
}

@keyframes animate-success-tip {
    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animate-success-long {
    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes rotatePlaceholder {
    0%,
    5% {
        transform: rotate(-45deg)
    }
    100%,
    12% {
        transform: rotate(-405deg)
    }
}

.animate-success-tip {
    animation: animate-success-tip .75s
}

.animate-success-long {
    animation: animate-success-long .75s
}

.swal2-success.animate::after {
    animation: rotatePlaceholder 4.25s ease-in
}

@keyframes animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

.animate-error-icon {
    animation: animate-error-icon .5s
}

@keyframes animate-x-mark {
    0%,
    50% {
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.animate-x-mark {
    animation: animate-x-mark .5s
}

@keyframes pulse-warning {
    0% {
        border-color: #f8d486
    }
    100% {
        border-color: #f8bb86
    }
}

.pulse-warning {
    animation: pulse-warning .75s infinite alternate
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

table.dataTable {
    clear: both;
    margin-top: 6px!important;
    margin-bottom: 6px!important;
    max-width: none!important;
    border-collapse: separate!important
}

table.dataTable td,
table.dataTable th {
    box-sizing: content-box
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
    text-align: center
}

table.dataTable.nowrap td,
table.dataTable.nowrap th {
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length label {
  
    text-align: left;
    white-space: nowrap;
    font-size: 13px;
    color: #555555;
    font-weight: 500;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: 400;
    white-space: nowrap;
    text-align: left
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: .5em;
    display: inline-block;
    width: auto
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap
}

div.dataTables_scrollBody table,
div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0!important
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0
}

div.dataTables_scrollBody table,
div.dataTables_scrollFoot table {
    margin-top: 0!important;
    border-top: none
}

table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc {
    padding-right: 30px;
    padding: 10px 5px !important;
    vertical-align: middle !important;
    font-size: 13px;
    color: #555555;
    font-weight: 500;
        border-bottom: 2px solid #ddd;
}
.datatable-customize  table.dataTable.display tbody tr.odd>.sorting_1,
.datatable-customize  table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #f1f1f1;
    padding: 10px 5px !important;
    vertical-align: middle !important;
    font-size: 12px;
    color: #222;
    font-weight: 400;
}
.datatable-customize .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.datatable-customize .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
 .datatable-customize .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 30px !important;
    transition: all .3s;
    padding: 0 10px;
    margin: 5px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    color: #999999;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}

.datatable-customize  table.dataTable thead .sorting:after {
    opacity: 1;
    content: "\f0dc";
    color: #555555;
}
.datatable-customize table.dataTable tbody tr.selected {
    background-color: #badaeb !important;
}
.datatable-customize  table.dataTable.display tbody tr.even>.sorting_1, .datatable-customize  table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color:inherit;
}
.datatable-customize  table.dataTable thead .sorting_asc {
    background-image: none;
}

.datatable-customize table.dataTable.display tbody tr.odd>.sorting_1,
.datatable-customize table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: transparent;
    padding: 10px 5px !important;
    vertical-align: middle !important;
    font-size: 12px;
    color: #222;
    font-weight: 400;
}
.datatable-customize  table.dataTable.stripe tbody tr.odd, .datatable-customize  table.dataTable.display tbody tr.odd {
    background-color: #fff;
}
.datatable-customize table.dataTable thead .sorting {
    background-image: none;
}

.datatable-customize  .btn .material-icons {
    vertical-align: middle;
    font-size: 16px;
    top: 0;
    position: relative;
    line-height: 0;
    margin: 0;
    color: #777777;
}
.datatable-customize  .btn.btn-simple,
.datatable-customize  .btn.btn-default.btn-simple,
.datatable-customize  .navbar .navbar-nav>li>a.btn.btn-simple,
.datatable-customize  .navbar .navbar-nav>li>a.btn.btn-default.btn-simple {
    background-color: transparent;
    color: inherit;
    margin: 0!important;
    line-height: 0;
    margin-top: 0!important;
    margin-bottom: 0!important;
    width: auto;
}


table.dataTable thead>tr>td:active,
table.dataTable thead>tr>th:active {
    outline: 0;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #eee
}

div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none
}

div.dataTables_scrollBody table tbody tr:first-child td,
div.dataTables_scrollBody table tbody tr:first-child th {
    border-top: none
}

table.dataTable.table-condensed>thead>tr>th {
    padding-right: 20px
}

table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
    top: 6px;
    right: 6px
}

table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
    border-left-width: 0
}

table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable th:last-child {
    border-right-width: 0
}

div.dataTables_scrollHead table.table-bordered,
table.table-bordered.dataTable tbody td,
table.table-bordered.dataTable tbody th {
    border-bottom-width: 0
}

div.table-responsive>div.dataTables_wrapper>div.row {
    margin: 0
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
    padding-left: 0
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
    padding-right: 0
}

table.dataTable .btn-simple.btn-icon {
    padding: 3px
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    position: relative;
    display: inline-block;
    bottom: 1px;
    right: -7px;
    font-family: FontAwesome;
    opacity: .8;
    font-size: 12px
}

table.dataTable thead .disabled-sorting.sorting:after,
table.dataTable thead .disabled-sorting.sorting_asc:after,
table.dataTable thead .disabled-sorting.sorting_asc_disabled:after,
table.dataTable thead .disabled-sorting.sorting_desc:after,
table.dataTable thead .disabled-sorting.sorting_desc_disabled:after {
    display: none
}

table.dataTable thead .sorting:after {
    opacity: .4;
    content: "\f0dc"
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    top: 2px
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    top: -3px
}

table.dataTable>tbody>tr>td,
table.dataTable>tbody>tr>th,
table.dataTable>tfoot>tr>td,
table.dataTable>tfoot>tr>th,
table.dataTable>thead>tr>td,
table.dataTable>thead>tr>th {
    padding: 5px!important;
    outline: 0;
    font-weight: 500;
}

table.dataTable>thead>tr>th {
    border: none
}

.dataTables_paginate a {
    outline: 0
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.child {
    cursor: default!important
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before {
    display: none!important
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 50%;
    margin-top: -9px;
    left: 4px;
    height: 18px;
    width: 18px;
    display: block;
    position: absolute;
    color: #26c6da;
    border: 0 solid #fff;
    border-radius: 14px;
    box-shadow: 0 0 3px #151b26;
    box-sizing: content-box;
    text-align: center;
   font-family: 'Poppins', sans-serif;
    line-height: 18px;
    content: '+';
    background-color: #FFF
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: '-';
    color: #f44336
}

table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before {
    display: none
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child {
    padding-left: 27px
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before {
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px
}

table.dataTable.dtr-column>tbody>tr>td.control,
table.dataTable.dtr-column>tbody>tr>th.control {
    position: relative;
    cursor: pointer
}

table.dataTable.dtr-column>tbody>tr>td.control:before,
table.dataTable.dtr-column>tbody>tr>th.control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 14px;
    box-shadow: 0 0 3px #151b26;
    box-sizing: content-box;
    text-align: center;
   font-family: 'Poppins', sans-serif;
    line-height: 14px;
    content: '+';
    background-color: #31b131
}

table.dataTable.dtr-column>tbody>tr.parent td.control:before,
table.dataTable.dtr-column>tbody>tr.parent th.control:before {
    content: '-';
    background-color: #d33333
}

table.dataTable>tbody>tr.child {
    padding: .5em 1em
}

table.dataTable>tbody>tr.child:hover {
    background: 0 0!important
}

table.dataTable>tbody>tr.child ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

table.dataTable>tbody>tr.child ul li {
    border-bottom: 1px solid #efefef;
    padding: .5em 0
}

table.dataTable>tbody>tr.child ul li:first-child {
    padding-top: 0
}

table.dataTable>tbody>tr.child ul li:last-child {
    border-bottom: none
}

table.dataTable>tbody>tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: 700
}

div.dtr-modal {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}

div.dtr-modal div.dtr-modal-display {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    margin: auto;
    z-index: 102;
    overflow: auto;
    background-color: #f5f5f7;
    border: 1px solid #000;
    border-radius: .5em;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .6)
}

div.dtr-modal div.dtr-modal-content {
    position: relative;
    padding: 1em
}

div.dtr-modal div.dtr-modal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 12
}

div.dtr-modal div.dtr-modal-close:hover {
    background-color: #eaeaea
}

div.dtr-modal div.dtr-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgba(0, 0, 0, .6)
}

.material-datatables .input-sm {
    height: 35px;
    padding: 0
}

@media screen and (max-width:767px) {
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center
    }
    div.dtr-modal div.dtr-modal-display {
        width: 95%
    }
    table.dataTable>tbody>tr>td:first-child {
        padding-left: 30px!important
    }
}

@media all and (min-width:520px) and (max-width:730px) {
    table.dataTable .btn-simple.btn-icon {
        display: block;
        margin: 0
    }
}

svg {
    touch-action: none
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    touch-action: none
}

.jvectormap-tip {
    position: absolute;
    display: none;
    color: #555;
    line-height: 1.5em;
    background: #FFF;
    border: none;
    border-radius: 30px;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
    padding: 5px 10px;
    z-index: 1040
}

.jvectormap-goback,
.jvectormap-zoomin,
.jvectormap-zoomout {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: #fff;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    width: 10px;
    height: 10px
}

.jvectormap-zoomin {
    top: 10px
}

.jvectormap-zoomout {
    top: 30px
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==) center no-repeat
}

.jvectormap-legend-title {
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.jvectormap-legend-cnt {
    position: absolute
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0
}

.jvectormap-legend {
    background: #000;
    color: #fff;
    border-radius: 3px
}

.bootstrap-datetimepicker-widget a .btn:hover,
.bootstrap-datetimepicker-widget a[data-action]:hover {
    background-color: transparent
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle
}

.jvectormap-legend-tick-text {
    font-size: 12px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px
}


/*!
* Datetimepicker for Bootstrap 3
* ! version : 4.7.14
* https://github.com/Eonasdan/bootstrap-datetimepicker/
*/

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after,
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after,
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after,
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after,
.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after,
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after,
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after,
.bootstrap-datetimepicker-widget .btn[data-action=clear]::after,
.bootstrap-datetimepicker-widget .btn[data-action=today]::after,
.bootstrap-datetimepicker-widget .picker-switch::after,
.bootstrap-datetimepicker-widget table th.next::after,
.bootstrap-datetimepicker-widget table th.prev::after,
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 4px;
    width: 19em
}

@media (min-width:768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width:992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width:1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    right: auto;
    left: 12px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top {
    margin-top: auto;
    margin-bottom: -20px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top.open {
    margin-top: auto;
    margin-bottom: 5px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;
    margin: 0;
    border-width: 0;
    background-color: transparent;
    color: #9c27b0;
    box-shadow: none
}

.bootstrap-datetimepicker-widget a[data-action]:hover span {
    background-color: #eee;
    color: #9c27b0
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 300;
    font-size: 1.3em;
    margin: 0;
    border-radius: 50%
}

.bootstrap-datetimepicker-widget button[data-action] {
    width: 38px;
    height: 38px;
    margin-right: 3px;
    padding: 0
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
    content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
    border-radius: 3px
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    content: "Toggle Date and Time Screens"
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
    border-radius: 3px;
    margin: 2px 0!important
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

.bootstrap-datetimepicker-widget table td>div,
.bootstrap-datetimepicker-widget table th>div,
.bootstrap-datetimepicker-widget table.table-condensed tr>td {
    text-align: center
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
    font-weight: 500
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: 0 0;
    color: #eee;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.next span,
.bootstrap-datetimepicker-widget table th.prev span {
    height: 27px;
    width: 27px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center
}

.bootstrap-datetimepicker-widget table th.prev::after {
    content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next::after {
    content: "Next Month"
}

.bootstrap-datetimepicker-widget table th.dow {
    text-align: center;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    text-transform: uppercase;
    color: #333;
    font-weight: 400;
    padding-bottom: 5px;
    padding-top: 10px
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer
}

.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover,
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span {
    background: #eee
}

.bootstrap-datetimepicker-widget table td>div {
    border-radius: 3px;
    height: 54px;
    line-height: 54px;
    width: 54px;
    text-align: center
}

.bootstrap-datetimepicker-widget table td.cw>div {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #999
}

.fc-icon,
body .fc {
    font-size: 1em
}

.bootstrap-datetimepicker-widget table td.day>div {
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    margin: 0 auto;
    z-index: -1;
    position: relative
}

.bootstrap-datetimepicker-widget table td.hour>div,
.bootstrap-datetimepicker-widget table td.minute>div {
    border-radius: 50%
}

.bootstrap-datetimepicker-widget table td.day:hover>div,
.bootstrap-datetimepicker-widget table td.hour:hover>div,
.bootstrap-datetimepicker-widget table td.minute:hover>div,
.bootstrap-datetimepicker-widget table td.second:hover>div {
    background: #eee;
    cursor: pointer
}

.bootstrap-datetimepicker-widget table td.new>div,
.bootstrap-datetimepicker-widget table td.old>div {
    color: #999
}

.bootstrap-datetimepicker-widget table td.today>div {
    position: relative
}

.bootstrap-datetimepicker-widget table td.today>div:before {
    content: '';
    display: inline-block;
    border: 0 solid transparent;
    border-bottom-color: #9c27b0;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.fc button,
.fc-icon:after {
    position: relative
}

.fc-bg,
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
    bottom: 0
}

.bootstrap-datetimepicker-widget table td.active:hover>div,
.bootstrap-datetimepicker-widget table td.active>div {
    background-color: #9c27b0;
    color: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.bootstrap-datetimepicker-widget table td.active.today:before>div {
    border-bottom-color: #FFF
}

.bootstrap-datetimepicker-widget table td.disabled:hover>div,
.bootstrap-datetimepicker-widget table td.disabled>div {
    background: 0 0;
    color: #eee;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 3px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eee
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #9c27b0;
    color: #FFF
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #999
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: 0 0;
    color: #eee;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget .timepicker-hours span,
.bootstrap-datetimepicker-widget .timepicker-minutes span,
.bootstrap-datetimepicker-widget .timepicker-picker span {
    border-radius: 50%!important
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 1px;
    text-align: center;
    z-index: 1
}


/*!
* FullCalendar v3.0.1 Stylesheet
* Docs & License: http://fullcalendar.io/
* (c) 2016 Adam Shaw
*/

.fc {
    direction: ltr;
    text-align: left
}

.fc-rtl {
    text-align: right
}

.fc th,
.fc-basic-view td.fc-week-number,
.fc-icon,
.fc-toolbar {
    text-align: center
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: #ddd
}

.fc-unthemed .fc-popover {
    background-color: #FFF
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-popover .fc-header {
    background: #999
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #999
}

.fc-unthemed .fc-today {
    background: #f5f5f5
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3
}

.fc-bgevent {
    background: #8fdf82;
    opacity: .3
}

.fc-nonbusiness {
    background: #d7d7d7
}

.fc-icon {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    overflow: hidden;
     font-family: 'Poppins', sans-serif;
    -webkit-user-select: none;
            user-select: none
}

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: 700;
    font-size: 200%;
    top: -7%
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: 700;
    font-size: 200%;
    top: -7%
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%
}

.fc button {
    border: none;
    border-radius: 30px;
    padding: 6px 12px;
    font-weight: 400;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1)
}

.fc button::-moz-focus-inner {
    border: 0
}

.fc button,
.fc button.btn-primary {
    box-shadow: 0 2px 2px 0 rgba(156, 39, 176, .14), 0 3px 1px -2px rgba(156, 39, 176, .2), 0 1px 5px 0 rgba(156, 39, 176, .12)
}

.fc button,
.fc button.active,
.fc button.active:focus,
.fc button.active:hover,
.fc button.btn-primary,
.fc button.btn-primary.active,
.fc button.btn-primary.active:focus,
.fc button.btn-primary.active:hover,
.fc button.btn-primary:active,
.fc button.btn-primary:active:focus,
.fc button.btn-primary:active:hover,
.fc button.btn-primary:focus,
.fc button.btn-primary:hover,
.fc button:active,
.fc button:active:focus,
.fc button:active:hover,
.fc button:focus,
.fc button:hover,
.open>.fc button.btn-primary.dropdown-toggle,
.open>.fc button.btn-primary.dropdown-toggle:focus,
.open>.fc button.btn-primary.dropdown-toggle:hover,
.open>.fc button.dropdown-toggle,
.open>.fc button.dropdown-toggle:focus,
.open>.fc button.dropdown-toggle:hover {
    background-color: #F9F9F9;
    color: #666
}

.fc button.btn-primary:active,
.fc button.btn-primary:focus,
.fc button.btn-primary:hover,
.fc button:active,
.fc button:focus,
.fc button:hover {
    box-shadow: 0 14px 26px -12px rgba(256, 256, 256, .42), 0 4px 23px 0 rgba(256, 256, 256, .12), 0 8px 10px -5px rgba(256, 256, 256, .2)
}

.fc button.btn-primary.disabled,
.fc button.btn-primary.disabled.active,
.fc button.btn-primary.disabled.focus,
.fc button.btn-primary.disabled:active,
.fc button.btn-primary.disabled:focus,
.fc button.btn-primary.disabled:hover,
.fc button.btn-primary:disabled,
.fc button.btn-primary:disabled.active,
.fc button.btn-primary:disabled.focus,
.fc button.btn-primary:disabled:active,
.fc button.btn-primary:disabled:focus,
.fc button.btn-primary:disabled:hover,
.fc button.btn-primary[disabled],
.fc button.btn-primary[disabled].active,
.fc button.btn-primary[disabled].focus,
.fc button.btn-primary[disabled]:active,
.fc button.btn-primary[disabled]:focus,
.fc button.btn-primary[disabled]:hover,
.fc button.disabled,
.fc button.disabled.active,
.fc button.disabled.focus,
.fc button.disabled:active,
.fc button.disabled:focus,
.fc button.disabled:hover,
.fc button:disabled,
.fc button:disabled.active,
.fc button:disabled.focus,
.fc button:disabled:active,
.fc button:disabled:focus,
.fc button:disabled:hover,
.fc button[disabled],
.fc button[disabled].active,
.fc button[disabled].focus,
.fc button[disabled]:active,
.fc button[disabled]:focus,
.fc button[disabled]:hover,
fieldset[disabled] .fc button,
fieldset[disabled] .fc button.active,
fieldset[disabled] .fc button.btn-primary,
fieldset[disabled] .fc button.btn-primary.active,
fieldset[disabled] .fc button.btn-primary.focus,
fieldset[disabled] .fc button.btn-primary:active,
fieldset[disabled] .fc button.btn-primary:focus,
fieldset[disabled] .fc button.btn-primary:hover,
fieldset[disabled] .fc button.focus,
fieldset[disabled] .fc button:active,
fieldset[disabled] .fc button:focus,
fieldset[disabled] .fc button:hover {
    box-shadow: none
}

.fc button.btn-primary.btn-simple,
.fc button.btn-simple {
    background-color: transparent;
    color: #333;
    box-shadow: none
}

.fc button.btn-primary.btn-simple:active,
.fc button.btn-primary.btn-simple:focus,
.fc button.btn-primary.btn-simple:hover,
.fc button.btn-simple:active,
.fc button.btn-simple:focus,
.fc button.btn-simple:hover {
    background-color: transparent;
    color: #333
}

.fc button[disabled],
.fc button[disabled]:focus,
.fc button[disabled]:hover {
    cursor: default;
    background-color: #999;
    border-color: #999;
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, .14), 0 3px 1px -2px rgba(153, 153, 153, .2), 0 1px 5px 0 rgba(153, 153, 153, .12)
}

.fc-state-default {
    border: 1px solid
}

.fc button .fc-icon {
    position: relative;
    top: -.05em;
    margin: 0 .2em;
    vertical-align: middle
}

.fc-state-active,
.fc-state-disabled,
.fc-state-down,
.fc-state-hover {
    color: #333;
    background-color: #e6e6e6
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    transition: background-position .1s linear
}

.fc-state-active,
.fc-state-down {
    background-color: #ccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    box-shadow: none
}

.fc-event.fc-draggable,
.fc-event[href],
.fc-popover .fc-header .fc-close,
a[data-goto] {
    cursor: pointer
}

.fc-button-group {
    display: inline-block
}

.fc .fc-button-group>* {
    float: left;
    margin: 0 0 0 2px
}

.fc .fc-button-group>:first-child {
    margin-left: 0
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.fc-popover .fc-header {
    padding: 2px 4px
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    float: left
}

.fc-ltr .fc-popover .fc-header .fc-close,
.fc-rtl .fc-popover .fc-header .fc-title {
    float: right
}

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px
}

.fc-popover>.ui-widget-header+.ui-widget-content {
    border-top: 0
}

.fc-divider {
    border-style: solid;
    border-width: 1px
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0
}

.fc-bg table,
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
    height: 100%
}

.fc-clear {
    clear: both
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-helper-skeleton,
.fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em
}

.fc td,
.fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top
}

.fc td.fc-today {
    border-style: double
}

a[data-goto]:hover {
    text-decoration: underline
}

.fc .fc-row {
    border-style: solid;
    border-width: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row {
    position: relative
}

.fc-row .fc-bg {
    z-index: 1
}

.fc-row .fc-bgevent-skeleton td,
.fc-row .fc-highlight-skeleton td {
    border-color: transparent
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2
}

.fc-row .fc-highlight-skeleton {
    z-index: 3
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px
}

.fc-row .fc-helper-skeleton {
    z-index: 5
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    background: 0 0;
    border-color: transparent;
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}

.fc-scroller {
    -webkit-overflow-scrolling: touch
}

.fc-row.fc-rigid,
.fc-time-grid-event {
    overflow: hidden
}

.fc-scroller>.fc-day-grid,
.fc-scroller>.fc-time-grid {
    position: relative;
    width: 100%
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 2px;
    background-color: #26c6da;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4);
    font-weight: 400
}

.fc-event.event-azure {
    background-color: #00bcd4;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4)
}

.fc-event.event-green {
    background-color: #26c6da;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4)
}

.fc-event.event-orange {
    background-color: #ff9800;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.fc-event.event-red {
    background-color: #f44336;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4)
}

.fc-event.event-rose {
    background-color: #e91e63;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4)
}

.fc-event.event-default {
    background-color: #999;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(153, 153, 153, .4)
}

.fc-event-dot {
    background-color: #3a87ad
}

.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
    color: #FFF;
    text-decoration: none
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-event .fc-bg {
    z-index: 1;
    background: #FFF;
    opacity: .25
}

.fc-event .fc-content {
    position: relative;
    z-index: 2
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
    display: block
}

.fc-event.fc-selected .fc-resizer:before {
    content: "";
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px
}

.fc-event.fc-selected {
    z-index: 9999!important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.fc-event.fc-selected.fc-dragging {
    box-shadow: 0 2px 7px rgba(0, 0, 0, .3)
}

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0
}

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px
}

.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px
}

.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px
}

.fc-day-grid-event {
    margin: 2px 5px 0;
    padding: 0 1px
}

tr:first-child>td>.fc-day-grid-event {
    margin-top: 2px
}

.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #000;
    opacity: .25
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden
}

.fc-day-grid-event .fc-time {
    font-weight: 700
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}

a.fc-more:hover {
    text-decoration: underline
}

.fc-limited {
    display: none
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

.fc-more-popover .fc-event-container {
    padding: 10px
}

.fc-now-indicator {
    position: absolute;
    border: 0 solid red
}

.fc-unselectable {
    -webkit-user-select: none;
            user-select: none
}

.fc-toolbar {
    margin-bottom: 10px
}

.fc-toolbar .fc-left {
    float: left
}

.fc-toolbar .fc-right {
    float: right
}

.fc-toolbar .fc-center {
    display: inline-block
}

.fc .fc-toolbar>*>* {
    float: left;
    margin-left: .75em
}

.fc .fc-toolbar>*>:first-child {
    margin-left: 0
}

.fc-toolbar h2 {
    margin: 0;
    font-size: 1.8em
}

.fc-toolbar button {
    position: relative
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2
}

.fc-toolbar .fc-state-down {
    z-index: 3
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4
}

.fc-toolbar button:focus {
    z-index: 5
}

.fc-view-container *,
.fc-view-container:after,
.fc-view-container:before {
    box-sizing: content-box
}

.fc-view,
.fc-view>table {
    position: relative;
    z-index: 1
}

.fc-basicDay-view .fc-content-skeleton,
.fc-basicWeek-view .fc-content-skeleton {
    padding-bottom: 1em
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-day-top.fc-other-month {
    opacity: .3
}

.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
    padding: 2px
}

.fc-basic-view th.fc-day-number,
.fc-basic-view th.fc-week-number {
    padding: 0 2px
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px
}

.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: grey
}

.fc-basic-view td.fc-week-number>* {
    display: inline-block;
    min-width: 1.25em
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-bottom: 1em
}

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap
}

.fc-ltr .fc-axis {
    text-align: right
}

.fc-rtl .fc-axis {
    text-align: left
}

.ui-widget td.fc-axis {
    font-weight: 400
}

.fc-time-grid,
.fc-time-grid-container {
    position: relative;
    z-index: 1
}

.fc-time-grid {
    min-height: 100%
}

.fc-time-grid table {
    border: 0 hidden transparent
}

.fc-time-grid>.fc-bg {
    z-index: 1
}

.fc-time-grid .fc-slats,
.fc-time-grid>hr {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-content-col {
    position: relative
}

.fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0
}

.fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1
}

.fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-highlight-container {
    z-index: 3;
    position: relative
}

.fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4
}

.fc-time-grid .fc-now-indicator-line {
    z-index: 5
}

.fc-time-grid .fc-helper-container {
    position: relative;
    z-index: 6
}

.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted
}

.fc-time-grid .fc-slats .ui-widget-content {
    background: 0 0
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0
}

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-bgevent,
.fc-time-grid .fc-event {
    position: absolute;
    z-index: 1
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fc-time-grid-event.fc-selected {
    overflow: visible
}

.fc-time-grid-event.fc-selected .fc-bg {
    display: none
}

.fc-time-grid-event .fc-content {
    overflow: hidden
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
    padding: 0 1px
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start)
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0"
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
   font-family: 'Poppins', sans-serif;
    text-align: center;
    cursor: s-resize
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "="
}

.fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px
}

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0
}

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px
}

.fc-rtl .fc-list-view {
    direction: rtl
}

.fc-list-view {
    border-width: 1px;
    border-style: solid
}

.fc .fc-list-table {
    table-layout: auto
}

.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px
}

.fc-list-table tr:first-child td {
    border-top-width: 0
}

.fc-list-heading {
    border-bottom-width: 1px
}

.fc-list-heading td {
    font-weight: 700
}

.fc-ltr .fc-list-heading-main {
    float: left
}

.fc-ltr .fc-list-heading-alt,
.fc-rtl .fc-list-heading-main {
    float: right
}

.fc-rtl .fc-list-heading-alt {
    float: left
}

.fc-list-item.fc-has-url {
    cursor: pointer
}

.fc-list-item:hover td {
    background-color: #f5f5f5
}

.fc-list-item-marker,
.fc-list-item-time {
    white-space: nowrap;
    width: 1px
}

.fc-ltr .fc-list-item-marker {
    padding-right: 0
}

.fc-rtl .fc-list-item-marker {
    padding-left: 0
}

.fc-list-item-title a {
    text-decoration: none;
    color: inherit
}

.fc-list-item-title a[href]:hover {
    text-decoration: underline
}

.card .author a,
a:focus,
a:hover,
footer ul li a,
footer ul li a:hover {
    text-decoration: none
}

.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table
}

.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.fc-unthemed .fc-list-empty {
    background-color: #eee
}

.card-calendar table td {
    text-align: right
}

.card-calendar .content {
    padding: 0!important
}

.card-calendar .fc-toolbar {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px
}

.card-calendar .fc td:first-child {
    border-left: 0
}

.card-calendar .fc td:last-child {
    border-right: 0
}

.card-calendar .fc-basic-view td:last-child.fc-day-number,
.card-calendar .fc-basic-view td:last-child.fc-week-number span {
    padding-right: 20px
}

.card-calendar .fc .fc-day-header:last-child {
    padding-right: 15px
}

.card-calendar .fc .fc-widget-header {
    border: 0
}

.card-calendar .fc .fc-widget-header .fc-title {
    color: #FFF
}

.card-calendar .fc th {
    text-align: right;
    color: #999
}

.card-calendar .title {
    margin-top: -9px
}

.card-calendar .fc .fc-body .fc-widget-content,
.card-calendar .fc .fc-row:last-child td {
    border-bottom: 0
}

.wizard-card {
    min-height: 410px;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
    opacity: 0;
    transition: all .3s linear
}

.wizard-card.active {
    opacity: 1
}

.wizard-card .picture-container {
    position: relative;
    cursor: pointer;
    text-align: center
}

.wizard-card .wizard-navigation {
    position: relative
}

.wizard-card .picture {
    width: 106px;
    height: 106px;
    background-color: #999;
    border: 4px solid #CCC;
    color: #FFF;
    border-radius: 50%;
    margin: 5px auto;
    overflow: hidden;
    transition: all .2s;
    -webkit-transition: all .2s
}

.wizard-card .picture:hover {
    border-color: #2ca8ff
}

.wizard-card[data-color=purple] .picture:hover,
.wizard-card[data-color=purple] .radio input[type=radio]:checked~.circle {
    border-color: #9c27b0
}

.wizard-card .moving-tab {
    position: absolute;
    text-align: center;
    padding: 12px;
    font-size: 12px;
    -webkit-font-smoothing: subpixel-antialiased;
    top: -4px;
    left: 0;
    border-radius: 4px;
    color: #FFF;
    cursor: pointer;
    font-weight: 500
}

.wizard-card[data-color=purple] .moving-tab {
    background-color: #9c27b0;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.wizard-card[data-color=purple] .choice.active .icon,
.wizard-card[data-color=purple] .choice:hover .icon {
    border-color: #9c27b0;
    color: #9c27b0
}

.wizard-card[data-color=purple] .form-group .form-control {
    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2)
}

.wizard-card[data-color=purple] .checkbox input[type=checkbox]:checked+.checkbox-material .check,
.wizard-card[data-color=purple] .radio input[type=radio]:checked~.check {
    background-color: #9c27b0
}

.wizard-card[data-color=green] .picture:hover,
.wizard-card[data-color=green] .radio input[type=radio]:checked~.circle {
    border-color: #26c6da
}

.wizard-card[data-color=green] .moving-tab {
    background-color: #26c6da;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4)
}

.wizard-card[data-color=green] .choice.active .icon,
.wizard-card[data-color=green] .choice:hover .icon {
    border-color: #26c6da;
    color: #26c6da
}

.wizard-card[data-color=green] .form-group .form-control {
    background-image: linear-gradient(#26c6da, #26c6da), linear-gradient(#D2D2D2, #D2D2D2)
}

.wizard-card[data-color=green] .checkbox input[type=checkbox]:checked+.checkbox-material .check,
.wizard-card[data-color=green] .radio input[type=radio]:checked~.check {
    background-color: #26c6da
}

.wizard-card[data-color=blue] .picture:hover,
.wizard-card[data-color=blue] .radio input[type=radio]:checked~.circle {
    border-color: #00bcd4
}

.wizard-card[data-color=blue] .moving-tab {
    background-color: #00bcd4;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4)
}

.wizard-card[data-color=blue] .choice.active .icon,
.wizard-card[data-color=blue] .choice:hover .icon {
    border-color: #00bcd4;
    color: #00bcd4
}

.wizard-card[data-color=blue] .form-group .form-control {
    background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2)
}

.wizard-card[data-color=blue] .checkbox input[type=checkbox]:checked+.checkbox-material .check,
.wizard-card[data-color=blue] .radio input[type=radio]:checked~.check {
    background-color: #00bcd4
}

.wizard-card[data-color=orange] .picture:hover,
.wizard-card[data-color=orange] .radio input[type=radio]:checked~.circle {
    border-color: #ff9800
}

.wizard-card[data-color=orange] .moving-tab {
    background-color: #ff9800;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.wizard-card[data-color=orange] .choice.active .icon,
.wizard-card[data-color=orange] .choice:hover .icon {
    border-color: #ff9800;
    color: #ff9800
}

.wizard-card[data-color=orange] .form-group .form-control {
    background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2)
}

.wizard-card[data-color=orange] .checkbox input[type=checkbox]:checked+.checkbox-material .check,
.wizard-card[data-color=orange] .radio input[type=radio]:checked~.check {
    background-color: #ff9800
}

.wizard-card[data-color=red] .picture:hover,
.wizard-card[data-color=red] .radio input[type=radio]:checked~.circle {
    border-color: #f44336
}

.wizard-card[data-color=red] .moving-tab {
    background-color: #f44336;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4)
}

.wizard-card[data-color=red] .choice.active .icon,
.wizard-card[data-color=red] .choice:hover .icon {
    border-color: #f44336;
    color: #f44336
}

.wizard-card[data-color=red] .form-group .form-control {
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2)
}

.wizard-card[data-color=red] .checkbox input[type=checkbox]:checked+.checkbox-material .check,
.wizard-card[data-color=red] .radio input[type=radio]:checked~.check {
    background-color: #f44336
}

.wizard-card[data-color=rose] .picture:hover,
.wizard-card[data-color=rose] .radio input[type=radio]:checked~.circle {
    border-color: #e91e63
}

.wizard-card[data-color=rose] .moving-tab {
    background-color: #e91e63;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4)
}

.wizard-card[data-color=rose] .choice.active .icon,
.wizard-card[data-color=rose] .choice:hover .icon {
    border-color: #e91e63;
    color: #e91e63
}

.wizard-card[data-color=rose] .form-group .form-control {
    background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#D2D2D2, #D2D2D2)
}

.wizard-card[data-color=rose] .checkbox input[type=checkbox]:checked+.checkbox-material .check,
.wizard-card[data-color=rose] .radio input[type=radio]:checked~.check {
    background-color: #e91e63
}

.wizard-card .picture input[type=file] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0!important;
    position: absolute;
    top: 0;
    width: 100%
}

.wizard-card .btn-finish,
.wizard-card .disabled {
    display: none
}

.wizard-card .picture-src {
    width: 100%
}

.wizard-card .tab-content {
    min-height: 340px;
    padding: 20px 15px
}

.wizard-card .wizard-footer {
    padding: 0 15px
}

.wizard-card .wizard-footer .checkbox {
    margin-top: 16px
}

.wizard-card .wizard-header {
    text-align: center;
    padding: 25px 0 35px
}

.wizard-card .wizard-header h5 {
    margin: 5px 0 0
}

.wizard-card .nav-pills>li {
    text-align: center
}

.wizard-card .info-text {
    text-align: center;
    font-weight: 300;
    margin: 10px 0 30px
}

.h6,
.wizard-card .nav-pills>li>a,
h6 {
    font-weight: 500;
    text-transform: uppercase
}

.wizard-card .choice {
    text-align: center;
    cursor: pointer;
    margin-top: 20px
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a,
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.wizard-card .choice[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .26
}

.wizard-card .choice .icon {
    text-align: center;
    vertical-align: middle;
    height: 116px;
    width: 116px;
    border-radius: 50%;
    color: #999;
    margin: 0 auto 20px;
    border: 4px solid #CCC;
    transition: all .2s;
    -webkit-transition: all .2s
}

.ct-double-octave:before,
.ct-major-eleventh:before,
.ct-major-second:before,
.ct-major-seventh:before,
.ct-major-sixth:before,
.ct-major-tenth:before,
.ct-major-third:before,
.ct-major-twelfth:before,
.ct-minor-second:before,
.ct-minor-seventh:before,
.ct-minor-sixth:before,
.ct-minor-third:before,
.ct-octave:before,
.ct-perfect-fifth:before,
.ct-perfect-fourth:before,
.ct-square:before {
    height: 0;
    content: "";
    float: left
}

.wizard-card .choice i {
    font-size: 40px;
    line-height: 111px
}

.wizard-card .choice.active .icon,
.wizard-card .choice:hover .icon {
    border-color: #2ca8ff
}

.wizard-card .choice input[type=radio],
.wizard-card .choice input[type=checkbox] {
    position: absolute;
    left: -10000px;
    z-index: -1
}

.wizard-card .description {
    color: #999;
    font-size: 14px
}

.wizard-card .wizard-title {
    margin: 0
}

.wizard-card .nav-pills {
    background-color: rgba(200, 200, 200, .2)
}

.wizard-card .nav-pills>li+li {
    margin-left: 0
}

.wizard-card .nav-pills>li>a {
    border: 0!important;
    border-radius: 0;
    line-height: 18px;
    font-size: 12px;
    min-width: 100px;
    text-align: center;
    color: #555!important
}

.wizard-card .nav-pills>li.active>a,
.wizard-card .nav-pills>li.active>a:focus,
.wizard-card .nav-pills>li.active>a:hover,
.wizard-card .nav-pills>li>a:focus,
.wizard-card .nav-pills>li>a:hover {
    background-color: inherit;
    box-shadow: none
}

.wizard-card .nav-pills>li i {
    display: block;
    font-size: 30px;
    padding: 15px 0
}

.ct-label {
    fill: rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4);
    font-size: 1.3rem;
    line-height: 1
}

.ct-grid-background,
.ct-line {
    fill: none
}

.ct-chart-bar .ct-label,
.ct-chart-line .ct-label {
    display: block;
    display: flex
}

.ct-chart-donut .ct-label,
.ct-chart-pie .ct-label {
    dominant-baseline: central
}

.ct-label.ct-horizontal.ct-start {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-label.ct-vertical.ct-start {
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}

.ct-label.ct-vertical.ct-end {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end
}

.ct-grid {
    stroke: rgba(0, 0, 0, .2);
    stroke-width: 1px;
    stroke-dasharray: 2px
}

.ct-point {
    stroke-width: 10px;
    stroke-linecap: round
}

.ct-line {
    stroke-width: 4px
}

.ct-area {
    stroke: none;
    fill-opacity: .1
}

.ct-bar {
    fill: none;
    stroke-width: 10px
}

.ct-slice-donut {
    fill: none;
    stroke-width: 60px
}

.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
    stroke: #00bcd4
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-slice-pie {
    fill: #00bcd4
}

.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
    stroke: #f44336
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-slice-pie {
    fill: #f44336
}

.ct-series-c .ct-bar,
.ct-series-c .ct-line,
.ct-series-c .ct-point,
.ct-series-c .ct-slice-donut {
    stroke: #ff9800
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-donut-solid,
.ct-series-c .ct-slice-pie {
    fill: #ff9800
}

.ct-series-d .ct-bar,
.ct-series-d .ct-line,
.ct-series-d .ct-point,
.ct-series-d .ct-slice-donut {
    stroke: #9c27b0
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-donut-solid,
.ct-series-d .ct-slice-pie {
    fill: #9c27b0
}

.ct-series-e .ct-bar,
.ct-series-e .ct-line,
.ct-series-e .ct-point,
.ct-series-e .ct-slice-donut {
    stroke: #26c6da
}

.ct-series-e .ct-area,
.ct-series-e .ct-slice-donut-solid,
.ct-series-e .ct-slice-pie {
    fill: #26c6da
}

.ct-series-f .ct-bar,
.ct-series-f .ct-line,
.ct-series-f .ct-point,
.ct-series-f .ct-slice-donut {
    stroke: #9C9B99
}

.ct-series-f .ct-area,
.ct-series-f .ct-slice-donut-solid,
.ct-series-f .ct-slice-pie {
    fill: #9C9B99
}

.ct-series-g .ct-bar,
.ct-series-g .ct-line,
.ct-series-g .ct-point,
.ct-series-g .ct-slice-donut {
    stroke: #999
}

.ct-series-g .ct-area,
.ct-series-g .ct-slice-donut-solid,
.ct-series-g .ct-slice-pie {
    fill: #999
}

.ct-series-h .ct-bar,
.ct-series-h .ct-line,
.ct-series-h .ct-point,
.ct-series-h .ct-slice-donut {
    stroke: #dd4b39
}

.ct-series-h .ct-area,
.ct-series-h .ct-slice-donut-solid,
.ct-series-h .ct-slice-pie {
    fill: #dd4b39
}

.ct-series-i .ct-bar,
.ct-series-i .ct-line,
.ct-series-i .ct-point,
.ct-series-i .ct-slice-donut {
    stroke: #35465c
}

.ct-series-i .ct-area,
.ct-series-i .ct-slice-donut-solid,
.ct-series-i .ct-slice-pie {
    fill: #35465c
}

.ct-series-j .ct-bar,
.ct-series-j .ct-line,
.ct-series-j .ct-point,
.ct-series-j .ct-slice-donut {
    stroke: #e52d27
}

.ct-series-j .ct-area,
.ct-series-j .ct-slice-donut-solid,
.ct-series-j .ct-slice-pie {
    fill: #e52d27
}

.ct-series-k .ct-bar,
.ct-series-k .ct-line,
.ct-series-k .ct-point,
.ct-series-k .ct-slice-donut {
    stroke: #55acee
}

.ct-series-k .ct-area,
.ct-series-k .ct-slice-donut-solid,
.ct-series-k .ct-slice-pie {
    fill: #55acee
}

.ct-series-l .ct-bar,
.ct-series-l .ct-line,
.ct-series-l .ct-point,
.ct-series-l .ct-slice-donut {
    stroke: #cc2127
}

.ct-series-l .ct-area,
.ct-series-l .ct-slice-donut-solid,
.ct-series-l .ct-slice-pie {
    fill: #cc2127
}

.ct-series-m .ct-bar,
.ct-series-m .ct-line,
.ct-series-m .ct-point,
.ct-series-m .ct-slice-donut {
    stroke: #1769ff
}

.ct-series-m .ct-area,
.ct-series-m .ct-slice-donut-solid,
.ct-series-m .ct-slice-pie {
    fill: #1769ff
}

.ct-series-n .ct-bar,
.ct-series-n .ct-line,
.ct-series-n .ct-point,
.ct-series-n .ct-slice-donut {
    stroke: #6188e2
}

.ct-series-n .ct-area,
.ct-series-n .ct-slice-donut-solid,
.ct-series-n .ct-slice-pie {
    fill: #6188e2
}

.ct-series-o .ct-bar,
.ct-series-o .ct-line,
.ct-series-o .ct-point,
.ct-series-o .ct-slice-donut {
    stroke: #a748ca
}

.ct-series-o .ct-area,
.ct-series-o .ct-slice-donut-solid,
.ct-series-o .ct-slice-pie {
    fill: #a748ca
}

.ct-square {
    display: block;
    position: relative;
    width: 100%
}

.ct-square:before {
    display: block;
    width: 0;
    padding-bottom: 100%
}

.ct-square:after {
    content: "";
    display: table;
    clear: both
}

.ct-square>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-second {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-second:before {
    display: block;
    width: 0;
    padding-bottom: 93.75%
}

.ct-minor-second:after {
    content: "";
    display: table;
    clear: both
}

.ct-minor-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-second {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-second:before {
    display: block;
    width: 0;
    padding-bottom: 88.8888888889%
}

.ct-major-second:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-third {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-third:before {
    display: block;
    width: 0;
    padding-bottom: 83.3333333333%
}

.ct-minor-third:after {
    content: "";
    display: table;
    clear: both
}

.ct-minor-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-third {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-third:before {
    display: block;
    width: 0;
    padding-bottom: 80%
}

.ct-major-third:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%
}

.ct-perfect-fourth:before {
    display: block;
    width: 0;
    padding-bottom: 75%
}

.ct-perfect-fourth:after {
    content: "";
    display: table;
    clear: both
}

.ct-perfect-fourth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%
}

.ct-perfect-fifth:before {
    display: block;
    width: 0;
    padding-bottom: 66.6666666667%
}

.ct-perfect-fifth:after {
    content: "";
    display: table;
    clear: both
}

.ct-perfect-fifth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-sixth:before {
    display: block;
    width: 0;
    padding-bottom: 62.5%
}

.ct-minor-sixth:after {
    content: "";
    display: table;
    clear: both
}

.ct-minor-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-golden-section {
    display: block;
    position: relative;
    width: 100%
}

.ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.804697157%
}

.ct-golden-section:after {
    content: "";
    display: table;
    clear: both
}

.ct-golden-section>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-sixth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-sixth:before {
    display: block;
    width: 0;
    padding-bottom: 60%
}

.ct-major-sixth:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-seventh:before {
    display: block;
    width: 0;
    padding-bottom: 56.25%
}

.ct-minor-seventh:after {
    content: "";
    display: table;
    clear: both
}

.ct-minor-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-seventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-seventh:before {
    display: block;
    width: 0;
    padding-bottom: 53.3333333333%
}

.ct-major-seventh:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-octave {
    display: block;
    position: relative;
    width: 100%
}

.ct-octave:before {
    display: block;
    width: 0;
    padding-bottom: 50%
}

.ct-octave:after {
    content: "";
    display: table;
    clear: both
}

.ct-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-tenth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-tenth:before {
    display: block;
    width: 0;
    padding-bottom: 40%
}

.ct-major-tenth:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-tenth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-eleventh:before {
    display: block;
    width: 0;
    padding-bottom: 37.5%
}

.ct-major-eleventh:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-eleventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-twelfth:before {
    display: block;
    width: 0;
    padding-bottom: 33.3333333333%
}

.ct-major-twelfth:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-twelfth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-double-octave {
    display: block;
    position: relative;
    width: 100%
}

.ct-double-octave:before {
    display: block;
    width: 0;
    padding-bottom: 25%
}

.ct-double-octave:after {
    content: "";
    display: table;
    clear: both
}

.ct-double-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}


/*!
* Bootstrap-select v1.11.2 (http://silviomoreto.github.io/bootstrap-select)
*
* Copyright 2013-2016 bootstrap-select
* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
*/

select.bs-select-hidden,
select.selectpicker {
    display: none!important
}

.bootstrap-select {
    width: 220px\9
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1
}

.bootstrap-select>select {
    position: absolute!important;
    bottom: 0;
    left: 50%;
    display: block!important;
    width: .5px!important;
    height: 100%!important;
    padding: 0!important;
    opacity: 0!important;
    border: none
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block!important;
    width: 100%!important;
    z-index: 2
}

.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto!important
}

.bootstrap-select.btn-group[class*=col-] .dropdown-toggle,
.bootstrap-select.form-control:not([class*=col-]),
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a:focus,
.bootstrap-select.btn-group .dropdown-menu li.disabled a:hover {
    box-shadow: none
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: 0!important
}

.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0!important;
    padding: 0!important
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    text-overflow: ellipsis
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group .dropdown-menu {
    border-radius: 4px;
    padding: 0;
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 5px 0;
    margin: 0;
    box-shadow: none;
    -ms-overflow-style: auto
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    outline: 0
}

.bootstrap-select.btn-group .dropdown-menu li a:focus,
.bootstrap-select.btn-group .dropdown-menu li a:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    font-size: 16px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

.select-with-transition {
    border: 0!important;
    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: rgba(0, 0, 0, 0)!important;
    transition: background 0s ease-out!important;
    float: none!important;
    box-shadow: none!important;
    border-radius: 0!important;
    color: #3C4858!important;
    height: 34px;
    padding-left: 0!important;
    padding-bottom: 5px!important
}

.select-with-transition .caret,
.select-with-transition .ripple-container {
    display: none
}

.btn-group.bootstrap-select.show-tick.open .select-with-transition {
    outline: 0!important;
    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2)!important;
    background-size: 100% 2px, 100% 1px!important;
    box-shadow: none;
    transition-duration: .3s!important
}

.btn:active,
.btn:active:focus,
.btn:focus,
.navbar .navbar-nav>li>a.btn:active,
.navbar .navbar-nav>li>a.btn:active:focus,
.navbar .navbar-nav>li>a.btn:focus,
:focus {
    outline: 0
}

.ps-container {
    touch-action: auto;
    overflow: hidden!important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps-container {
        overflow: auto!important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ps-container {
        overflow: auto!important
    }
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999;
    height: 11px
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999;
    width: 11px
}

.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    height: 15px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    bottom: 2px;
    height: 6px
}

.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    height: 11px
}

.ps-container>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 15px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    right: 2px;
    width: 6px
}

.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y,
.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    width: 11px
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999;
    height: 11px
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999;
    width: 11px
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: .6
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.h1,
h1 {
    font-size: 3.8em
}

.h2,
.register-page .card-signup .info-horizontal .icon i,
h2 {
    font-size: 2.6em
}

.h3,
h3 {
    font-size: 1.825em;
    margin: 20px 0 10px
}

.h4,
h4 {
    font-size: 1.3em
}

.h5,
h5 {
    font-size: 1.25em;
    line-height: 1.4em;
    margin-bottom: 15px
}

.h6,
h6 {
    font-size: 1em
}

.card-title,
.card-title a,
.footer-big h4,
.footer-big h4 a,
.footer-big h5,
.footer-big h5 a,
.footer-brand,
.footer-brand a,
.info-title,
.info-title a,
.media .media-heading,
.media .media-heading a,
.title,
.title a {
    color: #3C4858;
    text-decoration: none
}

.card-blog .card-title {
    font-weight: 700
}

h2.title {
    margin-bottom: 30px
}

.card-description,
.description,
.footer-big p {
    color: #999
}

.text-warning {
    color: #ff9800!important;
}

.text-primary {
    color: #9c27b0
}

.text-danger {
    color: #f44336
}

.text-success {
    color: #26c6da
}

.text-info {
    color: #00bcd4
}

.text-rose {
    color: #e91e63
}

.text-gray {
    color: #999
}

.wrapper {
    position: relative;
    top: 0;
    height: 100vh
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 260px;
    background: #FFF;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .42), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.sidebar[data-background-color=black] {
    background-color: #191919
}

.sidebar .sidebar-wrapper {
    position: relative;
    height: calc(100vh - 75px);
    width: 260px;
    z-index: 4;
    padding-bottom: 30px
}

.sidebar .sidebar-wrapper .dropdown .dropdown-backdrop {
    display: none!important
}

.sidebar .sidebar-wrapper .navbar-form {
    border: none;
    box-shadow: none
}

.sidebar .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a span,
.sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a span {
    display: inline-block
}

.sidebar .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
.sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal {
    margin: 0;
    position: relative;
    transform: translateX(0);
    opacity: 1;
    white-space: nowrap;
    display: block
}

.sidebar .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-mini,
.sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-mini {
    text-transform: uppercase;
    width: 30px;
    margin-right: 15px;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    float: left;
    display: inherit
}

.sidebar .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a i,
.sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a i {
    font-size: 17px;
    line-height: 20px;
    width: 26px
}

.sidebar .nav {
    margin-top: 15px
}

.sidebar .nav .caret {
    margin-top: 13px;
    position: absolute;
    right: 18px
}

.sidebar .nav li>a {
    margin: 10px 15px 0;
    border-radius: 3px;
    color: #3C4858;
    padding-left: 10px;
    padding-right: 10px
}

.sidebar .nav li>a:focus,
.sidebar .nav li>a:hover {
    background-color: transparent;
    outline: 0
}

.sidebar .nav li:first-child>a {
    margin: 0 15px
}

.sidebar .nav li.active>[data-toggle=collapse],
.sidebar .nav li:hover>a {
    background-color: rgba(200, 200, 200, .2);
    color: #3C4858;
    box-shadow: none
}

.sidebar .nav li.active>[data-toggle=collapse] i {
    color: #a9afbb
}

.sidebar .nav li.active>a,
.sidebar .nav li.active>a i {
    color: #FFF
}

.sidebar .nav li.separator {
    margin: 15px 0
}

.sidebar .nav li.separator:after {
    width: calc(100% - 30px);
    content: "";
    position: absolute;
    height: 1px;
    left: 15px;
    background-color: rgba(180, 180, 180, .3)
}

.sidebar .nav li.separator+li {
    margin-top: 31px
}

.sidebar .nav p {
    margin: 0;
    line-height: 30px;
    font-size: 14px;
    position: relative;
    display: block;
    height: auto;
    white-space: nowrap
}

.sidebar .nav i {
    font-size: 24px;
    float: left;
    margin-right: 15px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #a9afbb
}

.sidebar .sidebar-background,
.sidebar .sidebar-background:after,
.sidebar:after,
.sidebar:before {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.sidebar:after,
.sidebar:before {
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
    background: #000
}

.sidebar .sidebar-background {
    z-index: 1;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center
}

.sidebar .sidebar-background:after {
    z-index: 3;
    content: "";
    background: #FFF;
    opacity: .93
}

.sidebar .logo:after,
.sidebar .user:after {
    content: '';
    right: 15px;
    background-color: rgba(180, 180, 180, .3);
    bottom: 0
}

.sidebar .logo {
    padding: 15px 0;
    margin: 0;
    display: block;
    position: relative;
    z-index: 4
}

.sidebar .logo a.logo-mini {
    opacity: 1;
    float: left;
    width: 30px;
    text-align: center;
    margin-left: 23px;
    margin-right: 15px
}

.sidebar .logo a.logo-normal {
    display: block;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.sidebar .logo:after {
    position: absolute;
    height: 1px;
    width: calc(100% - 30px)
}

.sidebar .logo p {
    float: left;
    font-size: 20px;
    margin: 10px;
    color: #FFF;
    line-height: 20px
}

.sidebar .logo .simple-text {
    text-transform: uppercase;
    padding: 5px 0;
    display: inline-block;
    font-size: 18px;
    color: #3C4858;
    white-space: nowrap;
    font-weight: 400;
    line-height: 30px;
    overflow: hidden
}

.sidebar .logo-tim {
    border-radius: 50%;
    border: 1px solid #333;
    display: block;
    height: 61px;
    width: 61px;
    float: left;
    overflow: hidden
}

.sidebar .logo-tim img {
    width: 60px;
    height: 60px
}

.sidebar .user {
    padding-bottom: 20px;
    margin: 20px auto 0;
    position: relative
}

.sidebar .user:after {
    position: absolute;
    height: 1px;
    width: calc(100% - 30px)
}

.sidebar .user .photo {
    width: 34px;
    height: 34px;
    overflow: hidden;
    float: left;
    z-index: 5;
    margin-right: 11px;
    border-radius: 50%;
    margin-left: 23px;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .42), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.main-panel,
.panel .panel-heading i {
    float: right
}

.sidebar .user .photo img {
    width: 100%
}

.sidebar .user a {
    color: #3C4858;
    padding: 6px 15px;
    white-space: nowrap
}

.sidebar .user .info>a {
    display: block;
    line-height: 22px
}

.sidebar .user .info>a>span {
    display: block;
    position: relative;
    opacity: 1
}

.sidebar .user .info .caret {
    position: absolute;
    top: 10px;
    right: 27px
}

.sidebar[data-background-color=black] .nav li>a {
    color: #FFF
}

.sidebar[data-background-color=black] .nav li i {
    color: rgba(255, 255, 255, .8)
}

.sidebar[data-background-color=black] .nav li.active>[data-toggle=collapse],
.sidebar[data-background-color=black] .nav li:hover>[data-toggle=collapse] {
    color: #FFF
}

.sidebar[data-background-color=black] .nav li.active>[data-toggle=collapse] i,
.sidebar[data-background-color=black] .nav li:hover>[data-toggle=collapse] i {
    color: rgba(255, 255, 255, .8)
}

.sidebar[data-background-color=black] .simple-text,
.sidebar[data-background-color=black] .user a {
    color: #FFF
}

.sidebar[data-background-color=black] .sidebar-background:after {
    background: #000;
    opacity: .8
}

.sidebar[data-background-color=white]:after,
.sidebar[data-background-color=white]:before {
    background: #FFF
}

.sidebar[data-active-color=purple] li.active>a {
    background-color: #9c27b0;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.sidebar[data-active-color=blue] li.active>a {
    background-color: #00bcd4;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4)
}

.sidebar[data-active-color=green] li.active>a {
    background-color: #26c6da;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4)
}

.sidebar[data-active-color=orange] li.active>a {
    background-color: #ff9800;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.sidebar[data-active-color=red] li.active>a {
    background-color: #f44336;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4)
}

.sidebar[data-active-color=rose] li.active>a {
    background-color: #e91e63;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4)
}

.sidebar[data-active-color=white] li.active>a {
    background-color: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 255, 255, .4)
}

.sidebar[data-active-color=white] .nav li.active>a:not([data-toggle=collapse]) {
    color: #3C4858;
    opacity: 1;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(60, 72, 88, .4)
}

.sidebar[data-active-color=white] .nav li.active>a:not([data-toggle=collapse]) i {
    color: rgba(60, 72, 88, .8)
}

.sidebar[data-background-color=red] .nav li>a {
    color: #FFF
}

.sidebar[data-background-color=red] .nav li i {
    color: rgba(255, 255, 255, .8)
}

.sidebar[data-background-color=red] .nav li.active>[data-toggle=collapse],
.sidebar[data-background-color=red] .nav li:hover>[data-toggle=collapse] {
    color: #FFF
}

.sidebar[data-background-color=red] .nav li.active>[data-toggle=collapse] i,
.sidebar[data-background-color=red] .nav li:hover>[data-toggle=collapse] i {
    color: rgba(255, 255, 255, .8)
}

.sidebar[data-background-color=red] .simple-text,
.sidebar[data-background-color=red] .user a {
    color: #FFF
}

.sidebar[data-background-color=red] .sidebar-background:after {
    background: #f44336;
    opacity: .8
}

.sidebar[data-background-color=red] .logo:after,
.sidebar[data-background-color=red] .nav li.separator:after,
.sidebar[data-background-color=red] .user:after {
    background-color: rgba(255, 255, 255, .3)
}

.sidebar[data-background-color=red] .nav li.active>[data-toggle=collapse],
.sidebar[data-background-color=red] .nav li:hover:not(.active)>a {
    background-color: rgba(255, 255, 255, .1)
}

.sidebar.has-image:after,
.sidebar[data-image]:after {
    opacity: .77
}

.off-canvas-sidebar .navbar-collapse .nav>li>a,
.off-canvas-sidebar .navbar-collapse .nav>li>a:hover {
    color: #FFF;
    margin: 0 15px
}

.off-canvas-sidebar .navbar-collapse .nav>li>a:focus,
.off-canvas-sidebar .navbar-collapse .nav>li>a:hover {
    background: rgba(200, 200, 200, .2)
}

.main-panel {
    position: relative;
    width: calc(100% - 260px);
    transition: all .33s cubic-bezier(.685, .0473, .346, 1)
}

.main-panel>.content {
    margin-top: 70px;
    padding: 30px 15px;
    min-height: calc(100vh - 123px)
}

.main-panel>.footer {
    border-top: 1px solid #e7e7e7
}

.main-panel>.navbar {
    margin-bottom: 0
}

.main-panel .header {
    margin-bottom: 30px
}

.main-panel .header .title {
    margin-top: 10px
}

.perfect-scrollbar-on .main-panel,
.perfect-scrollbar-on .sidebar {
    height: 100%;
    max-height: 100%
}

.main-panel,
.sidebar,
.sidebar-wrapper {
    transition-property: top, bottom, width;
    transition-duration: .2s, .2s, .35s;
    transition-timing-function: linear, linear, ease;
    -webkit-overflow-scrolling: touch
}

.main-panel,
.perfect-scrollbar-on .main-panel,
.perfect-scrollbar-on .sidebar .sidebar-wrapper,
.sidebar .sidebar-wrapper {
    overflow: hidden
}

.perfect-scrollbar-off .main-panel,
.perfect-scrollbar-off .sidebar .sidebar-wrapper {
    overflow: auto
}

.visible-on-sidebar-regular {
    display: inline-block!important
}

.visible-on-sidebar-mini {
    display: none!important
}

@media (min-width:992px) {
    .sidebar-mini .visible-on-sidebar-regular {
        display: none!important
    }
    .sidebar-mini .visible-on-sidebar-mini {
        display: inline-block!important
    }
    .sidebar-mini .sidebar,
    .sidebar-mini .sidebar .sidebar-wrapper {
        width: 80px
    }
    .sidebar-mini .main-panel {
        /* width: calc(100% - 80px) */
    }
    .sidebar-mini .sidebar:hover,
    .sidebar-mini .sidebar:hover .sidebar-wrapper {
        width: 260px
    }
    .sidebar-mini .sidebar {
        display: block;
        font-weight: 200;
        z-index: 9999
    }
    .sidebar-mini .sidebar .logo a.logo-normal {
        opacity: 0;
        transform: translate3d(-25px, 0, 0)
    }
    .sidebar-mini .sidebar .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .sidebar-mini .sidebar .sidebar-wrapper .user .info>a>span,
    .sidebar-mini .sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .sidebar-mini .sidebar .sidebar-wrapper>.nav li>a p {
        transform: translate3d(-25px, 0, 0);
        opacity: 0
    }
    .sidebar-mini .sidebar:hover .logo a.logo-normal {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info>a>span,
    .sidebar-mini .sidebar:hover .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .sidebar-mini .sidebar:hover .sidebar-wrapper>.nav li>a p {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.btn,
.navbar .navbar-nav>li>a.btn {
    border: none;
    border-radius: 4px;
    position: relative;
    padding: 12px 30px;
    margin: 10px 1px;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1)
}

.btn::-moz-focus-inner,
.navbar .navbar-nav>li>a.btn::-moz-focus-inner {
    border: 0
}

.btn,
.btn.btn-default,
.navbar .navbar-nav>li>a.btn,
.navbar .navbar-nav>li>a.btn.btn-default {
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, .14), 0 3px 1px -2px rgba(153, 153, 153, .2), 0 1px 5px 0 rgba(153, 153, 153, .12)
}

.btn,
.btn.active,
.btn.active:focus,
.btn.active:hover,
.btn.btn-default,
.btn.btn-default.active,
.btn.btn-default.active:focus,
.btn.btn-default.active:hover,
.btn.btn-default:active,
.btn.btn-default:active:focus,
.btn.btn-default:active:hover,
.btn.btn-default:focus,
.btn.btn-default:hover,
.btn:active,
.btn:active:focus,
.btn:active:hover,
.btn:focus,
.btn:hover,
.navbar .navbar-nav>li>a.btn,
.navbar .navbar-nav>li>a.btn.active,
.navbar .navbar-nav>li>a.btn.active:focus,
.navbar .navbar-nav>li>a.btn.active:hover,
.navbar .navbar-nav>li>a.btn.btn-default,
.navbar .navbar-nav>li>a.btn.btn-default.active,
.navbar .navbar-nav>li>a.btn.btn-default.active:focus,
.navbar .navbar-nav>li>a.btn.btn-default.active:hover,
.navbar .navbar-nav>li>a.btn.btn-default:active,
.navbar .navbar-nav>li>a.btn.btn-default:active:focus,
.navbar .navbar-nav>li>a.btn.btn-default:active:hover,
.navbar .navbar-nav>li>a.btn.btn-default:focus,
.navbar .navbar-nav>li>a.btn.btn-default:hover,
.navbar .navbar-nav>li>a.btn:active,
.navbar .navbar-nav>li>a.btn:active:focus,
.navbar .navbar-nav>li>a.btn:active:hover,
.navbar .navbar-nav>li>a.btn:focus,
.navbar .navbar-nav>li>a.btn:hover,
.open>.btn.btn-default.dropdown-toggle,
.open>.btn.btn-default.dropdown-toggle:focus,
.open>.btn.btn-default.dropdown-toggle:hover,
.open>.btn.dropdown-toggle,
.open>.btn.dropdown-toggle:focus,
.open>.btn.dropdown-toggle:hover,
.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle,
.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:focus,
.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:hover,
.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle,
.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:focus,
.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:hover {
    background-color: #999;
    color: #FFF
}

.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover,
.btn:active,
.btn:focus,
.btn:hover,
.navbar .navbar-nav>li>a.btn.btn-default:active,
.navbar .navbar-nav>li>a.btn.btn-default:focus,
.navbar .navbar-nav>li>a.btn.btn-default:hover,
.navbar .navbar-nav>li>a.btn:active,
.navbar .navbar-nav>li>a.btn:focus,
.navbar .navbar-nav>li>a.btn:hover {
    box-shadow: 0 14px 26px -12px rgba(153, 153, 153, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(153, 153, 153, .2)
}

.btn.btn-default.disabled,
.btn.btn-default.disabled.active,
.btn.btn-default.disabled.focus,
.btn.btn-default.disabled:active,
.btn.btn-default.disabled:focus,
.btn.btn-default.disabled:hover,
.btn.btn-default:disabled,
.btn.btn-default:disabled.active,
.btn.btn-default:disabled.focus,
.btn.btn-default:disabled:active,
.btn.btn-default:disabled:focus,
.btn.btn-default:disabled:hover,
.btn.btn-default[disabled],
.btn.btn-default[disabled].active,
.btn.btn-default[disabled].focus,
.btn.btn-default[disabled]:active,
.btn.btn-default[disabled]:focus,
.btn.btn-default[disabled]:hover,
.btn.disabled,
.btn.disabled.active,
.btn.disabled.focus,
.btn.disabled:active,
.btn.disabled:focus,
.btn.disabled:hover,
.btn:disabled,
.btn:disabled.active,
.btn:disabled.focus,
.btn:disabled:active,
.btn:disabled:focus,
.btn:disabled:hover,
.btn[disabled],
.btn[disabled].active,
.btn[disabled].focus,
.btn[disabled]:active,
.btn[disabled]:focus,
.btn[disabled]:hover,
.navbar .navbar-nav>li>a.btn.btn-default.disabled,
.navbar .navbar-nav>li>a.btn.btn-default.disabled.active,
.navbar .navbar-nav>li>a.btn.btn-default.disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-default.disabled:active,
.navbar .navbar-nav>li>a.btn.btn-default.disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-default.disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-default:disabled,
.navbar .navbar-nav>li>a.btn.btn-default:disabled.active,
.navbar .navbar-nav>li>a.btn.btn-default:disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-default:disabled:active,
.navbar .navbar-nav>li>a.btn.btn-default:disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-default:disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-default[disabled],
.navbar .navbar-nav>li>a.btn.btn-default[disabled].active,
.navbar .navbar-nav>li>a.btn.btn-default[disabled].focus,
.navbar .navbar-nav>li>a.btn.btn-default[disabled]:active,
.navbar .navbar-nav>li>a.btn.btn-default[disabled]:focus,
.navbar .navbar-nav>li>a.btn.btn-default[disabled]:hover,
.navbar .navbar-nav>li>a.btn.disabled,
.navbar .navbar-nav>li>a.btn.disabled.active,
.navbar .navbar-nav>li>a.btn.disabled.focus,
.navbar .navbar-nav>li>a.btn.disabled:active,
.navbar .navbar-nav>li>a.btn.disabled:focus,
.navbar .navbar-nav>li>a.btn.disabled:hover,
.navbar .navbar-nav>li>a.btn:disabled,
.navbar .navbar-nav>li>a.btn:disabled.active,
.navbar .navbar-nav>li>a.btn:disabled.focus,
.navbar .navbar-nav>li>a.btn:disabled:active,
.navbar .navbar-nav>li>a.btn:disabled:focus,
.navbar .navbar-nav>li>a.btn:disabled:hover,
.navbar .navbar-nav>li>a.btn[disabled],
.navbar .navbar-nav>li>a.btn[disabled].active,
.navbar .navbar-nav>li>a.btn[disabled].focus,
.navbar .navbar-nav>li>a.btn[disabled]:active,
.navbar .navbar-nav>li>a.btn[disabled]:focus,
.navbar .navbar-nav>li>a.btn[disabled]:hover,
fieldset[disabled] .btn,
fieldset[disabled] .btn.active,
fieldset[disabled] .btn.btn-default,
fieldset[disabled] .btn.btn-default.active,
fieldset[disabled] .btn.btn-default.focus,
fieldset[disabled] .btn.btn-default:active,
fieldset[disabled] .btn.btn-default:focus,
fieldset[disabled] .btn.btn-default:hover,
fieldset[disabled] .btn.focus,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn:hover,
fieldset[disabled] .navbar .navbar-nav>li>a.btn,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default.active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default.focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default:active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default:focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default:hover,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn:active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn:focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn:hover {
    box-shadow: none
}

.btn.btn-default.btn-simple,
.btn.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-default.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-simple {
    background-color: transparent;
    color: #999;
    box-shadow: none
}

.btn.btn-default.btn-simple:active,
.btn.btn-default.btn-simple:focus,
.btn.btn-default.btn-simple:hover,
.btn.btn-simple:active,
.btn.btn-simple:focus,
.btn.btn-simple:hover,
.navbar .navbar-nav>li>a.btn.btn-default.btn-simple:active,
.navbar .navbar-nav>li>a.btn.btn-default.btn-simple:focus,
.navbar .navbar-nav>li>a.btn.btn-default.btn-simple:hover,
.navbar .navbar-nav>li>a.btn.btn-simple:active,
.navbar .navbar-nav>li>a.btn.btn-simple:focus,
.navbar .navbar-nav>li>a.btn.btn-simple:hover {
    background-color: transparent;
    color: #999
}

.btn.btn-primary,
.navbar .navbar-nav>li>a.btn.btn-primary {
    box-shadow: 0 2px 2px 0 rgba(156, 39, 176, .14), 0 3px 1px -2px rgba(156, 39, 176, .2), 0 1px 5px 0 rgba(156, 39, 176, .12)
}

.btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.active:focus,
.btn.btn-primary.active:hover,
.btn.btn-primary:active,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover,
.btn.btn-primary:focus,
.btn.btn-primary:hover,
.navbar .navbar-nav>li>a.btn.btn-primary,
.navbar .navbar-nav>li>a.btn.btn-primary.active,
.navbar .navbar-nav>li>a.btn.btn-primary.active:focus,
.navbar .navbar-nav>li>a.btn.btn-primary.active:hover,
.navbar .navbar-nav>li>a.btn.btn-primary:active,
.navbar .navbar-nav>li>a.btn.btn-primary:active:focus,
.navbar .navbar-nav>li>a.btn.btn-primary:active:hover,
.navbar .navbar-nav>li>a.btn.btn-primary:focus,
.navbar .navbar-nav>li>a.btn.btn-primary:hover,
.open>.btn.btn-primary.dropdown-toggle,
.open>.btn.btn-primary.dropdown-toggle:focus,
.open>.btn.btn-primary.dropdown-toggle:hover,
.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle,
.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:focus,
.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:hover {
    background-color: #9c27b0;
    color: #FFF
}

.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover,
.navbar .navbar-nav>li>a.btn.btn-primary:active,
.navbar .navbar-nav>li>a.btn.btn-primary:focus,
.navbar .navbar-nav>li>a.btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(156, 39, 176, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(156, 39, 176, .2)
}

.btn.btn-primary.disabled,
.btn.btn-primary.disabled.active,
.btn.btn-primary.disabled.focus,
.btn.btn-primary.disabled:active,
.btn.btn-primary.disabled:focus,
.btn.btn-primary.disabled:hover,
.btn.btn-primary:disabled,
.btn.btn-primary:disabled.active,
.btn.btn-primary:disabled.focus,
.btn.btn-primary:disabled:active,
.btn.btn-primary:disabled:focus,
.btn.btn-primary:disabled:hover,
.btn.btn-primary[disabled],
.btn.btn-primary[disabled].active,
.btn.btn-primary[disabled].focus,
.btn.btn-primary[disabled]:active,
.btn.btn-primary[disabled]:focus,
.btn.btn-primary[disabled]:hover,
.navbar .navbar-nav>li>a.btn.btn-primary.disabled,
.navbar .navbar-nav>li>a.btn.btn-primary.disabled.active,
.navbar .navbar-nav>li>a.btn.btn-primary.disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-primary.disabled:active,
.navbar .navbar-nav>li>a.btn.btn-primary.disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-primary.disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-primary:disabled,
.navbar .navbar-nav>li>a.btn.btn-primary:disabled.active,
.navbar .navbar-nav>li>a.btn.btn-primary:disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-primary:disabled:active,
.navbar .navbar-nav>li>a.btn.btn-primary:disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-primary:disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-primary[disabled],
.navbar .navbar-nav>li>a.btn.btn-primary[disabled].active,
.navbar .navbar-nav>li>a.btn.btn-primary[disabled].focus,
.navbar .navbar-nav>li>a.btn.btn-primary[disabled]:active,
.navbar .navbar-nav>li>a.btn.btn-primary[disabled]:focus,
.navbar .navbar-nav>li>a.btn.btn-primary[disabled]:hover,
fieldset[disabled] .btn.btn-primary,
fieldset[disabled] .btn.btn-primary.active,
fieldset[disabled] .btn.btn-primary.focus,
fieldset[disabled] .btn.btn-primary:active,
fieldset[disabled] .btn.btn-primary:focus,
fieldset[disabled] .btn.btn-primary:hover,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary.active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary.focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:hover {
    box-shadow: none
}

.btn.btn-primary.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple {
    background-color: transparent;
    color: #9c27b0;
    box-shadow: none
}

.btn.btn-primary.btn-simple:active,
.btn.btn-primary.btn-simple:focus,
.btn.btn-primary.btn-simple:hover,
.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:active,
.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:focus,
.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:hover {
    background-color: transparent;
    color: #9c27b0
}

.btn.btn-info,
.navbar .navbar-nav>li>a.btn.btn-info {
    box-shadow: 0 2px 2px 0 rgba(0, 188, 212, .14), 0 3px 1px -2px rgba(0, 188, 212, .2), 0 1px 5px 0 rgba(0, 188, 212, .12)
}

.btn.btn-info,
.btn.btn-info.active,
.btn.btn-info.active:focus,
.btn.btn-info.active:hover,
.btn.btn-info:active,
.btn.btn-info:active:focus,
.btn.btn-info:active:hover,
.btn.btn-info:focus,
.btn.btn-info:hover,
.navbar .navbar-nav>li>a.btn.btn-info,
.navbar .navbar-nav>li>a.btn.btn-info.active,
.navbar .navbar-nav>li>a.btn.btn-info.active:focus,
.navbar .navbar-nav>li>a.btn.btn-info.active:hover,
.navbar .navbar-nav>li>a.btn.btn-info:active,
.navbar .navbar-nav>li>a.btn.btn-info:active:focus,
.navbar .navbar-nav>li>a.btn.btn-info:active:hover,
.navbar .navbar-nav>li>a.btn.btn-info:focus,
.navbar .navbar-nav>li>a.btn.btn-info:hover,
.open>.btn.btn-info.dropdown-toggle,
.open>.btn.btn-info.dropdown-toggle:focus,
.open>.btn.btn-info.dropdown-toggle:hover,
.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle,
.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle:focus,
.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle:hover {
    background-color: #00bcd4;
    color: #FFF
}

.btn.btn-info:active,
.btn.btn-info:focus,
.btn.btn-info:hover,
.navbar .navbar-nav>li>a.btn.btn-info:active,
.navbar .navbar-nav>li>a.btn.btn-info:focus,
.navbar .navbar-nav>li>a.btn.btn-info:hover {
    box-shadow: 0 14px 26px -12px rgba(0, 188, 212, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 188, 212, .2)
}

.btn.btn-info.disabled,
.btn.btn-info.disabled.active,
.btn.btn-info.disabled.focus,
.btn.btn-info.disabled:active,
.btn.btn-info.disabled:focus,
.btn.btn-info.disabled:hover,
.btn.btn-info:disabled,
.btn.btn-info:disabled.active,
.btn.btn-info:disabled.focus,
.btn.btn-info:disabled:active,
.btn.btn-info:disabled:focus,
.btn.btn-info:disabled:hover,
.btn.btn-info[disabled],
.btn.btn-info[disabled].active,
.btn.btn-info[disabled].focus,
.btn.btn-info[disabled]:active,
.btn.btn-info[disabled]:focus,
.btn.btn-info[disabled]:hover,
.navbar .navbar-nav>li>a.btn.btn-info.disabled,
.navbar .navbar-nav>li>a.btn.btn-info.disabled.active,
.navbar .navbar-nav>li>a.btn.btn-info.disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-info.disabled:active,
.navbar .navbar-nav>li>a.btn.btn-info.disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-info.disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-info:disabled,
.navbar .navbar-nav>li>a.btn.btn-info:disabled.active,
.navbar .navbar-nav>li>a.btn.btn-info:disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-info:disabled:active,
.navbar .navbar-nav>li>a.btn.btn-info:disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-info:disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-info[disabled],
.navbar .navbar-nav>li>a.btn.btn-info[disabled].active,
.navbar .navbar-nav>li>a.btn.btn-info[disabled].focus,
.navbar .navbar-nav>li>a.btn.btn-info[disabled]:active,
.navbar .navbar-nav>li>a.btn.btn-info[disabled]:focus,
.navbar .navbar-nav>li>a.btn.btn-info[disabled]:hover,
fieldset[disabled] .btn.btn-info,
fieldset[disabled] .btn.btn-info.active,
fieldset[disabled] .btn.btn-info.focus,
fieldset[disabled] .btn.btn-info:active,
fieldset[disabled] .btn.btn-info:focus,
fieldset[disabled] .btn.btn-info:hover,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info.active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info.focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info:active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info:focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info:hover {
    box-shadow: none
}

.btn.btn-info.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-info.btn-simple {
    background-color: transparent;
    color: #00bcd4;
    box-shadow: none
}

.btn.btn-info.btn-simple:active,
.btn.btn-info.btn-simple:focus,
.btn.btn-info.btn-simple:hover,
.navbar .navbar-nav>li>a.btn.btn-info.btn-simple:active,
.navbar .navbar-nav>li>a.btn.btn-info.btn-simple:focus,
.navbar .navbar-nav>li>a.btn.btn-info.btn-simple:hover {
    background-color: transparent;
    color: #00bcd4
}

.btn.btn-success,
.navbar .navbar-nav>li>a.btn.btn-success {
    box-shadow: 0 2px 2px 0 rgba(76, 175, 80, .14), 0 3px 1px -2px rgba(76, 175, 80, .2), 0 1px 5px 0 rgba(76, 175, 80, .12)
}



.btn.btn-success:active,
.btn.btn-success:focus,
.btn.btn-success:hover,
.navbar .navbar-nav>li>a.btn.btn-success:active,
.navbar .navbar-nav>li>a.btn.btn-success:focus,
.navbar .navbar-nav>li>a.btn.btn-success:hover {
    box-shadow: 0 14px 26px -12px rgba(76, 175, 80, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(76, 175, 80, .2)
}

.btn.btn-success.disabled,
.btn.btn-success.disabled.active,
.btn.btn-success.disabled.focus,
.btn.btn-success.disabled:active,
.btn.btn-success.disabled:focus,
.btn.btn-success.disabled:hover,
.btn.btn-success:disabled,
.btn.btn-success:disabled.active,
.btn.btn-success:disabled.focus,
.btn.btn-success:disabled:active,
.btn.btn-success:disabled:focus,
.btn.btn-success:disabled:hover,
.btn.btn-success[disabled],
.btn.btn-success[disabled].active,
.btn.btn-success[disabled].focus,
.btn.btn-success[disabled]:active,
.btn.btn-success[disabled]:focus,
.btn.btn-success[disabled]:hover,
.navbar .navbar-nav>li>a.btn.btn-success.disabled,
.navbar .navbar-nav>li>a.btn.btn-success.disabled.active,
.navbar .navbar-nav>li>a.btn.btn-success.disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-success.disabled:active,
.navbar .navbar-nav>li>a.btn.btn-success.disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-success.disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-success:disabled,
.navbar .navbar-nav>li>a.btn.btn-success:disabled.active,
.navbar .navbar-nav>li>a.btn.btn-success:disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-success:disabled:active,
.navbar .navbar-nav>li>a.btn.btn-success:disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-success:disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-success[disabled],
.navbar .navbar-nav>li>a.btn.btn-success[disabled].active,
.navbar .navbar-nav>li>a.btn.btn-success[disabled].focus,
.navbar .navbar-nav>li>a.btn.btn-success[disabled]:active,
.navbar .navbar-nav>li>a.btn.btn-success[disabled]:focus,
.navbar .navbar-nav>li>a.btn.btn-success[disabled]:hover,
fieldset[disabled] .btn.btn-success,
fieldset[disabled] .btn.btn-success.active,
fieldset[disabled] .btn.btn-success.focus,
fieldset[disabled] .btn.btn-success:active,
fieldset[disabled] .btn.btn-success:focus,
fieldset[disabled] .btn.btn-success:hover,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success.active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success.focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success:active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success:focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success:hover {
    box-shadow: none
}

.btn.btn-success.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-success.btn-simple {
    background-color: transparent;
    color: #26c6da!important;
    box-shadow: none
}

.btn.btn-success.btn-simple:active,
.btn.btn-success.btn-simple:focus,
.btn.btn-success.btn-simple:hover,
.navbar .navbar-nav>li>a.btn.btn-success.btn-simple:active,
.navbar .navbar-nav>li>a.btn.btn-success.btn-simple:focus,
.navbar .navbar-nav>li>a.btn.btn-success.btn-simple:hover {
    background-color: transparent;
    color: #26c6da
}

.btn.btn-warning,
.navbar .navbar-nav>li>a.btn.btn-warning {
    box-shadow: 0 2px 2px 0 rgba(255, 152, 0, .14), 0 3px 1px -2px rgba(255, 152, 0, .2), 0 1px 5px 0 rgba(255, 152, 0, .12)
}

.btn.btn-warning,
.btn.btn-warning.active,
.btn.btn-warning.active:focus,
.btn.btn-warning.active:hover,
.btn.btn-warning:active,
.btn.btn-warning:active:focus,
.btn.btn-warning:active:hover,
.btn.btn-warning:focus,
.btn.btn-warning:hover,
.navbar .navbar-nav>li>a.btn.btn-warning,
.navbar .navbar-nav>li>a.btn.btn-warning.active,
.navbar .navbar-nav>li>a.btn.btn-warning.active:focus,
.navbar .navbar-nav>li>a.btn.btn-warning.active:hover,
.navbar .navbar-nav>li>a.btn.btn-warning:active,
.navbar .navbar-nav>li>a.btn.btn-warning:active:focus,
.navbar .navbar-nav>li>a.btn.btn-warning:active:hover,
.navbar .navbar-nav>li>a.btn.btn-warning:focus,
.navbar .navbar-nav>li>a.btn.btn-warning:hover,
.open>.btn.btn-warning.dropdown-toggle,
.open>.btn.btn-warning.dropdown-toggle:focus,
.open>.btn.btn-warning.dropdown-toggle:hover,
.open>.navbar .navbar-nav>li>a.btn.btn-warning.dropdown-toggle,
.open>.navbar .navbar-nav>li>a.btn.btn-warning.dropdown-toggle:focus,
.open>.navbar .navbar-nav>li>a.btn.btn-warning.dropdown-toggle:hover {
    background-color: #ff9800;
    color: #FFF
}

.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-warning:hover,
.navbar .navbar-nav>li>a.btn.btn-warning:active,
.navbar .navbar-nav>li>a.btn.btn-warning:focus,
.navbar .navbar-nav>li>a.btn.btn-warning:hover {
    box-shadow: 0 14px 26px -12px rgba(255, 152, 0, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(255, 152, 0, .2)
}

.btn.btn-warning.disabled,
.btn.btn-warning.disabled.active,
.btn.btn-warning.disabled.focus,
.btn.btn-warning.disabled:active,
.btn.btn-warning.disabled:focus,
.btn.btn-warning.disabled:hover,
.btn.btn-warning:disabled,
.btn.btn-warning:disabled.active,
.btn.btn-warning:disabled.focus,
.btn.btn-warning:disabled:active,
.btn.btn-warning:disabled:focus,
.btn.btn-warning:disabled:hover,
.btn.btn-warning[disabled],
.btn.btn-warning[disabled].active,
.btn.btn-warning[disabled].focus,
.btn.btn-warning[disabled]:active,
.btn.btn-warning[disabled]:focus,
.btn.btn-warning[disabled]:hover,
.navbar .navbar-nav>li>a.btn.btn-warning.disabled,
.navbar .navbar-nav>li>a.btn.btn-warning.disabled.active,
.navbar .navbar-nav>li>a.btn.btn-warning.disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-warning.disabled:active,
.navbar .navbar-nav>li>a.btn.btn-warning.disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-warning.disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-warning:disabled,
.navbar .navbar-nav>li>a.btn.btn-warning:disabled.active,
.navbar .navbar-nav>li>a.btn.btn-warning:disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-warning:disabled:active,
.navbar .navbar-nav>li>a.btn.btn-warning:disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-warning:disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-warning[disabled],
.navbar .navbar-nav>li>a.btn.btn-warning[disabled].active,
.navbar .navbar-nav>li>a.btn.btn-warning[disabled].focus,
.navbar .navbar-nav>li>a.btn.btn-warning[disabled]:active,
.navbar .navbar-nav>li>a.btn.btn-warning[disabled]:focus,
.navbar .navbar-nav>li>a.btn.btn-warning[disabled]:hover,
fieldset[disabled] .btn.btn-warning,
fieldset[disabled] .btn.btn-warning.active,
fieldset[disabled] .btn.btn-warning.focus,
fieldset[disabled] .btn.btn-warning:active,
fieldset[disabled] .btn.btn-warning:focus,
fieldset[disabled] .btn.btn-warning:hover,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning.active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning.focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning:active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning:focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning:hover {
    box-shadow: none
}

.btn.btn-warning.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-warning.btn-simple {
    background-color: transparent;
    color: #ff9800;
    box-shadow: none
}

.btn.btn-warning.btn-simple:active,
.btn.btn-warning.btn-simple:focus,
.btn.btn-warning.btn-simple:hover,
.navbar .navbar-nav>li>a.btn.btn-warning.btn-simple:active,
.navbar .navbar-nav>li>a.btn.btn-warning.btn-simple:focus,
.navbar .navbar-nav>li>a.btn.btn-warning.btn-simple:hover {
    background-color: transparent;
    color: #ff9800
}

.btn.btn-danger,
.navbar .navbar-nav>li>a.btn.btn-danger {
    box-shadow: 0 2px 2px 0 rgba(244, 67, 54, .14), 0 3px 1px -2px rgba(244, 67, 54, .2), 0 1px 5px 0 rgba(244, 67, 54, .12)
}

.btn.btn-danger,
.btn.btn-danger.active,
.btn.btn-danger.active:focus,
.btn.btn-danger.active:hover,
.btn.btn-danger:active,
.btn.btn-danger:active:focus,
.btn.btn-danger:active:hover,
.btn.btn-danger:focus,
.btn.btn-danger:hover,
.navbar .navbar-nav>li>a.btn.btn-danger,
.navbar .navbar-nav>li>a.btn.btn-danger.active,
.navbar .navbar-nav>li>a.btn.btn-danger.active:focus,
.navbar .navbar-nav>li>a.btn.btn-danger.active:hover,
.navbar .navbar-nav>li>a.btn.btn-danger:active,
.navbar .navbar-nav>li>a.btn.btn-danger:active:focus,
.navbar .navbar-nav>li>a.btn.btn-danger:active:hover,
.navbar .navbar-nav>li>a.btn.btn-danger:focus,
.navbar .navbar-nav>li>a.btn.btn-danger:hover,
.open>.btn.btn-danger.dropdown-toggle,
.open>.btn.btn-danger.dropdown-toggle:focus,
.open>.btn.btn-danger.dropdown-toggle:hover,
.open>.navbar .navbar-nav>li>a.btn.btn-danger.dropdown-toggle,
.open>.navbar .navbar-nav>li>a.btn.btn-danger.dropdown-toggle:focus,
.open>.navbar .navbar-nav>li>a.btn.btn-danger.dropdown-toggle:hover {
    background-color: #f44336;
    color: #FFF
}

.btn.btn-danger:active,
.btn.btn-danger:focus,
.btn.btn-danger:hover,
.navbar .navbar-nav>li>a.btn.btn-danger:active,
.navbar .navbar-nav>li>a.btn.btn-danger:focus,
.navbar .navbar-nav>li>a.btn.btn-danger:hover {
    box-shadow: 0 14px 26px -12px rgba(244, 67, 54, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(244, 67, 54, .2)
}

.btn.btn-danger.disabled,
.btn.btn-danger.disabled.active,
.btn.btn-danger.disabled.focus,
.btn.btn-danger.disabled:active,
.btn.btn-danger.disabled:focus,
.btn.btn-danger.disabled:hover,
.btn.btn-danger:disabled,
.btn.btn-danger:disabled.active,
.btn.btn-danger:disabled.focus,
.btn.btn-danger:disabled:active,
.btn.btn-danger:disabled:focus,
.btn.btn-danger:disabled:hover,
.btn.btn-danger[disabled],
.btn.btn-danger[disabled].active,
.btn.btn-danger[disabled].focus,
.btn.btn-danger[disabled]:active,
.btn.btn-danger[disabled]:focus,
.btn.btn-danger[disabled]:hover,
.navbar .navbar-nav>li>a.btn.btn-danger.disabled,
.navbar .navbar-nav>li>a.btn.btn-danger.disabled.active,
.navbar .navbar-nav>li>a.btn.btn-danger.disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-danger.disabled:active,
.navbar .navbar-nav>li>a.btn.btn-danger.disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-danger.disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-danger:disabled,
.navbar .navbar-nav>li>a.btn.btn-danger:disabled.active,
.navbar .navbar-nav>li>a.btn.btn-danger:disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-danger:disabled:active,
.navbar .navbar-nav>li>a.btn.btn-danger:disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-danger:disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-danger[disabled],
.navbar .navbar-nav>li>a.btn.btn-danger[disabled].active,
.navbar .navbar-nav>li>a.btn.btn-danger[disabled].focus,
.navbar .navbar-nav>li>a.btn.btn-danger[disabled]:active,
.navbar .navbar-nav>li>a.btn.btn-danger[disabled]:focus,
.navbar .navbar-nav>li>a.btn.btn-danger[disabled]:hover,
fieldset[disabled] .btn.btn-danger,
fieldset[disabled] .btn.btn-danger.active,
fieldset[disabled] .btn.btn-danger.focus,
fieldset[disabled] .btn.btn-danger:active,
fieldset[disabled] .btn.btn-danger:focus,
fieldset[disabled] .btn.btn-danger:hover,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger.active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger.focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger:active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger:focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger:hover {
    box-shadow: none
}

.btn.btn-danger.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-danger.btn-simple {
    background-color: transparent;
    color: #f44336;
    box-shadow: none
}

.btn.btn-danger.btn-simple:active,
.btn.btn-danger.btn-simple:focus,
.btn.btn-danger.btn-simple:hover,
.navbar .navbar-nav>li>a.btn.btn-danger.btn-simple:active,
.navbar .navbar-nav>li>a.btn.btn-danger.btn-simple:focus,
.navbar .navbar-nav>li>a.btn.btn-danger.btn-simple:hover {
    background-color: transparent;
    color: #f44336
}

.btn.btn-rose,
.navbar .navbar-nav>li>a.btn.btn-rose {
    box-shadow: 0 2px 2px 0 rgba(233, 30, 99, .14), 0 3px 1px -2px rgba(233, 30, 99, .2), 0 1px 5px 0 rgba(233, 30, 99, .12)
}

.btn.btn-rose,
.btn.btn-rose.active,
.btn.btn-rose.active:focus,
.btn.btn-rose.active:hover,
.btn.btn-rose:active,
.btn.btn-rose:active:focus,
.btn.btn-rose:active:hover,
.btn.btn-rose:focus,
.btn.btn-rose:hover,
.navbar .navbar-nav>li>a.btn.btn-rose,
.navbar .navbar-nav>li>a.btn.btn-rose.active,
.navbar .navbar-nav>li>a.btn.btn-rose.active:focus,
.navbar .navbar-nav>li>a.btn.btn-rose.active:hover,
.navbar .navbar-nav>li>a.btn.btn-rose:active,
.navbar .navbar-nav>li>a.btn.btn-rose:active:focus,
.navbar .navbar-nav>li>a.btn.btn-rose:active:hover,
.navbar .navbar-nav>li>a.btn.btn-rose:focus,
.navbar .navbar-nav>li>a.btn.btn-rose:hover,
.open>.btn.btn-rose.dropdown-toggle,
.open>.btn.btn-rose.dropdown-toggle:focus,
.open>.btn.btn-rose.dropdown-toggle:hover,
.open>.navbar .navbar-nav>li>a.btn.btn-rose.dropdown-toggle,
.open>.navbar .navbar-nav>li>a.btn.btn-rose.dropdown-toggle:focus,
.open>.navbar .navbar-nav>li>a.btn.btn-rose.dropdown-toggle:hover {
    background-color: #e91e63;
    color: #FFF
}

.btn.btn-rose:active,
.btn.btn-rose:focus,
.btn.btn-rose:hover,
.navbar .navbar-nav>li>a.btn.btn-rose:active,
.navbar .navbar-nav>li>a.btn.btn-rose:focus,
.navbar .navbar-nav>li>a.btn.btn-rose:hover {
    box-shadow: 0 14px 26px -12px rgba(233, 30, 99, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(233, 30, 99, .2)
}

.btn.btn-rose.disabled,
.btn.btn-rose.disabled.active,
.btn.btn-rose.disabled.focus,
.btn.btn-rose.disabled:active,
.btn.btn-rose.disabled:focus,
.btn.btn-rose.disabled:hover,
.btn.btn-rose:disabled,
.btn.btn-rose:disabled.active,
.btn.btn-rose:disabled.focus,
.btn.btn-rose:disabled:active,
.btn.btn-rose:disabled:focus,
.btn.btn-rose:disabled:hover,
.btn.btn-rose[disabled],
.btn.btn-rose[disabled].active,
.btn.btn-rose[disabled].focus,
.btn.btn-rose[disabled]:active,
.btn.btn-rose[disabled]:focus,
.btn.btn-rose[disabled]:hover,
.navbar .navbar-nav>li>a.btn.btn-rose.disabled,
.navbar .navbar-nav>li>a.btn.btn-rose.disabled.active,
.navbar .navbar-nav>li>a.btn.btn-rose.disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-rose.disabled:active,
.navbar .navbar-nav>li>a.btn.btn-rose.disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-rose.disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-rose:disabled,
.navbar .navbar-nav>li>a.btn.btn-rose:disabled.active,
.navbar .navbar-nav>li>a.btn.btn-rose:disabled.focus,
.navbar .navbar-nav>li>a.btn.btn-rose:disabled:active,
.navbar .navbar-nav>li>a.btn.btn-rose:disabled:focus,
.navbar .navbar-nav>li>a.btn.btn-rose:disabled:hover,
.navbar .navbar-nav>li>a.btn.btn-rose[disabled],
.navbar .navbar-nav>li>a.btn.btn-rose[disabled].active,
.navbar .navbar-nav>li>a.btn.btn-rose[disabled].focus,
.navbar .navbar-nav>li>a.btn.btn-rose[disabled]:active,
.navbar .navbar-nav>li>a.btn.btn-rose[disabled]:focus,
.navbar .navbar-nav>li>a.btn.btn-rose[disabled]:hover,
fieldset[disabled] .btn.btn-rose,
fieldset[disabled] .btn.btn-rose.active,
fieldset[disabled] .btn.btn-rose.focus,
fieldset[disabled] .btn.btn-rose:active,
fieldset[disabled] .btn.btn-rose:focus,
fieldset[disabled] .btn.btn-rose:hover,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose.active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose.focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose:active,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose:focus,
fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose:hover {
    box-shadow: none
}

.btn.btn-rose.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-rose.btn-simple {
    background-color: transparent;
    color: #e91e63;
    box-shadow: none
}

.btn.btn-rose.btn-simple:active,
.btn.btn-rose.btn-simple:focus,
.btn.btn-rose.btn-simple:hover,
.navbar .navbar-nav>li>a.btn.btn-rose.btn-simple:active,
.navbar .navbar-nav>li>a.btn.btn-rose.btn-simple:focus,
.navbar .navbar-nav>li>a.btn.btn-rose.btn-simple:hover {
    background-color: transparent;
    color: #e91e63
}

.btn.btn-white,
.btn.btn-white:focus,
.btn.btn-white:hover,
.navbar .navbar-nav>li>a.btn.btn-white,
.navbar .navbar-nav>li>a.btn.btn-white:focus,
.navbar .navbar-nav>li>a.btn.btn-white:hover {
    background-color: #FFF;
    color: #999
}

.btn.btn-white.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-white.btn-simple {
    color: #FFF;
    background: 0 0;
    box-shadow: none
}

.btn.btn-facebook,
.navbar .navbar-nav>li>a.btn.btn-facebook {
    background-color: #3b5998;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(59, 89, 152, .14), 0 3px 1px -2px rgba(59, 89, 152, .2), 0 1px 5px 0 rgba(59, 89, 152, .12)
}

.btn.btn-facebook:active,
.btn.btn-facebook:focus,
.btn.btn-facebook:hover,
.navbar .navbar-nav>li>a.btn.btn-facebook:active,
.navbar .navbar-nav>li>a.btn.btn-facebook:focus,
.navbar .navbar-nav>li>a.btn.btn-facebook:hover {
    background-color: #3b5998;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(59, 89, 152, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(59, 89, 152, .2)
}

.btn.btn-facebook.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-facebook.btn-simple {
    color: #3b5998;
    background-color: transparent;
    box-shadow: none
}

.btn.btn-twitter,
.navbar .navbar-nav>li>a.btn.btn-twitter {
    background-color: #55acee;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(85, 172, 238, .14), 0 3px 1px -2px rgba(85, 172, 238, .2), 0 1px 5px 0 rgba(85, 172, 238, .12)
}

.btn.btn-twitter:active,
.btn.btn-twitter:focus,
.btn.btn-twitter:hover,
.navbar .navbar-nav>li>a.btn.btn-twitter:active,
.navbar .navbar-nav>li>a.btn.btn-twitter:focus,
.navbar .navbar-nav>li>a.btn.btn-twitter:hover {
    background-color: #55acee;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(85, 172, 238, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 172, 238, .2)
}

.btn.btn-twitter.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-twitter.btn-simple {
    color: #55acee;
    background-color: transparent;
    box-shadow: none
}

.btn.btn-pinterest,
.navbar .navbar-nav>li>a.btn.btn-pinterest {
    background-color: #cc2127;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(204, 33, 39, .14), 0 3px 1px -2px rgba(204, 33, 39, .2), 0 1px 5px 0 rgba(204, 33, 39, .12)
}

.btn.btn-pinterest:active,
.btn.btn-pinterest:focus,
.btn.btn-pinterest:hover,
.navbar .navbar-nav>li>a.btn.btn-pinterest:active,
.navbar .navbar-nav>li>a.btn.btn-pinterest:focus,
.navbar .navbar-nav>li>a.btn.btn-pinterest:hover {
    background-color: #cc2127;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(204, 33, 39, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(204, 33, 39, .2)
}

.btn.btn-pinterest.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-pinterest.btn-simple {
    color: #cc2127;
    background-color: transparent;
    box-shadow: none
}

.btn.btn-google,
.navbar .navbar-nav>li>a.btn.btn-google {
    background-color: #dd4b39;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(221, 75, 57, .14), 0 3px 1px -2px rgba(221, 75, 57, .2), 0 1px 5px 0 rgba(221, 75, 57, .12)
}

.btn.btn-google:active,
.btn.btn-google:focus,
.btn.btn-google:hover,
.navbar .navbar-nav>li>a.btn.btn-google:active,
.navbar .navbar-nav>li>a.btn.btn-google:focus,
.navbar .navbar-nav>li>a.btn.btn-google:hover {
    background-color: #dd4b39;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(221, 75, 57, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(221, 75, 57, .2)
}

.btn.btn-google.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-google.btn-simple {
    color: #dd4b39;
    background-color: transparent;
    box-shadow: none
}

.btn.btn-linkedin,
.navbar .navbar-nav>li>a.btn.btn-linkedin {
    background-color: #0976b4;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(9, 118, 180, .14), 0 3px 1px -2px rgba(9, 118, 180, .2), 0 1px 5px 0 rgba(9, 118, 180, .12)
}

.btn.btn-linkedin:active,
.btn.btn-linkedin:focus,
.btn.btn-linkedin:hover,
.navbar .navbar-nav>li>a.btn.btn-linkedin:active,
.navbar .navbar-nav>li>a.btn.btn-linkedin:focus,
.navbar .navbar-nav>li>a.btn.btn-linkedin:hover {
    background-color: #0976b4;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(9, 118, 180, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(9, 118, 180, .2)
}

.btn.btn-linkedin.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-linkedin.btn-simple {
    color: #0976b4;
    background-color: transparent;
    box-shadow: none
}

.btn.btn-dribbble,
.navbar .navbar-nav>li>a.btn.btn-dribbble {
    background-color: #ea4c89;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(234, 76, 137, .14), 0 3px 1px -2px rgba(234, 76, 137, .2), 0 1px 5px 0 rgba(234, 76, 137, .12)
}

.btn.btn-dribbble:active,
.btn.btn-dribbble:focus,
.btn.btn-dribbble:hover,
.navbar .navbar-nav>li>a.btn.btn-dribbble:active,
.navbar .navbar-nav>li>a.btn.btn-dribbble:focus,
.navbar .navbar-nav>li>a.btn.btn-dribbble:hover {
    background-color: #ea4c89;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(234, 76, 137, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(234, 76, 137, .2)
}

.btn.btn-dribbble.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-dribbble.btn-simple {
    color: #ea4c89;
    background-color: transparent;
    box-shadow: none
}

.btn.btn-github,
.navbar .navbar-nav>li>a.btn.btn-github {
    background-color: #333;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(51, 51, 51, .14), 0 3px 1px -2px rgba(51, 51, 51, .2), 0 1px 5px 0 rgba(51, 51, 51, .12)
}

.btn.btn-github:active,
.btn.btn-github:focus,
.btn.btn-github:hover,
.navbar .navbar-nav>li>a.btn.btn-github:active,
.navbar .navbar-nav>li>a.btn.btn-github:focus,
.navbar .navbar-nav>li>a.btn.btn-github:hover {
    background-color: #333;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(51, 51, 51, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(51, 51, 51, .2)
}

.btn.btn-github.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-github.btn-simple {
    color: #333;
    background-color: transparent;
    box-shadow: none
}

.btn.btn-youtube,
.navbar .navbar-nav>li>a.btn.btn-youtube {
    background-color: #e52d27;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(229, 45, 39, .14), 0 3px 1px -2px rgba(229, 45, 39, .2), 0 1px 5px 0 rgba(229, 45, 39, .12)
}

.btn.btn-youtube:active,
.btn.btn-youtube:focus,
.btn.btn-youtube:hover,
.navbar .navbar-nav>li>a.btn.btn-youtube:active,
.navbar .navbar-nav>li>a.btn.btn-youtube:focus,
.navbar .navbar-nav>li>a.btn.btn-youtube:hover {
    background-color: #e52d27;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(229, 45, 39, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(229, 45, 39, .2)
}

.btn.btn-youtube.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-youtube.btn-simple {
    color: #e52d27;
    background-color: transparent;
    box-shadow: none
}

.btn.btn-instagram,
.navbar .navbar-nav>li>a.btn.btn-instagram {
    background-color: #125688;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(18, 86, 136, .14), 0 3px 1px -2px rgba(18, 86, 136, .2), 0 1px 5px 0 rgba(18, 86, 136, .12)
}

.btn.btn-instagram:active,
.btn.btn-instagram:focus,
.btn.btn-instagram:hover,
.navbar .navbar-nav>li>a.btn.btn-instagram:active,
.navbar .navbar-nav>li>a.btn.btn-instagram:focus,
.navbar .navbar-nav>li>a.btn.btn-instagram:hover {
    background-color: #125688;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(18, 86, 136, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(18, 86, 136, .2)
}

.btn.btn-instagram.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-instagram.btn-simple {
    color: #125688;
    background-color: transparent;
    box-shadow: none
}

.btn.btn-reddit,
.navbar .navbar-nav>li>a.btn.btn-reddit {
    background-color: #ff4500;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(255, 69, 0, .14), 0 3px 1px -2px rgba(255, 69, 0, .2), 0 1px 5px 0 rgba(255, 69, 0, .12)
}

.btn.btn-reddit:active,
.btn.btn-reddit:focus,
.btn.btn-reddit:hover,
.navbar .navbar-nav>li>a.btn.btn-reddit:active,
.navbar .navbar-nav>li>a.btn.btn-reddit:focus,
.navbar .navbar-nav>li>a.btn.btn-reddit:hover {
    background-color: #ff4500;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(255, 69, 0, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(255, 69, 0, .2)
}

.btn.btn-reddit.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-reddit.btn-simple {
    color: #ff4500;
    background-color: transparent;
    box-shadow: none
}

.btn.btn-tumblr,
.navbar .navbar-nav>li>a.btn.btn-tumblr {
    background-color: #35465c;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(53, 70, 92, .14), 0 3px 1px -2px rgba(53, 70, 92, .2), 0 1px 5px 0 rgba(53, 70, 92, .12)
}

.btn.btn-tumblr:active,
.btn.btn-tumblr:focus,
.btn.btn-tumblr:hover,
.navbar .navbar-nav>li>a.btn.btn-tumblr:active,
.navbar .navbar-nav>li>a.btn.btn-tumblr:focus,
.navbar .navbar-nav>li>a.btn.btn-tumblr:hover {
    background-color: #35465c;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(53, 70, 92, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(53, 70, 92, .2)
}

.btn.btn-tumblr.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-tumblr.btn-simple {
    color: #35465c;
    background-color: transparent;
    box-shadow: none
}

.btn.btn-behance,
.navbar .navbar-nav>li>a.btn.btn-behance {
    background-color: #1769ff;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(23, 105, 255, .14), 0 3px 1px -2px rgba(23, 105, 255, .2), 0 1px 5px 0 rgba(23, 105, 255, .12)
}

.btn.btn-behance:active,
.btn.btn-behance:focus,
.btn.btn-behance:hover,
.navbar .navbar-nav>li>a.btn.btn-behance:active,
.navbar .navbar-nav>li>a.btn.btn-behance:focus,
.navbar .navbar-nav>li>a.btn.btn-behance:hover {
    background-color: #1769ff;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(23, 105, 255, .2)
}

.btn.btn-behance.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-behance.btn-simple {
    color: #1769ff;
    background-color: transparent;
    box-shadow: none
}

.btn.btn-round,
.navbar .navbar-nav>li>a.btn.btn-round {
    border-radius: 30px
}

.btn:not(.btn-just-icon):not(.btn-fab) .fa,
.navbar .navbar-nav>li>a.btn:not(.btn-just-icon):not(.btn-fab) .fa {
    font-size: 18px;
    margin-top: -2px;
    position: relative;
    top: 2px
}

.btn.btn-fab,
.navbar .navbar-nav>li>a.btn.btn-fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    position: relative;
    line-height: normal
}

.btn.btn-fab .ripple-container,
.navbar .navbar-nav>li>a.btn.btn-fab .ripple-container {
    border-radius: 50%
}

.btn-group-sm .btn.btn-fab,
.btn-group-sm .navbar .navbar-nav>li>a.btn.btn-fab,
.btn.btn-fab.btn-fab-mini,
.navbar .navbar-nav>li>a.btn.btn-fab.btn-fab-mini {
    height: 40px;
    min-width: 40px;
    width: 40px
}

.btn-group-sm .btn.btn-fab.material-icons,
.btn-group-sm .navbar .navbar-nav>li>a.btn.btn-fab.material-icons,
.btn.btn-fab.btn-fab-mini.material-icons,
.navbar .navbar-nav>li>a.btn.btn-fab.btn-fab-mini.material-icons {
    top: -3.5px;
    left: -3.5px
}

.btn-group-sm .btn.btn-fab .material-icons,
.btn-group-sm .navbar .navbar-nav>li>a.btn.btn-fab .material-icons,
.btn.btn-fab.btn-fab-mini .material-icons,
.navbar .navbar-nav>li>a.btn.btn-fab.btn-fab-mini .material-icons {
    font-size: 17px
}

.btn.btn-fab i.material-icons,
.navbar .navbar-nav>li>a.btn.btn-fab i.material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px;
    font-size: 24px
}

.btn-group-lg .btn,
.btn-group-lg .navbar .navbar-nav>li>a.btn,
.btn.btn-lg,
.navbar .navbar-nav>li>a.btn.btn-lg {
    font-size: 14px;
    padding: 18px 36px
}

.btn-group-sm .btn,
.btn-group-sm .navbar .navbar-nav>li>a.btn,
.btn.btn-sm,
.navbar .navbar-nav>li>a.btn.btn-sm {
    padding: 5px 20px;
    font-size: 11px
}

.btn-group-xs .btn,
.btn-group-xs .navbar .navbar-nav>li>a.btn,
.btn.btn-xs,
.navbar .navbar-nav>li>a.btn.btn-xs {
    padding: 4px 15px;
    font-size: 10px
}

.btn.btn-just-icon,
.navbar .navbar-nav>li>a.btn.btn-just-icon {
    font-size: 20px;
    padding: 11px;
    line-height: 1em
}

.btn.btn-just-icon i,
.navbar .navbar-nav>li>a.btn.btn-just-icon i {
    width: 20px
}

.btn.btn-just-icon.btn-lg,
.navbar .navbar-nav>li>a.btn.btn-just-icon.btn-lg {
    font-size: 22px;
    padding: 13px 18px
}

.btn .material-icons {
    vertical-align: middle;
    font-size: 17px;
    top: -1px;
    position: relative
}

.btn .caret {
    margin-left: 2px
}

.navbar .navbar-nav>li>a.btn {
    margin-top: 2px;
    margin-bottom: 2px
}

.navbar .navbar-nav>li>a.btn.btn-fab {
    margin: 5px 2px
}

.navbar .navbar-nav>li>a:not(.btn) .material-icons {
    margin-top: -3px;
    top: 0;
    position: relative;
    margin-right: 3px
}

.navbar .navbar-nav>li>.profile-photo {
    margin: 5px 2px
}

.navbar-default:not(.navbar-transparent) .navbar-nav>li>a.btn.btn-white.btn-simple {
    color: #555
}

.btn-group,
.btn-group-vertical {
    position: relative;
    margin: 10px 1px
}

.btn-group-vertical.open>.dropdown-toggle.btn,
.btn-group-vertical.open>.dropdown-toggle.btn.btn-default,
.btn-group.open>.dropdown-toggle.btn,
.btn-group.open>.dropdown-toggle.btn.btn-default {
    background-color: #FFF
}

.btn-group-vertical.open>.dropdown-toggle.btn.btn-inverse,
.btn-group.open>.dropdown-toggle.btn.btn-inverse {
    background-color: #212121
}

.btn-group-vertical.open>.dropdown-toggle.btn.btn-primary,
.btn-group.open>.dropdown-toggle.btn.btn-primary {
    background-color: #9c27b0
}

.btn-group-vertical.open>.dropdown-toggle.btn.btn-success,
.btn-group.open>.dropdown-toggle.btn.btn-success {
    background-color: #26c6da
}

.btn-group-vertical.open>.dropdown-toggle.btn.btn-info,
.btn-group.open>.dropdown-toggle.btn.btn-info {
    background-color: #00bcd4
}

.btn-group-vertical.open>.dropdown-toggle.btn.btn-warning,
.btn-group.open>.dropdown-toggle.btn.btn-warning {
    background-color: #ff9800
}

.btn-group-vertical.open>.dropdown-toggle.btn.btn-danger,
.btn-group.open>.dropdown-toggle.btn.btn-danger {
    background-color: #f44336
}

.btn-group-vertical.open>.dropdown-toggle.btn.btn-rose,
.btn-group.open>.dropdown-toggle.btn.btn-rose {
    background-color: #e91e63
}

.btn-group .dropdown-menu,
.btn-group-vertical .dropdown-menu {
    border-radius: 0 0 3px 3px
}

.btn-group-vertical.btn-group-raised,
.btn-group.btn-group-raised {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.btn-group .btn,
.btn-group .btn+.btn,
.btn-group .btn-group,
.btn-group .btn:active,
.btn-group-vertical .btn,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn-group,
.btn-group-vertical .btn:active {
    margin: 0
}

.close {
    font-size: inherit;
    color: #FFF;
    opacity: .9;
    text-shadow: none
}

.close:focus,
.close:hover {
    opacity: 1;
    color: #FFF
}

.close i {
    font-size: 11px
}

body {
    background-color: #EEE;
    color: #3C4858
}

body.inverse {
    background: #333
}

body.inverse,
body.inverse .form-control {
    color: #fff
}

body.inverse .card,
body.inverse .card .form-control,
body.inverse .modal,
body.inverse .modal .form-control,
body.inverse .panel-default,
body.inverse .panel-default .form-control {
    background-color: initial;
    color: initial
}

.life-of-material-dashboard {
    background: #FFF
}

.h1,
.h2,
.h3,
.h4,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
      font-family: 'Poppins', sans-serif;
    font-weight: 300;
    line-height: 21px
}

.serif-font {
     font-family: 'Poppins', sans-serif;
}

.page-header {
    height: 60vh;
    background-position: center center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

a {
    color: #9c27b0
}

a:focus,
a:hover {
    color: #89229b
}

a.text-info:focus,
a.text-info:hover {
    color: #00a5bb
}

a .material-icons {
    vertical-align: middle
}

.btn-group.bootstrap-select.open .caret,
.dropdown.open .caret,
.dropup.open .caret,
a[data-toggle=collapse][aria-expanded=true] .caret {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}

.bootstrap-tagsinput .tag,
.bootstrap-tagsinput [data-role=remove],
.caret {
    transition: all 150ms ease-in
}

.animation-transition-general,
.lock-page .card-profile,
.login-page .card-login,
.sidebar .logo a.logo-mini,
.sidebar .logo a.logo-normal,
.sidebar .nav p,
.sidebar .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a span,
.sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a span,
.sidebar .user .info>a>span,
.sidebar .user .photo,
.sidebar .user a {
    transition: all .3s linear
}

.animation-transition-slow {
    transition: all 370ms linear
}

.animation-transition-fast,
.bootstrap-datetimepicker-widget table td span,
.bootstrap-datetimepicker-widget table td>div,
.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table th>div,
.navbar,
.panel .panel-heading i {
    transition: all 150ms ease 0s
}

legend {
    border-bottom: 0;
    margin-bottom: 20px;
    font-size: 21px
}

.form-control,
output {
    font-size: 14px;
    line-height: 1.428571429
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent
}

a:active,
a:focus,
button::-moz-focus-inner,
button:active,
button:focus,
button:hover,
input[type=file]>input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
select::-moz-focus-inner {
    outline: 0!important
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

.animated.hinge {
    animation-duration: 2s
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

output {
    padding-top: 8px
}

.form-control {
    height: 36px;
    padding: 7px 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control,
    input[type=time].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control {
        line-height: 36px
    }
    .input-group-sm input[type=date],
    .input-group-sm input[type=time],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    input[type=date].input-sm,
    input[type=time].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm {
        line-height: 24px
    }
    .input-group-lg input[type=date],
    .input-group-lg input[type=time],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month],
    input[type=date].input-lg,
    input[type=time].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg {
        line-height: 44px
    }
}

.checkbox label,
.radio label {
    min-height: 20px
}

.form-control-static {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 34px
}

.input-sm .input-sm {
    height: 24px;
    padding: 3px 0;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 0
}

.input-sm select.input-sm {
    height: 24px;
    line-height: 24px
}

.input-sm select[multiple].input-sm,
.input-sm textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 24px;
    padding: 3px 0;
    font-size: 11px;
    line-height: 1.5
}

.form-group-sm select.form-control {
    height: 24px;
    line-height: 24px
}

.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 24px;
    min-height: 31px;
    padding: 4px 0;
    font-size: 11px;
    line-height: 1.5
}

.input-lg .input-lg {
    height: 44px;
    padding: 9px 0;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0
}

.input-lg select.input-lg {
    height: 44px;
    line-height: 44px
}

.input-lg select[multiple].input-lg,
.input-lg textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 44px;
    padding: 9px 0;
    font-size: 18px;
    line-height: 1.3333333
}

.form-group-lg select.form-control {
    height: 44px;
    line-height: 44px
}

.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 44px;
    min-height: 38px;
    padding: 10px 0;
    font-size: 18px;
    line-height: 1.3333333
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    padding-top: 8px
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 28px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 8px
    }
    .form-horizontal .form-group-lg .control-label {
        padding-top: 13px;
        font-size: 18px
    }
    .form-horizontal .form-group-sm .control-label {
        padding-top: 4px;
        font-size: 11px
    }
}

.label,
.label.label-default {
    background-color: #FFF
}

.label.label-inverse {
    background-color: #212121
}

.label.label-primary {
    background-color: #9c27b0
}

.label.label-success {
    background-color: #26c6da
}

.label.label-info {
    background-color: #00bcd4
}

.label.label-warning {
    background-color: #ff9800
}

.label.label-danger {
    background-color: #f44336
}

.label.label-rose {
    background-color: #e91e63
}

.form-control,
.form-group .form-control {
    border: 0;
    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: rgba(0, 0, 0, 0);
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400
}

.form-control::-moz-placeholder,
.form-group .form-control::-moz-placeholder {
    color: #AAA;
    font-weight: 400
}

.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder {
    color: #AAA;
    font-weight: 400
}

.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
    color: #AAA;
    font-weight: 400
}

.form-control[disabled],
.form-control[readonly],
.form-group .form-control[disabled],
.form-group .form-control[readonly],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
    background-color: rgba(0, 0, 0, 0)
}

.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
    background-image: none;
    border-bottom: 1px dotted #D2D2D2
}

.form-group {
    position: relative
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-static label.control-label {
    position: absolute;
    pointer-events: none;
    transition: .3s ease all
}

.form-group.has-error .form-control,
.form-group.is-focused .form-control {
    background-size: 100% 2px, 100% 1px;
    transition-duration: .3s;
    box-shadow: none
}

.form-group.label-floating label.control-label {
    will-change: left, top, contents
}

.form-group.label-placeholder:not(.is-empty) label.control-label {
    display: none
}

.form-group .help-block {
    position: absolute;
    display: none
}

.form-group .form-control.valid:focus {
    background-image: linear-gradient(#26c6da, #26c6da), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.is-focused .form-control {
    outline: 0;
    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.is-focused .form-control .material-input:after {
    background-color: #9c27b0
}

.form-group.is-focused.form-info .form-control {
    background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.is-focused.form-success .form-control {
    background-image: linear-gradient(#26c6da, #26c6da), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.is-focused.form-warning .form-control {
    background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.is-focused.form-danger .form-control {
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.is-focused.form-white .form-control {
    background-image: linear-gradient(#FFF, #FFF), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.is-focused.label-placeholder label,
.form-group.is-focused.label-placeholder label.control-label {
    color: #AAA
}

.form-group.is-focused .help-block {
    display: block
}

.form-group.has-warning .form-control {
    box-shadow: none
}

.form-group.has-warning.is-focused .form-control {
    background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-error .form-control,
.form-group.has-error.is-focused .form-control {
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-warning .help-block,
.form-group.has-warning label.control-label {
    color: #ff9800
}

.form-group.has-error .help-block,
.form-group.has-error label.control-label {
    color: #f44336
}

.form-group.has-success .form-control {
    box-shadow: none
}

.form-group.has-success.is-focused .form-control {
    background-image: linear-gradient(#26c6da, #26c6da), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-success .help-block,
.form-group.has-success label.control-label {
    color: #26c6da
}

.form-group.has-info .form-control {
    box-shadow: none
}

.form-group.has-info.is-focused .form-control {
    background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-info .help-block,
.form-group.has-info label.control-label {
    color: #00bcd4
}

/* .form-group textarea {
    resize: none
} */

.form-group textarea~.form-control-highlight {
    margin-top: -11px
}

.form-group select {
    -webkit-appearance: none;
            appearance: none
}

.form-group select~.material-input:after {
    display: none
}

.form-control::-moz-placeholder {
    font-size: 14px;
    line-height: 1.428571429;
    color: #AAA;
    font-weight: 400
}

.form-control:-ms-input-placeholder {
    font-size: 14px;
    line-height: 1.428571429;
    color: #AAA;
    font-weight: 400
}

.form-control::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1.428571429;
    color: #AAA;
    font-weight: 400
}

.checkbox label,
.label-on-left,
.label-on-right,
.radio label,
label {
    font-size: 14px;
    line-height: 1.428571429;
    color: #AAA;
    font-weight: 400
}

label.control-label {
    font-size: 11px;
    line-height: 1.0714285718;
    color: #AAA;
    font-weight: 400;
    margin: 16px 0 0
}

.help-block {
    margin-top: 0;
    font-size: 11px
}

.form-group {
    padding-bottom: 10px;
    margin: 8px 0 0
}

.form-group .form-control::-moz-placeholder {
    font-size: 14px;
    line-height: 1.428571429;
    color: #AAA;
    font-weight: 400
}

.form-group .form-control:-ms-input-placeholder {
    font-size: 14px;
    line-height: 1.428571429;
    color: #AAA;
    font-weight: 400
}

.form-group .form-control::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1.428571429;
    color: #AAA;
    font-weight: 400
}

.form-group .checkbox label,
.form-group .label-on-left,
.form-group .label-on-right,
.form-group .radio label,
.form-group label {
    font-size: 14px;
    line-height: 1.428571429;
    color: #AAA;
    font-weight: 400
}

.form-group label.control-label {
    font-size: 11px;
    line-height: 1.0714285718;
    color: #AAA;
    font-weight: 400;
    margin: 16px 0 0
}

.form-group .help-block {
    margin-top: 0;
    font-size: 11px
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
    top: -7px;
    font-size: 14px;
    line-height: 1.428571429
}

.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.label-static label.control-label {
    top: -28px;
    left: 0;
    font-size: 11px;
    line-height: 1.0714285718
}

.form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -28px;
    left: 0;
    font-size: 11px;
    line-height: 1.0714285718
}

.form-group.form-group-sm {
    padding-bottom: 10px;
    margin: 8px 0 0
}

.form-group.form-group-sm .form-control::-moz-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #AAA;
    font-weight: 400
}

.form-group.form-group-sm .form-control:-ms-input-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #AAA;
    font-weight: 400
}

.form-group.form-group-sm .form-control::-webkit-input-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #AAA;
    font-weight: 400
}

.form-group.form-group-sm .checkbox label,
.form-group.form-group-sm .label-on-left,
.form-group.form-group-sm .label-on-right,
.form-group.form-group-sm .radio label,
.form-group.form-group-sm label {
    font-size: 11px;
    line-height: 1.5;
    color: #AAA;
    font-weight: 400
}

.form-group.form-group-sm label.control-label {
    font-size: 9px;
    line-height: 1.125;
    color: #AAA;
    font-weight: 400;
    margin: 16px 0 0
}

.form-group.form-group-sm .help-block {
    margin-top: 0;
    font-size: 9px
}

.form-group.form-group-sm.label-floating label.control-label,
.form-group.form-group-sm.label-placeholder label.control-label {
    top: -11px;
    font-size: 11px;
    line-height: 1.5
}

.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-sm.label-static label.control-label {
    top: -25px;
    left: 0;
    font-size: 9px;
    line-height: 1.125
}

.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -25px;
    left: 0;
    font-size: 9px;
    line-height: 1.125
}

.form-group.form-group-lg {
    padding-bottom: 10px;
    margin: 8px 0 0
}

.form-group.form-group-lg .form-control::-moz-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #AAA;
    font-weight: 400
}

.form-group.form-group-lg .form-control:-ms-input-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #AAA;
    font-weight: 400
}

.form-group.form-group-lg .form-control::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #AAA;
    font-weight: 400
}

.form-group.form-group-lg .checkbox label,
.form-group.form-group-lg .label-on-left,
.form-group.form-group-lg .label-on-right,
.form-group.form-group-lg .radio label,
.form-group.form-group-lg label {
    font-size: 18px;
    line-height: 1.3333333;
    color: #AAA;
    font-weight: 400
}

.form-group.form-group-lg label.control-label {
    font-size: 14px;
    line-height: .999999975;
    color: #AAA;
    font-weight: 400;
    margin: 16px 0 0
}

.form-group.form-group-lg .help-block {
    margin-top: 0;
    font-size: 14px
}

.form-group.form-group-lg.label-floating label.control-label,
.form-group.form-group-lg.label-placeholder label.control-label {
    top: -5px;
    font-size: 18px;
    line-height: 1.3333333
}

.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-lg.label-static label.control-label {
    top: -32px;
    left: 0;
    font-size: 14px;
    line-height: .999999975
}

.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -32px;
    left: 0;
    font-size: 14px;
    line-height: .999999975
}

select.form-control {
    border: 0;
    box-shadow: none;
    border-radius: 0
}

.form-group.is-focused select.form-control {
    box-shadow: none;
    border-color: #D2D2D2
}

.form-group.is-focused select.form-control[multiple],
select.form-control[multiple] {
    height: 85px
}

.input-group-btn .btn {
    margin: 0 0 7px
}

.form-group.form-group-sm .input-group-btn .btn {
    margin: 0 0 3px
}

.form-group.form-group-lg .input-group-btn .btn {
    margin: 0 0 9px
}

.input-group .input-group-btn {
    padding: 0 12px
}

.input-group .input-group-addon {
    border: 0;
    background: 0 0;
    padding: 6px 15px 0
}

.form-group input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.form-control-feedback {
    opacity: 0
}

.has-success .form-control-feedback {
    color: #26c6da;
    opacity: 1
}

.has-error .form-control-feedback {
    color: #f44336;
    opacity: 1
}

.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle
}

.btn-file>input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
    direction: ltr
}

.fileinput {
    display: inline-block;
    margin-bottom: 9px
}

.fileinput .form-control {
    display: inline-block;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text
}

.fileinput .thumbnail {
    display: inline-block;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    max-width: 250px;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .42), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.fileinput .thumbnail.img-circle {
    border-radius: 50%;
    max-width: 100px
}

.fileinput .thumbnail>img {
    max-height: 100%
}

.fileinput .btn {
    vertical-align: middle
}

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
    display: none
}

.fileinput-inline .fileinput-controls {
    display: inline
}

.fileinput-filename {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle
}

.form-control .fileinput-filename {
    vertical-align: bottom
}

.fileinput.input-group {
    display: table
}

.fileinput.input-group>* {
    position: relative;
    z-index: 2
}

.fileinput.input-group>.btn-file {
    z-index: 1
}

.fileinput-new .input-group .btn-file,
.fileinput-new.input-group .btn-file {
    border-radius: 0 4px 4px 0
}

.fileinput-new .input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new.input-group .btn-file.btn-xs {
    border-radius: 0 3px 3px 0
}

.fileinput-new .input-group .btn-file.btn-lg,
.fileinput-new.input-group .btn-file.btn-lg {
    border-radius: 0 6px 6px 0
}

.form-group.has-warning .fileinput .fileinput-preview {
    color: #ff9800
}

.form-group.has-warning .fileinput .thumbnail {
    border-color: #ff9800
}

.form-group.has-error .fileinput .fileinput-preview {
    color: #f44336
}

.form-group.has-error .fileinput .thumbnail {
    border-color: #f44336
}

.form-group.has-success .fileinput .fileinput-preview {
    color: #26c6da
}

.form-group.has-success .fileinput .thumbnail {
    border-color: #26c6da
}

.input-group-addon:not(:first-child) {
    border-left: 0
}

.thumbnail {
    border: 0;
    border-radius: 4px;
    padding: 0
}

.alert {
    border: 0;
    position: relative;
    padding: 20px 15px;
    line-height: 20px
}

.alert b {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px
}

.alert,
.alert.alert-default {
    background-color: #fff;
    color: #555;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 255, 255, .4)
}

.alert .alert-link,
.alert a,
.alert.alert-default .alert-link,
.alert.alert-default a {
    color: #555
}

.alert-danger,
.alert-info,
.alert-rose,
.alert-success,
.alert-warning,
.alert.alert-danger,
.alert.alert-danger .alert-link,
.alert.alert-danger a,
.alert.alert-info .alert-link,
.alert.alert-info a,
.alert.alert-inverse,
.alert.alert-inverse .alert-link,
.alert.alert-inverse a,
.alert.alert-primary,
.alert.alert-primary .alert-link,
.alert.alert-primary a,
.alert.alert-rose,
.alert.alert-rose .alert-link,
.alert.alert-rose a,
.alert.alert-success,
.alert.alert-success .alert-link,
.alert.alert-success a,
.alert.alert-warning,
.alert.alert-warning .alert-link,
.alert.alert-warning a {
    color: #fff
}

.alert.alert-inverse {
    background-color: #2e2e2e;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(33, 33, 33, .4)
}

.alert.alert-primary {
    background-color: #af2cc5;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.alert.alert-success {
    background-color: #5cb860;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4)
}

.alert.alert-info {
    background-color: #00bcd4;
    color: #fff;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4)
}

.alert.alert-warning {
    background-color: #ffa21a;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.alert.alert-danger {
    background-color: #f55a4e;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4)
}

.alert.alert-rose {
    background-color: #eb3573;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4)
}

.alert-default .alert-link,
.alert-default a {
    color: rgba(0, 0, 0, .87)
}

.alert span {
    display: block;
    max-width: 89%
}

.alert.alert-danger i {
    color: #f44336
}

.alert.alert-warning i {
    color: #ff9800
}

.alert.alert-success i {
    color: #26c6da
}

.alert.alert-info i {
    color: #00bcd4
}

.alert.alert-primary i {
    color: #9c27b0
}

.alert.alert-rose i {
    color: #e91e63
}

.alert.alert-with-icon {
    margin-top: 43px;
    padding-left: 66px
}

.alert.alert-with-icon i[data-notify=icon] {
    display: block;
    left: 15px;
    position: absolute;
    margin-top: -39px;
    font-size: 20px;
    background-color: #FFF;
    padding: 9px;
    border-radius: 50%;
    max-width: 38px;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .42), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.table .checkbox .icons,
.table .radio .icons,
.table>tbody>tr {
    position: relative
}

.alert .close i {
    color: #FFF
}

.alert i[data-notify=icon] {
    display: none
}

.alert .alert-icon {
    display: block;
    float: left;
    margin-right: 15px
}

.alert .alert-icon i {
    margin-top: -7px;
    top: 5px;
    position: relative
}

.alert [data-notify=dismiss] {
    margin-right: 5px
}

.table>thead>tr>th {
    border-bottom-width: 1px;
    font-size: 1.25em;
    font-weight: 300
}

.tab-pane .table tbody>tr>td:first-child {
    width: 36px
}

.table .checkbox,
.table .radio {
    margin-top: -1px;
    margin-bottom: 0;
    padding: 0;
    width: 15px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 12px 8px;
    vertical-align: middle
}

.table .th-description {
    max-width: 150px
}

.table .td-price {
    font-size: 26px;
    font-weight: 300;
    margin-top: 5px;
    text-align: right
}

.table .td-total {
    font-weight: 500;
    font-size: 1.25em;
    padding-top: 14px;
    text-align: right
}

.table .td-actions .btn {
    margin: 0;
    padding: 5px
}

.table .flag img {
    max-width: 18px;
    margin-top: -2px
}

.table-sales {
    margin-top: 40px
}

.table-shopping>thead>tr>th {
    font-size: .9em;
    text-transform: uppercase
}

.table-shopping>tbody>tr>td {
    font-size: 16px
}

.table-shopping>tbody>tr>td b {
    display: block;
    margin-bottom: 5px
}

.table-shopping .td-name {
    font-weight: 400;
    font-size: 1.5em;
    min-width: 200px
}

.table-shopping .td-name small {
    color: #999;
    font-size: .75em;
    font-weight: 300
}

.table-shopping .td-number {
    font-weight: 300;
    font-size: 1.3em;
    text-align: right;
    min-width: 145px
}

.table-shopping .td-name a {
    color: #3C4858
}

.table-shopping .td-name a:focus,
.table-shopping .td-name a:hover {
    color: #9c27b0
}

.checkbox label,
.form-group.is-focused .checkbox label {
    color: rgba(0, 0, 0, .26)
}

.table-shopping .td-number small {
    margin-right: 3px
}

.table-shopping .img-container {
    width: 120px;
    max-height: 160px;
    overflow: hidden;
    display: block
}

.table-shopping .img-container img {
    width: 100%
}

.form-category {
    padding: 10px 0
}

.form-category .checkbox {
    margin: 0
}

.form-group.form-checkbox {
    padding-top: 10px
}

form .form-footer .checkbox {
    padding-top: 5px
}

.card .form-horizontal .label-on-left {
    padding: 28px 5px 0 0;
    text-align: right
}

.card .form-horizontal .label-on-right {
    padding: 28px 0 0 5px;
    text-align: left
}

.form-horizontal .form-horizontal-checkbox {
    margin-top: 2px;
    margin-bottom: 10px
}

.form-horizontal .checkbox-radios .checkbox:first-child,
.form-horizontal .checkbox-radios .radio:first-child {
    margin-top: 16px
}

.form-horizontal .checkbox-radios .radio {
    padding-top: 10px
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0
}

.form-horizontal .form-button {
    padding: 0;
    margin: 0
}

.form-horizontal .checkbox-inline {
    margin-top: 16px;
    padding-left: 0
}

.form-horizontal .radio label {
    padding-left: 28px
}

.form-horizontal .radio label span {
    left: 2px
}

.form-horizontal label.control-label {
    margin: 0
}

.form-horizontal .form-control[type=password] {
    padding-top: 8px;
    padding-bottom: 6px
}

.form-newsletter .form-group,
.form-newsletter .input-group {
    float: left;
    width: 78%;
    margin-right: 2%;
    margin-top: 9px
}

.form-newsletter .btn {
    float: left;
    width: 20%;
    margin: 9px 0 0
}

.checkbox label {
    cursor: pointer;
    padding-left: 0
}

.form-group.is-focused .checkbox label:focus,
.form-group.is-focused .checkbox label:hover {
    color: rgba(0, 0, 0, .54)
}

fieldset[disabled] .form-group.is-focused .checkbox label {
    color: rgba(0, 0, 0, .26)
}

.checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none
}

.checkbox .checkbox-material {
    vertical-align: middle;
    position: relative;
    top: 0px;
    padding-right: 5px
}

.checkbox .checkbox-material:before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .84);
    height: 20px;
    width: 20px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    transform: scale3d(2.3, 2.3, 1);
    top: -7px
}

.checkbox .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, .54);
    overflow: hidden;
    z-index: 1;
    border-radius: 3px
}

.checkbox .checkbox-material .check:before {
    position: absolute;
    content: "";
    transform: rotate(45deg);
    display: block;
    margin-top: -3px;
    margin-left: 7px;
    width: 0;
    height: 0;
    background: red;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    animation: checkbox-off .3s forwards
}

.checkbox input[type=checkbox]:focus+.checkbox-material .check:after {
    opacity: .2
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check {
    background: #9c27b0
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check:before {
    color: #FFF;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    animation: checkbox-on .3s forwards
}

.checkbox input[type=checkbox]:checked+.checkbox-material:before {
    animation: rippleOn .5s
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check:after {
    animation: rippleOn .5s forwards
}

.checkbox input[type=checkbox]:not(:checked)+.checkbox-material .check:after,
.checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before,
.radio label input[type=radio]:not(:checked)~.check:after {
    animation: rippleOff .5s
}

.checkbox input[type=checkbox][disabled]+.circle,
.checkbox input[type=checkbox][disabled]~.checkbox-material .check,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox input[type=checkbox] {
    opacity: .5
}

.checkbox input[type=checkbox][disabled]~.checkbox-material .check {
    border-color: #000;
    opacity: .26
}

.checkbox input[type=checkbox][disabled]+.checkbox-material .check:after {
    background-color: rgba(0, 0, 0, .87);
    transform: rotate(-45deg)
}

.checkbox.has-error label {
    color: #f44336
}

.form-group.is-focused .radio label,
.radio label {
    color: rgba(0, 0, 0, .26)
}

@keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }
    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }
    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}

.progress,
.progress .progress-bar {
    box-shadow: none
}

.radio label {
    cursor: pointer;
    padding-left: 35px;
    position: relative
}

.form-group.is-focused .radio label:focus,
.form-group.is-focused .radio label:hover {
    color: rgba(0, 0, 0, .54)
}

fieldset[disabled] .form-group.is-focused .radio label {
    color: rgba(0, 0, 0, .26)
}

.radio label span {
    display: block;
    position: absolute;
    left: 10px;
    top: 2px;
    transition-duration: .2s
}

.radio label .circle {
    border: 1px solid rgba(0, 0, 0, .54);
    height: 15px;
    width: 15px;
    border-radius: 100%
}

.radio label .check {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background-color: #9c27b0;
    transform: scale3d(0, 0, 0)
}

.radio label .check:after {
    display: block;
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, .87);
    left: -18px;
    top: -18px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    transform: scale3d(1.5, 1.5, 1)
}

.radio label input[type=radio]:checked~.check:after {
    animation: rippleOn .5s
}

.radio.has-error label {
    color: #f44336
}

.form-group.is-focused .togglebutton label,
.togglebutton label {
    color: rgba(0, 0, 0, .26)
}

.radio input[type=radio] {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden
}

.radio input[type=radio]:checked~.check,
.radio input[type=radio]:checked~.circle {
    opacity: 1
}

.radio input[type=radio]:checked~.check {
    background-color: #9c27b0;
    transform: scale3d(.65, .65, 1)
}

.radio input[type=radio]:checked~.circle {
    border-color: #9c27b0
}

.radio input[type=radio][disabled]~.check,
.radio input[type=radio][disabled]~.circle {
    opacity: .26
}

.radio input[type=radio][disabled]~.check {
    background-color: #000
}

.radio input[type=radio][disabled]~.circle {
    border-color: #000
}

@keyframes rippleOn {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: .2
    }
}

@keyframes rippleOff {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: .2
    }
}

.progress {
    height: 4px;
    border-radius: 0;
    background: #DDD
}

.progress .progress-bar.progress-bar-inverse {
    background-color: #212121
}

.progress .progress-bar.progress-bar-primary {
    background-color: #9c27b0
}

.progress .progress-bar.progress-bar-success {
    background-color: #26c6da
}

.progress .progress-bar.progress-bar-info {
    background-color: #00bcd4
}

.progress .progress-bar.progress-bar-warning {
    background-color: #ff9800
}

.progress .progress-bar.progress-bar-danger {
    background-color: #f44336
}

.progress .progress-bar.progress-bar-rose {
    background-color: #e91e63
}

.progress.progress-line-primary {
    background: rgba(156, 39, 176, .2)
}

.progress.progress-line-info {
    background: rgba(0, 188, 212, .2)
}

.progress.progress-line-success {
    background: rgba(76, 175, 80, .2)
}

.progress.progress-line-warning {
    background: rgba(255, 152, 0, .2)
}

.progress.progress-line-danger {
    background: rgba(244, 67, 54, .2)
}

.progress .progress-bar,
.progress .progress-bar.progress-bar-default {
    background-color: #9c27b0
}

.togglebutton {
    vertical-align: middle
}

.togglebutton,
.togglebutton .toggle,
.togglebutton input,
.togglebutton label {
    -webkit-user-select: none;
            user-select: none
}

.togglebutton label {
    cursor: pointer
}

.form-group.is-focused .togglebutton label:focus,
.form-group.is-focused .togglebutton label:hover {
    color: rgba(0, 0, 0, .54)
}

fieldset[disabled] .form-group.is-focused .togglebutton label {
    color: rgba(0, 0, 0, .26)
}

.togglebutton label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0
}

.togglebutton label .toggle {
    text-align: left;
    margin-left: 5px
}

.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled]+.toggle {
    content: "";
    display: inline-block;
    width: 30px;
    height: 15px;
    background-color: rgba(80, 80, 80, .7);
    border-radius: 15px;
    margin-right: 15px;
    transition: background .3s ease;
    vertical-align: middle
}

.togglebutton label .toggle:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #FFF;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
    left: -5px;
    top: -3px;
    border: 1px solid rgba(0, 0, 0, .54);
    transition: left .3s ease, background .3s ease, box-shadow .1s ease
}

.togglebutton label input[type=checkbox][disabled]+.toggle:after,
.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after {
    background-color: #BDBDBD
}

.togglebutton label input[type=checkbox]+.toggle:active:after,
.togglebutton label input[type=checkbox][disabled]+.toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(0, 0, 0, .1)
}

.togglebutton label input[type=checkbox]:checked+.toggle:after {
    left: 15px;
    border-color: #dde1e2;
}

.togglebutton label input[type=checkbox]:checked+.toggle {
    background-color: rgb(221 225 226);
}

.togglebutton label input[type=checkbox]:checked+.toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(156, 39, 176, .1)
}

.wrapper:after {
    display: table;
    clear: both;
    content: " "
}

.wrapper.wrapper-full-page {
    height: auto;
    min-height: 100vh
}

.full-page:after,
.full-page:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.full-page:before {
    background-color: rgba(0, 0, 0, .5)
}

.full-page[filter-color=purple]:after,
.full-page[filter-color=primary]:after {
    background: rgba(225, 190, 231, .56);
    background: linear-gradient(60deg, rgba(225, 190, 231, .56), rgba(186, 104, 200, .95))
}

.full-page[filter-color=purple].lock-page .form-group .form-control,
.full-page[filter-color=primary].lock-page .form-group .form-control {
    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2)
}

.full-page[filter-color=blue]:after,
.full-page[filter-color=info]:after {
    background: rgba(178, 235, 242, .56);
    background: linear-gradient(60deg, rgba(178, 235, 242, .56), rgba(77, 208, 225, .95))
}

.full-page[filter-color=blue].lock-page .form-group .form-control,
.full-page[filter-color=info].lock-page .form-group .form-control {
    background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2)
}

.full-page[filter-color=green]:after,
.full-page[filter-color=success]:after {
    background: rgba(165, 214, 167, .56);
    background: linear-gradient(60deg, rgba(165, 214, 167, .56), rgba(102, 187, 106, .95))
}

.full-page[filter-color=green].lock-page .form-group .form-control,
.full-page[filter-color=success].lock-page .form-group .form-control {
    background-image: linear-gradient(#26c6da, #26c6da), linear-gradient(#D2D2D2, #D2D2D2)
}

.full-page[filter-color=orange]:after,
.full-page[filter-color=warning]:after {
    background: rgba(255, 224, 178, .56);
    background: linear-gradient(60deg, rgba(255, 224, 178, .56), rgba(255, 183, 77, .95))
}

.full-page[filter-color=orange].lock-page .form-group .form-control,
.full-page[filter-color=warning].lock-page .form-group .form-control {
    background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2)
}

.full-page[filter-color=red]:after,
.full-page[filter-color=danger]:after {
    background: rgba(239, 154, 154, .56);
    background: linear-gradient(60deg, rgba(239, 154, 154, .56), rgba(239, 83, 80, .95))
}

.full-page[filter-color=red].lock-page .form-group .form-control,
.full-page[filter-color=danger].lock-page .form-group .form-control {
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2)
}

.full-page[filter-color=rose]:after {
    background: rgba(248, 187, 208, .56);
    background: linear-gradient(60deg, rgba(248, 187, 208, .56), rgba(240, 98, 146, .95))
}

.full-page[filter-color=rose].lock-page .form-group .form-control,
.lock-page .card-profile .form-group .form-control {
    background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#D2D2D2, #D2D2D2)
}

.full-page[data-image]:after {
    opacity: .8
}

.full-page>.content,
.full-page>.footer {
    position: relative;
    z-index: 4
}

.full-page>.content {
    min-height: calc(100vh - 80px)
}

.full-page .full-page-background {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center
}

.clear-filter:before,
.disabled .ripple-container {
    display: none
}

.full-page .footer,
.full-page .footer .copyright a,
.full-page .footer nav>ul a:not(.btn) {
    color: #FFF
}

.lock-page>.content,
.login-page>.content {
    padding-top: 18vh
}

.login-page .card-login {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
    border-radius: 6px;
    padding-bottom: 20px;
    transform: translate3d(0, 0, 0)
}

.login-page .card-login.card-hidden {
    opacity: 0;
    transform: translate3d(0, -60px, 0)
}

.lock-page .card-profile,
.navbar .navbar-nav>li.open>.dropdown-menu {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.login-page .card-login .btn-wd {
    min-width: 180px
}

.login-page .card-login .card-header {
    margin-top: -40px;
    margin-bottom: 20px
}

.login-page .card-login .card-header .title {
    margin-top: 10px
}

.lock-page .card-profile {
    width: 240px;
    margin: 60px auto 0;
    color: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    transform: translate3d(0, 0, 0)
}

.lock-page .card-profile.card-hidden {
    opacity: 0;
    transform: translate3d(0, -60px, 0)
}

.lock-page .card-profile .card-avatar {
    max-width: 90px;
    max-height: 90px;
    margin-top: -45px
}

.lock-page .card-profile .card-footer {
    border: none;
    padding-top: 0
}

.lock-page .card-profile .form-group {
    text-align: left
}

.lock-page .card-profile.with-animation {
    transition: all .3s ease-in
}

.register-page .card-signup {
    border-radius: 6px;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
    margin-bottom: 100px;
    padding: 40px 0
}

.bootstrap-tagsinput input,
.bootstrap-tagsinput input:focus {
    box-shadow: none;
    border: none
}

.register-page .card-signup .info {
    max-width: 360px;
    margin: 0 auto;
    padding: 0
}

.register-page .card-signup .info .info-title {
    color: #3C4858;
    margin: 30px 0 15px
}

.register-page .card-signup .checkbox {
    margin-top: 20px;
    margin-bottom: 0
}

.register-page .card-signup .checkbox label {
    margin-left: 17px
}

.register-page .card-signup .checkbox .checkbox-material {
    padding-right: 20px
}

.register-page .card-signup .input-group .input-group-addon {
    padding-top: 21px
}

.register-page .card-signup .info-horizontal .icon {
    float: left;
    margin-top: 24px;
    margin-right: 10px
}

.register-page .card-signup .info-horizontal .icon.icon-primary {
    color: #9c27b0
}

.register-page .card-signup .info-horizontal .icon.icon-info {
    color: #00bcd4
}

.register-page .card-signup .info-horizontal .icon.icon-success {
    color: #26c6da
}

.register-page .card-signup .info-horizontal .icon.icon-warning {
    color: #ff9800
}

.register-page .card-signup .info-horizontal .icon.icon-danger {
    color: #f44336
}

.register-page .card-signup .info-horizontal .icon.icon-rose {
    color: #e91e63
}

.register-page .card-signup .info-horizontal .description {
    overflow: hidden
}

.register-page .card-signup .form-group {
    margin: 27px 0 0 7px;
    padding-bottom: 0
}

.register-page .container {
    position: relative;
    z-index: 3;
    padding-top: 15vh
}

.register-page .footer .container {
    padding: 0
}

.pricing-page .title {
    color: #FFF;
    margin-top: 13vh
}

.pricing-page .section-space {
    display: block;
    height: 70px
}

.pricing-page .card-plain .card-title,
.pricing-page .card-plain .icon i,
.pricing-page .description {
    color: #FFF
}

.pricing-page.full-page:before {
    background-color: rgba(0, 0, 0, .65)
}

.bootstrap-tagsinput {
    display: inline-block;
    padding: 4px 6px;
    max-width: 100%;
    line-height: 22px
}

.bootstrap-tagsinput input {
    outline: 0;
    background-color: transparent;
    margin: 0;
    width: 74px;
    max-width: inherit
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder,
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777
}

.bootstrap-tagsinput .tag {
    cursor: pointer;
    margin: 5px 3px 5px 0;
    position: relative;
    padding: 3px 8px 3px .8em;
    border-radius: 12px;
    color: #FFF;
    font-weight: 500;
    font-size: .75em;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.5em
}

.bootstrap-tagsinput .tag.tag-primary {
    background-color: #9c27b0;
    color: #FFF
}

.bootstrap-tagsinput .tag.tag-info {
    background-color: #00bcd4;
    color: #FFF
}

.bootstrap-tagsinput .tag.tag-success {
    background-color: #26c6da;
    color: #FFF
}

.bootstrap-tagsinput .tag.tag-warning {
    background-color: #ff9800;
    color: #FFF
}

.bootstrap-tagsinput .tag.tag-danger {
    background-color: #f44336;
    color: #FFF
}

.bootstrap-tagsinput .tag.tag-rose {
    background-color: #e91e63;
    color: #FFF
}

.bootstrap-tagsinput .tag:hover {
    padding-right: 18px
}

.bootstrap-tagsinput .tag:hover [data-role=remove] {
    opacity: 1;
    padding-right: 6px
}

.bootstrap-tagsinput .tag [data-role=remove] {
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 0;
    opacity: 0
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
    content: "x";
    padding: 0 2px
}

.timeline {
    padding: 20px 0;
    position: relative;
    margin-top: 30px
}

.timeline:before {
    top: 50px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #E5E5E5;
    left: 50%;
    margin-left: -1px
}

.timeline h6 {
    color: #333;
    font-weight: 400;
    margin: 10px 0 0
}

.timeline>li,
.timeline>li>.timeline-panel {
    margin-bottom: 20px;
    position: relative
}

.timeline.timeline-simple {
    margin-top: 30px;
    padding: 0 0 20px
}

.timeline.timeline-simple:before {
    left: 5%;
    background-color: #E5E5E5
}

.timeline.timeline-simple>li>.timeline-panel {
    width: 86%
}

.timeline.timeline-simple>li>.timeline-badge {
    left: 5%
}

.timeline>li:after,
.timeline>li:before {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li>.timeline-panel {
    width: 45%;
    float: left;
    padding: 20px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
    border-radius: 6px;
    color: rgba(0, 0, 0, .87);
    background: #fff
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #e4e4e4;
    border-right: 0 solid #e4e4e4;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #FFF;
    border-right: 0 solid #FFF;
    border-bottom: 14px solid transparent;
    content: " "
}

.timeline>li>.timeline-badge {
    color: #FFF;
    width: 50px;
    height: 50px;
    line-height: 51px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -24px;
    z-index: 100;
    border-radius: 50%
}

.timeline>li>.timeline-badge.primary {
    background-color: #9c27b0;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.timeline>li>.timeline-badge.success {
    background-color: #26c6da;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4)
}

.timeline>li>.timeline-badge.warning {
    background-color: #ff9800;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.timeline>li>.timeline-badge.info {
    background-color: #00bcd4;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4)
}

.timeline>li>.timeline-badge.danger {
    background-color: #f44336;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4)
}

.timeline>li>.timeline-badge [class*=" ti-"],
.timeline>li>.timeline-badge [class=material-icons],
.timeline>li>.timeline-badge [class^=ti-] {
    line-height: inherit
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    background-color: #FFF
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline-heading {
    margin-bottom: 15px
}

.timeline-title {
    margin-top: 0;
    color: inherit
}

.timeline-body hr {
    margin-top: 10px;
    margin-bottom: 5px
}

.timeline-body .btn,
.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0
}

.timeline-body>p+p {
    margin-top: 5px
}

.withripple {
    position: relative
}

.ripple,
.ripple-container {
    position: absolute;
    pointer-events: none
}

.ripple-container {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit
}

.ripple {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    border-radius: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    transform: scale(1);
    transform-origin: 50%;
    opacity: 0
}

.panel,
.panel .panel-heading {
    background-color: transparent
}

.ripple.ripple-on {
    transition: opacity .15s ease-in 0s, transform .5s cubic-bezier(.4, 0, .2, 1) .1s;
    opacity: .1
}

.ripple.ripple-out {
    transition: opacity .1s linear 0s!important;
    opacity: 0
}

.panel {
    border: 0;
    box-shadow: none
}

.panel .panel-heading {
    border-bottom: 1px solid #ddd;
    padding: 25px 10px 5px 0
}

.panel .panel-heading .panel-title {
    font-size: 15px;
    font-weight: bolder
}

.panel .panel-heading a {
    color: #3C4858
}

.panel .panel-heading a:active,
.panel .panel-heading a:hover,
.panel .panel-heading a[aria-expanded=true] {
    color: #e91e63
}

.panel .panel-heading a.expanded .panel-title>i,
.panel .panel-heading a[aria-expanded=true] .panel-title>i {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}

.panel .panel-body {
    border: 0;
    padding: 15px 0 5px
}

.panel.panel-default .panel-heading+.panel-collapse .panel-body {
    border: 0
}

.pagination>li>a,
.pagination>li>span {
    border: 0;
    border-radius: 30px!important;
    transition: all .3s;
    padding: 0 11px;
    margin: 0 3px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    color: #999;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    background: 0 0
}

.nav-pills>li>a,
.navbar .navbar-nav>li>a,
footer ul li a {
    font-weight: 500;
    text-transform: uppercase
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #999
}

.pagination>.active>a,
.pagination>.active>span {
    text-align: center
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    border: 0;
    border-radius: 30px !important;
    transition: all .3s;
    padding: 0 13px;
    margin: 0;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #03a9f3 !important;
    border-color: #03a9f3;
    color: #fff;
    box-shadow: 0 4px 5px 0 rgb(0 188 212 / 14%), 0 1px 10px 0 rgb(0 188 212 / 12%), 0 2px 4px -1px rgb(0 188 212 / 20%);
}

.pagination.pagination-info>.active>a,
.pagination.pagination-info>.active>a:focus,
.pagination.pagination-info>.active>a:hover,
.pagination.pagination-info>.active>span,
.pagination.pagination-info>.active>span:focus,
.pagination.pagination-info>.active>span:hover {
    background-color: #00bcd4;
    border-color: #00bcd4;
    box-shadow: 0 4px 5px 0 rgba(0, 188, 212, .14), 0 1px 10px 0 rgba(0, 188, 212, .12), 0 2px 4px -1px rgba(0, 188, 212, .2)
}

.pagination.pagination-success>.active>a,
.pagination.pagination-success>.active>a:focus,
.pagination.pagination-success>.active>a:hover,
.pagination.pagination-success>.active>span,
.pagination.pagination-success>.active>span:focus,
.pagination.pagination-success>.active>span:hover {
    background-color: #26c6da;
    border-color: #26c6da;
    box-shadow: 0 4px 5px 0 rgba(76, 175, 80, .14), 0 1px 10px 0 rgba(76, 175, 80, .12), 0 2px 4px -1px rgba(76, 175, 80, .2)
}

.pagination.pagination-warning>.active>a,
.pagination.pagination-warning>.active>a:focus,
.pagination.pagination-warning>.active>a:hover,
.pagination.pagination-warning>.active>span,
.pagination.pagination-warning>.active>span:focus,
.pagination.pagination-warning>.active>span:hover {
    background-color: #ff9800;
    border-color: #ff9800;
    box-shadow: 0 4px 5px 0 rgba(255, 152, 0, .14), 0 1px 10px 0 rgba(255, 152, 0, .12), 0 2px 4px -1px rgba(255, 152, 0, .2)
}

.pagination.pagination-danger>.active>a,
.pagination.pagination-danger>.active>a:focus,
.pagination.pagination-danger>.active>a:hover,
.pagination.pagination-danger>.active>span,
.pagination.pagination-danger>.active>span:focus,
.pagination.pagination-danger>.active>span:hover {
    background-color: #f44336;
    border-color: #f44336;
    box-shadow: 0 4px 5px 0 rgba(244, 67, 54, .14), 0 1px 10px 0 rgba(244, 67, 54, .12), 0 2px 4px -1px rgba(244, 67, 54, .2)
}
.datatable-customize .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
        background: inherit;
            border: none;
}
 .onlistingcatergory.datatable-customize,
  .addedit-category.datatable-customize {
    min-height: auto;
    width: 100%;
    max-height: calc(100vh - 20vh);
    }
.datatable-customize div.dataTables_wrapper div.dataTables_filter label {
    font-weight: inherit;
    white-space: nowrap;
    text-align: left;
    font-size: 13px;
    color: #555555;
    font-weight: 500;
}
.label {
    border-radius: 12px;
    padding: 5px 12px;
    text-transform: uppercase;
    font-size: 10px
}

.label.label-default {
    background-color: #999
}

.section-dark .nav-pills>li>a,
.section-image .nav-pills>li>a {
    color: #999
}

.section-dark .nav-pills>li>a:focus,
.section-dark .nav-pills>li>a:hover,
.section-image .nav-pills>li>a:focus,
.section-image .nav-pills>li>a:hover {
    background-color: #EEE
}

.nav-pills>li>a {
    line-height: 24px;
    font-size: 12px;
    min-width: 100px;
    text-align: center;
    color: #555;
    transition: all .3s
}

.nav-pills>li>a:hover {
    background-color: rgba(200, 200, 200, .2)
}

.nav-pills>li i {
    display: block;
    font-size: 30px;
    padding: 15px 0
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #9c27b0;
    color: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.nav-pills:not(.nav-pills-icons)>li>a {
    border-radius: 30px
}

.nav-pills.nav-stacked>li+li {
    margin: 10px 0
}

.nav-pills.nav-pills-info>li.active>a,
.nav-pills.nav-pills-info>li.active>a:focus,
.nav-pills.nav-pills-info>li.active>a:hover {
    background-color: #00bcd4;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4)
}

.nav-pills.nav-pills-success>li.active>a,
.nav-pills.nav-pills-success>li.active>a:focus,
.nav-pills.nav-pills-success>li.active>a:hover {
    background-color: #26c6da;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4)
}

.nav-pills.nav-pills-warning>li.active>a,
.nav-pills.nav-pills-warning>li.active>a:focus,
.nav-pills.nav-pills-warning>li.active>a:hover {
    background-color: #ff9800;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.nav-pills.nav-pills-danger>li.active>a,
.nav-pills.nav-pills-danger>li.active>a:focus,
.nav-pills.nav-pills-danger>li.active>a:hover {
    background-color: #f44336;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.nav-pills.nav-pills-rose>li.active>a,
.nav-pills.nav-pills-rose>li.active>a:focus,
.nav-pills.nav-pills-rose>li.active>a:hover {
    background-color: #e91e63;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4)
}

.tab-space {
    padding: 20px 0
}

.modal-content {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    border-radius: 6px;
    border: none
}

.modal-content .modal-header {
    border-bottom: none;
    padding: 24px 24px 0
}

.modal-content .modal-body {
    padding: 24px 24px 16px
}

.modal-content .modal-footer {
    border-top: none
}

.modal-content .modal-footer.text-center {
    text-align: center
}

.modal-content .modal-footer button {
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    width: auto
}

.modal-content .modal-footer button.pull-left {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    left: -5px
}

.modal-content .modal-footer button+button {
    margin-bottom: 16px
}

.modal-content .modal-body+.modal-footer {
    padding-top: 0
}

.modal-backdrop {
    background: rgba(0, 0, 0, .3)
}

.modal .modal-dialog {
    margin-top: 50px;
}

.modal .modal-header .close {
    color: #999
}

.modal .modal-header .close:focus,
.modal .modal-header .close:hover {
    opacity: 1
}

.modal .modal-header .close i {
    font-size: 16px
}

.modal-notice .instruction {
    margin-bottom: 25px
}

.modal-notice .picture {
    max-width: 150px
}

.modal-notice .modal-content .btn-raised {
    margin-bottom: 15px
}

.modal-small {
    width: 300px;
    margin: 0 auto
}

.modal-small .modal-body {
    margin-top: 20px
}

.navbar {
    border: 0;
    border-radius: 3px;
    margin-bottom: 0;
    border-bottom: 1px solid #ededf3;
    padding: 10px 0
}

.navbar .navbar-brand {
    position: relative;
    height: 50px;
    line-height: 30px;
    color: inherit;
    padding: 10px 15px
}

.navbar .navbar-brand:focus,
.navbar .navbar-brand:hover {
    color: inherit;
    background-color: transparent
}

.navbar .navbar-minimize {
    float: left;
    padding: 3px 0 0 15px
}

.navbar .notification {
    position: absolute;
    top: 5px;
    border: 1px solid #FFF;
    right: 10px;
    font-size: 9px;
    background: #f44336;
    color: #FFF;
    min-width: 20px;
    padding: 0 5px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 19px;
    vertical-align: middle;
    display: block
}

.nav-align-center .nav-pills,
.nav-center .nav-pills-icons,
footer ul li {
    display: inline-block
}

.navbar .navbar-text {
    color: inherit;
    margin-top: 15px;
    margin-bottom: 15px
}

.navbar .navbar-nav>li>a {
    color: inherit;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    border-radius: 3px
}

.navbar .navbar-nav>li>a:focus,
.navbar .navbar-nav>li>a:hover {
    color: inherit;
    background-color: transparent
}

.navbar .navbar-nav>li>a .fa,
.navbar .navbar-nav>li>a .material-icons {
    font-size: 20px
}

.navbar .navbar-nav>li>a.btn:not(.btn-just-icon) .fa {
    position: relative;
    top: 2px;
    margin-top: -4px;
    margin-right: 4px
}

.navbar .navbar-nav>li>.dropdown-menu {
    transform: translate3d(0, -20px, 0)
}

.navbar .navbar-nav>li.open>.dropdown-menu {
    transform: translate3d(0, 0, 0)
}

.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:focus,
.navbar .navbar-nav>.active>a:hover {
    color: inherit;
    background-color: rgba(255, 255, 255, .1)
}

.navbar .navbar-nav>.disabled>a,
.navbar .navbar-nav>.disabled>a:focus,
.navbar .navbar-nav>.disabled>a:hover {
    color: inherit;
    background-color: transparent;
    opacity: .9
}

.navbar .navbar-nav .profile-photo {
    padding: 0 5px
}

.navbar .navbar-nav .profile-photo .profile-photo-small {
    height: 40px;
    width: 40px
}

.navbar .navbar-toggle {
    border: 0
}

.navbar .navbar-toggle:focus,
.navbar .navbar-toggle:hover {
    background-color: transparent
}

.navbar .navbar-toggle .icon-bar {
    background-color: inherit;
    border: 1px solid
}

.navbar .navbar-default .navbar-toggle,
.navbar .navbar-inverse .navbar-toggle {
    border-color: transparent
}

.navbar .navbar-collapse,
.navbar .navbar-form {
    border-top: none;
    box-shadow: none
}

.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:focus,
.navbar .navbar-nav>.open>a:hover {
    background-color: transparent;
    color: inherit
}

@media (max-width:767px) {
    .navbar .navbar-nav .navbar-text {
        color: inherit;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .navbar .navbar-nav .open .dropdown-menu>.dropdown-header {
        border: 0;
        color: inherit
    }
    .navbar .navbar-nav .open .dropdown-menu .divider {
        border-bottom: 1px solid;
        opacity: .08
    }
    .navbar .navbar-nav .open .dropdown-menu>li>a {
        color: inherit
    }
    .navbar .navbar-nav .open .dropdown-menu>.active>a,
    .navbar .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar .navbar-nav .open .dropdown-menu>li>a:hover {
        color: inherit;
        background-color: transparent
    }
}

.navbar .dropdown-menu,
.navbar.navbar-danger .dropdown-menu,
.navbar.navbar-default .dropdown-menu,
.navbar.navbar-info .dropdown-menu,
.navbar.navbar-inverse .dropdown-menu,
.navbar.navbar-primary .dropdown-menu,
.navbar.navbar-rose .dropdown-menu,
.navbar.navbar-success .dropdown-menu,
.navbar.navbar-warning .dropdown-menu {
    border-radius: 3px!important
}

.navbar.navbar-default .logo-container .brand {
    color: #555
}

.navbar .btn-link,
.navbar .btn-link:focus,
.navbar .btn-link:hover,
.navbar .btn-link[disabled]:focus,
.navbar .btn-link[disabled]:hover,
.navbar .navbar-link,
.navbar .navbar-link:hover,
fieldset[disabled] .navbar .btn-link:focus,
fieldset[disabled] .navbar .btn-link:hover {
    color: inherit
}

.navbar .btn {
    margin-top: 0;
    margin-bottom: 0
}

.navbar .navbar-form {
    margin: 4px 0 0
}

.navbar .navbar-form .form-group {
    margin: 0;
    padding: 0
}

.navbar .navbar-form .form-group .material-input:before,
.navbar .navbar-form .form-group.is-focused .material-input:after {
    background-color: inherit
}

.navbar .navbar-form .form-control,
.navbar .navbar-form .form-group .form-control {
    border-color: inherit;
    color: inherit;
    padding: 0;
    margin: 0;
    height: 28px;
    font-size: 14px;
    line-height: 1.428571429
}

.navbar,
.navbar.navbar-default {
    background-color: #FFF;
    color: #555
}

.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar .navbar-form input.form-control::-moz-placeholder,
.navbar.navbar-default .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-default .navbar-form input.form-control::-moz-placeholder {
    color: #555
}

.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar .navbar-form input.form-control:-ms-input-placeholder,
.navbar.navbar-default .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder {
    color: #555
}

.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar .navbar-form input.form-control::-webkit-input-placeholder,
.navbar.navbar-default .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-default .navbar-form input.form-control::-webkit-input-placeholder {
    color: #555
}

.navbar .dropdown-menu li>a:focus,
.navbar .dropdown-menu li>a:hover,
.navbar.navbar-default .dropdown-menu li>a:focus,
.navbar.navbar-default .dropdown-menu li>a:hover {
    color: #FFF;
    background-color: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 255, 255, .4)
}

.navbar .dropdown-menu .active>a,
.navbar.navbar-default .dropdown-menu .active>a {
    background-color: #FFF;
    color: #555;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 255, 255, .4)
}

.navbar .dropdown-menu .active>a:focus,
.navbar .dropdown-menu .active>a:hover,
.navbar.navbar-default .dropdown-menu .active>a:focus,
.navbar.navbar-default .dropdown-menu .active>a:hover {
    color: #555
}

.navbar.navbar-inverse {
    background-color: #212121;
    color: #fff
}

.navbar.navbar-inverse .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-inverse .navbar-form input.form-control::-moz-placeholder {
    color: #fff
}

.navbar.navbar-inverse .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-inverse .navbar-form input.form-control:-ms-input-placeholder {
    color: #fff
}

.navbar.navbar-inverse .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-inverse .navbar-form input.form-control::-webkit-input-placeholder {
    color: #fff
}

.navbar.navbar-inverse .dropdown-menu li>a:focus,
.navbar.navbar-inverse .dropdown-menu li>a:hover {
    color: #FFF;
    background-color: #212121;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(33, 33, 33, .4)
}

.navbar.navbar-inverse .dropdown-menu .active>a {
    background-color: #212121;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(33, 33, 33, .4)
}

.navbar.navbar-inverse .dropdown-menu .active>a:focus,
.navbar.navbar-inverse .dropdown-menu .active>a:hover {
    color: #fff
}

.navbar.navbar-primary {
    background-color: #9c27b0;
    color: #fff
}

.navbar.navbar-primary .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-primary .navbar-form input.form-control::-moz-placeholder {
    color: #fff
}

.navbar.navbar-primary .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-primary .navbar-form input.form-control:-ms-input-placeholder {
    color: #fff
}

.navbar.navbar-primary .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-primary .navbar-form input.form-control::-webkit-input-placeholder {
    color: #fff
}

.navbar.navbar-primary .dropdown-menu li>a:focus,
.navbar.navbar-primary .dropdown-menu li>a:hover {
    color: #FFF;
    background-color: #9c27b0;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.navbar.navbar-primary .dropdown-menu .active>a {
    background-color: #9c27b0;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.navbar.navbar-primary .dropdown-menu .active>a:focus,
.navbar.navbar-primary .dropdown-menu .active>a:hover {
    color: #fff
}

.navbar.navbar-success {
    background-color: #26c6da;
    color: #fff
}

.navbar.navbar-success .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-success .navbar-form input.form-control::-moz-placeholder {
    color: #fff
}

.navbar.navbar-success .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-success .navbar-form input.form-control:-ms-input-placeholder {
    color: #fff
}

.navbar.navbar-success .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-success .navbar-form input.form-control::-webkit-input-placeholder {
    color: #fff
}

.navbar.navbar-success .dropdown-menu li>a:focus,
.navbar.navbar-success .dropdown-menu li>a:hover {
    color: #FFF;
    background-color: #26c6da;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4)
}

.navbar.navbar-success .dropdown-menu .active>a {
    background-color: #26c6da;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4)
}

.navbar.navbar-success .dropdown-menu .active>a:focus,
.navbar.navbar-success .dropdown-menu .active>a:hover {
    color: #fff
}

.navbar.navbar-info {
    background-color: #00bcd4;
    color: #fff
}

.navbar.navbar-info .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-info .navbar-form input.form-control::-moz-placeholder {
    color: #fff
}

.navbar.navbar-info .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-info .navbar-form input.form-control:-ms-input-placeholder {
    color: #fff
}

.navbar.navbar-info .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-info .navbar-form input.form-control::-webkit-input-placeholder {
    color: #fff
}

.navbar.navbar-info .dropdown-menu li>a:focus,
.navbar.navbar-info .dropdown-menu li>a:hover {
    color: #FFF;
    background-color: #00bcd4;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4)
}

.navbar.navbar-info .dropdown-menu .active>a {
    background-color: #00bcd4;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4)
}

.navbar.navbar-info .dropdown-menu .active>a:focus,
.navbar.navbar-info .dropdown-menu .active>a:hover {
    color: #fff
}

.navbar.navbar-warning {
    background-color: #ff9800;
    color: #fff
}

.navbar.navbar-warning .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-warning .navbar-form input.form-control::-moz-placeholder {
    color: #fff
}

.navbar.navbar-warning .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-warning .navbar-form input.form-control:-ms-input-placeholder {
    color: #fff
}

.navbar.navbar-warning .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-warning .navbar-form input.form-control::-webkit-input-placeholder {
    color: #fff
}

.navbar.navbar-warning .dropdown-menu li>a:focus,
.navbar.navbar-warning .dropdown-menu li>a:hover {
    color: #FFF;
    background-color: #ff9800;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.navbar.navbar-warning .dropdown-menu .active>a {
    background-color: #ff9800;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.navbar.navbar-warning .dropdown-menu .active>a:focus,
.navbar.navbar-warning .dropdown-menu .active>a:hover {
    color: #fff
}

.navbar.navbar-danger {
    background-color: #f44336;
    color: #fff
}

.navbar.navbar-danger .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-danger .navbar-form input.form-control::-moz-placeholder {
    color: #fff
}

.navbar.navbar-danger .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-danger .navbar-form input.form-control:-ms-input-placeholder {
    color: #fff
}

.navbar.navbar-danger .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-danger .navbar-form input.form-control::-webkit-input-placeholder {
    color: #fff
}

.navbar.navbar-danger .dropdown-menu li>a:focus,
.navbar.navbar-danger .dropdown-menu li>a:hover {
    color: #FFF;
    background-color: #f44336;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4)
}

.navbar.navbar-danger .dropdown-menu .active>a {
    background-color: #f44336;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4)
}

.navbar.navbar-danger .dropdown-menu .active>a:focus,
.navbar.navbar-danger .dropdown-menu .active>a:hover {
    color: #fff
}

.navbar.navbar-rose {
    background-color: #e91e63;
    color: #fff
}

.navbar.navbar-rose .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-rose .navbar-form input.form-control::-moz-placeholder {
    color: #fff
}

.navbar.navbar-rose .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-rose .navbar-form input.form-control:-ms-input-placeholder {
    color: #fff
}

.navbar.navbar-rose .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-rose .navbar-form input.form-control::-webkit-input-placeholder {
    color: #fff
}

.navbar .alert,
.navbar-fixed-top {
    border-radius: 0
}

.navbar.navbar-rose .dropdown-menu li>a:focus,
.navbar.navbar-rose .dropdown-menu li>a:hover {
    color: #FFF;
    background-color: #e91e63;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4)
}

.navbar.navbar-rose .dropdown-menu .active>a {
    background-color: #e91e63;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4)
}

.navbar.navbar-rose .dropdown-menu .active>a:focus,
.navbar.navbar-rose .dropdown-menu .active>a:hover {
    color: #fff
}

.navbar-inverse {
    background-color: #3f51b5
}

.navbar.navbar-transparent {
    background-color: transparent;
    box-shadow: none;
    border-bottom: 0
}

.navbar.navbar-transparent .logo-container .brand {
    color: #FFF
}

@media (max-width:1199px) {
    .navbar .navbar-brand {
        height: 50px;
        padding: 10px 15px
    }
    .navbar .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar .alert {
    left: 0;
    position: absolute;
    right: 0;
    top: 85px;
    width: 100%;
    z-index: 3;
    transition: all .3s
}

.nav-center {
    text-align: center
}

.nav-align-center {
    text-align: center
}

.navbar-absolute {
    position: absolute;
    width: 100%;
    padding-top: 10px;
    z-index: 1029
}

.popover,
.tooltip-inner {
    color: #555;
    line-height: 1.5em;
    background: #FFF;
    border: none;
    border-radius: 3px;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}

.popover {
    padding: 0;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.popover.bottom>.arrow,
.popover.left>.arrow,
.popover.right>.arrow,
.popover.top>.arrow {
    border: none
}

.popover-title {
    background-color: #FFF;
    border: none;
    padding: 15px 15px 5px;
    font-size: 1.3em
}

.popover-content {
    padding: 10px 15px 15px;
    line-height: 1.4
}

.tooltip.in {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.tooltip {
    opacity: 0;
    transition: opacity, transform .2s ease;
    transform: translate3d(0, 5px, 0)
}

.tooltip.left .tooltip-arrow {
    border-left-color: #FFF
}

.tooltip.right .tooltip-arrow {
    border-right-color: #FFF
}

.tooltip.top .tooltip-arrow {
    border-top-color: #FFF
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #FFF
}

.tooltip-inner {
    padding: 10px 15px;
    min-width: 130px
}

footer {
    padding: 15px 0
}

footer ul {
    margin-bottom: 0;
    padding: 0
}

footer ul li a {
    color: inherit;
    padding: 15px;
    font-size: 12px;
    border-radius: 3px;
    position: relative;
    display: block
}

footer .copyright {
    padding: 15px;
    margin: 0
}

footer .copyright .material-icons {
    font-size: 18px;
    position: relative;
    top: 3px
}

footer .btn {
    margin-top: 0;
    margin-bottom: 0
}

.dropdown-menu {
    border: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)
}

.dropdown-menu .divider {
    background-color: rgba(0, 0, 0, .12)
}

.dropdown-menu li>a {
        font-size: 13px;
    padding: 10px 20px;
    margin: 0 5px;
    border-radius: 2px;
    transition: all 150ms linear;
    font-weight: 500;
    color: #555555;
}

.card,
.card .card-image,
.card .map {
    border-radius: 6px
}

.dropdown-menu li>a:focus,
.dropdown-menu li>a:hover {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}

.dropdown-menu.dropdown-with-icons li>a {
    padding: 12px 20px 12px 12px
}

.dropdown-menu.dropdown-with-icons li>a .material-icons {
    vertical-align: middle;
    font-size: 24px;
    position: relative;
    margin-top: -4px;
    top: 1px;
    margin-right: 12px;
    opacity: .5
}

.dropdown-menu li {
    position: relative
}

.dropdown-menu li a:active,
.dropdown-menu li a:focus,
.dropdown-menu li a:hover {
    background-color: #9c27b0;
    color: #FFF
}

.dropdown-menu .divider {
    margin: 5px 0
}

.bootstrap-table .dropdown-menu li a:active,
.bootstrap-table .dropdown-menu li a:focus,
.bootstrap-table .dropdown-menu li a:hover,
.navbar .dropdown-menu li a:active,
.navbar .dropdown-menu li a:focus,
.navbar .dropdown-menu li a:hover,
.navbar.navbar-default .dropdown-menu li a:active,
.navbar.navbar-default .dropdown-menu li a:focus,
.navbar.navbar-default .dropdown-menu li a:hover {
    background-color: #9c27b0;
    color: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.bootstrap-table .dropdown-menu,
.dropdown .dropdown-menu,
.dropdown-menu.bootstrap-datetimepicker-widget,
.timeline .dropdown .dropdown-menu {
    transition: all 150ms linear;
    transform: translate3d(0, -20px, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    display: block
}

.bootstrap-table .open .dropdown-menu,
.dropdown-menu.bootstrap-datetimepicker-widget.open,
.dropdown.open .dropdown-menu,
.timeline .dropdown.open .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    transform: translate3d(0, 1px, 0)
}

.dropup .dropdown-menu {
    transition: all 150ms linear;
    transform: translate3d(0, 20px, 0);
    visibility: hidden;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0)
}

.card,
.card .card-header.card-header-text {
    display: inline-block
}

.dropup.open .dropdown-menu {
    transform: translate3d(0, -2px, 0);
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.card {
    position: relative;
    width: 100%;
    margin: 25px 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
    color: rgba(0, 0, 0, .87);
    background: #fff
}

.card .card-image,
.card [data-background-color] {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .42), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.card .card-height-indicator {
    margin-top: 100%
}

.card.row-space .header {
    padding: 15px 20px 0
}

.card .map {
    height: 280px;
    margin-top: 15px
}

.card .map.map-big {
    height: 420px
}

.card .card-title {
    margin-top: 0;
    margin-bottom: 3px
}

/*.card .card-title:not(.card-calendar .card-title) {
    margin-top: 0;
    margin-bottom: 5px
}*/

.card .card-content .category,
.card .card-header .category {
    margin-bottom: 0
}

.card .card-image {
    height: 60%;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    z-index: 3
}

.card .card-image img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    pointer-events: none
}

.card .card-image .card-title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    font-size: 1.3em;
    text-shadow: 0 2px 5px rgba(33, 33, 33, .5)
}

.card .category:not([class*=text-]) {
    color: #999;
    font-size: 14px
}

.card .category a .material-icons {
    vertical-align: initial
}

.card .card-content {
    padding: 15px 20px;
    position: relative
}

.card .card-actions {
    position: absolute;
    z-index: 1;
    top: -50px;
    width: calc(100% - 30px);
    left: 17px;
    right: 17px;
    text-align: center
}

.card .card-actions .btn {
    padding-left: 12px;
    padding-right: 12px
}

.card .card-actions .fix-broken-card {
    position: absolute;
    top: -65px
}

.card .card-header {
    padding: 15px 20px 0;
    z-index: 3
}

.card .card-header.card-header-text:after {
    content: "";
    display: table
}

.card .card-header.card-header-icon {
    float: left
}

.card .card-header.card-header-icon i {
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 33px
}

.card .card-header.card-header-tabs .nav-tabs {
    background: 0 0;
    padding: 0
}

.card .card-header.card-header-tabs .nav-tabs-title {
    float: left;
    padding: 10px 10px 10px 0;
    line-height: 24px
}

.card .card-header.card-header-icon+.card-content .card-title {
    padding-bottom: 15px
}

.card .social-line {
    margin-top: 15px;
    text-align: center;
    padding: 0
}

.card .social-line .btn {
    color: #FFF;
    margin-left: 5px;
    margin-right: 5px
}

.card [data-background-color] {
    margin: -20px 15px 0;
    border-radius: 3px;
    padding: 15px;
    background-color: #999;
    position: relative
}

.card [data-background-color] .card-title {
    color: #FFF
}

.card [data-background-color] .category {
    margin-bottom: 0;
    color: rgba(255, 255, 255, .62)
}

.card [data-background-color] .ct-label {
    color: rgba(255, 255, 255, .7)
}

.card [data-background-color] .ct-grid {
    stroke: rgba(255, 255, 255, .2)
}

.card [data-background-color] .ct-series-a .ct-bar,
.card [data-background-color] .ct-series-a .ct-line,
.card [data-background-color] .ct-series-a .ct-point,
.card [data-background-color] .ct-series-a .ct-slice-donut {
    stroke: rgba(255, 255, 255, .8)
}

.card [data-background-color] .ct-series-a .ct-area,
.card [data-background-color] .ct-series-a .ct-slice-pie {
    fill: rgba(255, 255, 255, .4)
}

.card .chart-title {
    position: absolute;
    top: 25px;
    width: 100%;
    text-align: center
}

.card .chart-title h3 {
    margin: 0;
    color: #FFF
}

.card .chart-title h6 {
    margin: 0;
    color: rgba(255, 255, 255, .4)
}

.card .card-footer .author,
.card .card-footer h6 {
    color: #999
}

.card .ct-chart~.card-footer i:nth-child(1n+2) {
    width: 18px;
    text-align: center
}

.card .card-footer {
    margin: 0 20px 10px;
    padding-top: 10px;
    border-top: 1px solid #eee
}

.card .card-footer .form-group {
    margin: 5px 0 0
}

.card .card-footer .content {
    display: block
}

.card .card-footer div {
    display: inline-block
}

.card .card-footer .stats {
    line-height: 22px;
    color: #999;
    font-size: 12px
}

.card .card-footer .stats .material-icons {
    position: relative;
    top: 4px;
    font-size: 16px
}

.card .card-footer .stats .category {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.card .card-footer h4 {
    margin: 5px 0
}

.card .card-footer .btn {
    margin-top: 5px;
    margin-bottom: 5px
}

.card form .card-footer {
    border: none
}

.card img {
    width: 100%;
    height: auto
}

.card .category .material-icons {
    position: relative;
    top: 6px;
    line-height: 0
}

.card .category-social .fa {
    font-size: 24px;
    position: relative;
    margin-top: -4px;
    top: 2px;
    margin-right: 5px
}

.card .author .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px
}

.card .author a {
    color: #3C4858
}

.card .author a .ripple-container {
    display: none
}

.card .table {
    margin-bottom: 0
}

.card .table tr:first-child td {
    border-top: none
}

.card .nav-pills,
.card .tab-content {
    margin-top: 20px
}

.card [data-background-color=purple] {
    background: linear-gradient(60deg, #ab47bc, #8e24aa);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.card [data-icon-bg-color=purple] i {
    color: #9c27b0
}

.card [data-background-color=blue] {
    background: linear-gradient(60deg, #26c6da, #00acc1);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4)
}

.card [data-icon-bg-color=blue] i {
    color: #00bcd4
}

.card [data-background-color=green] {
    background: linear-gradient(60deg, #66bb6a, #43a047);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4)
}

.card [data-icon-bg-color=green] i {
    color: #26c6da
}

.card [data-background-color=orange] {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.card [data-icon-bg-color=orange] i {
    color: #ff9800
}

.card [data-background-color=red] {
    background: linear-gradient(60deg, #ef5350, #e53935);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4)
}

.card [data-icon-bg-color=red] i {
    color: #f44336
}

.card [data-background-color=rose] {
    background: linear-gradient(60deg, #ec407a, #d81b60);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4)
}

.card [data-icon-bg-color=rose] i {
    color: #e91e63
}

.card [data-header-animation=true] {
    transform: translate3d(0, 0, 0);
    transition: all .3s cubic-bezier(.34, 1.61, .7, 1)
}

.card:hover [data-header-animation=true] {
    transform: translate3d(0, -50px, 0)
}

.card [data-background-color],
.card [data-background-color] a {
    color: #FFF
}

.card-chart .card-header {
    padding: 0;
    min-height: 160px
}

.card-chart .card-header+.content h4 {
    margin-top: 0
}

.card-calendar .card-content {
    padding: 0
}

.card-stats .card-title {
    margin: 0
}

.card-stats .card-header {
    float: left;
    text-align: center
}

.card-stats .card-header i {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px
}

.card-stats .card-content {
    text-align: right;
    padding-top: 10px
}

.card-background,
.card-login .social-line,
.card-login .text-divider,
.card-pricing,
.card-pricing ul li,
.card-product .card-description,
.card-product .card-title,
.card-product .category {
    text-align: center
}

.card-plain {
    background: 0 0;
    box-shadow: none
}

.card-profile .card-avatar,
.card-raised,
.card-testimonial .card-avatar,
.iframe-container iframe {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .42), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.card-plain .card-header {
    margin-left: 0;
    margin-right: 0
}

.card-plain .card-header-icon {
    margin-right: 15px
}

.card-plain .content {
    padding-left: 5px;
    padding-right: 5px
}

.card-plain .card-image {
    margin: 0;
    border-radius: 3px
}

.card-plain .card-image img {
    border-radius: 3px
}

.iframe-container {
    margin: 0 -20px
}

.iframe-container iframe {
    width: 100%;
    height: 500px;
    border: 0
}

.card-profile,
.card-testimonial {
    margin-top: 30px;
    text-align: center
}

.card-profile .btn-just-icon.btn-raised,
.card-testimonial .btn-just-icon.btn-raised {
    margin-left: 6px;
    margin-right: 6px
}

.card-profile .card-avatar,
.card-testimonial .card-avatar {
    max-width: 130px;
    max-height: 130px;
    margin: -50px auto 0;
    border-radius: 50%;
    overflow: hidden
}

.card-profile .card-avatar+.card-content,
.card-testimonial .card-avatar+.card-content {
    margin-top: 15px
}

.card-profile.card-plain .card-avatar,
.card-testimonial .footer,
.card-testimonial.card-plain .card-avatar {
    margin-top: 0
}

.card-testimonial {
    margin-bottom: 65px
}

.card-testimonial .card-avatar {
    max-width: 100px;
    max-height: 100px
}

.card-testimonial .footer .card-avatar {
    margin-top: 10px;
    margin-bottom: -50px
}

.card-pricing .card-title,
.card-testimonial .card-description+.card-title,
.card-testimonial .icon {
    margin-top: 30px
}

.card-testimonial .icon .material-icons {
    font-size: 40px
}

.card-pricing .content {
    padding: 15px!important
}

.card-pricing .icon {
    padding: 10px 0 0;
    color: #999
}

.card-pricing .icon i {
    font-size: 55px;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    width: 130px;
    line-height: 130px;
    height: 130px
}

.card-pricing .icon.icon-primary {
    color: #9c27b0
}

.card-pricing .icon.icon-info {
    color: #00bcd4
}

.card-pricing .icon.icon-success {
    color: #26c6da
}

.card-pricing .icon.icon-warning {
    color: #ff9800
}

.card-pricing .icon.icon-danger {
    color: #f44336
}

.card-pricing .icon.icon-rose {
    color: #e91e63
}

.card-pricing h1 small {
    font-size: 18px
}

.card-pricing h1 small:first-child {
    position: relative;
    top: -17px;
    font-size: 26px
}

.card-pricing ul {
    list-style: none;
    padding: 0;
    max-width: 240px;
    margin: 10px auto
}

.card-pricing ul li {
    color: #999;
    padding: 12px 0;
    border-bottom: 1px solid rgba(153, 153, 153, .3)
}

.card-pricing ul li:last-child {
    border: 0
}

.card-pricing ul li b {
    color: #3C4858
}

.card-pricing ul li i {
    top: 6px;
    position: relative
}

.card-pricing [class*=content-] ul li,
.card-pricing.card-background ul li {
    color: #FFF;
    border-color: rgba(255, 255, 255, .3)
}

.card-pricing [class*=content-] [class*=text-],
.card-pricing [class*=content-] ul li b,
.card-pricing.card-background [class*=text-],
.card-pricing.card-background ul li b {
    color: #FFF
}

.card-pricing.card-background:after {
    background-color: rgba(0, 0, 0, .7)
}

.card-background {
    background-position: center center;
    background-size: cover
}

.card-background .content {
    position: relative;
    z-index: 2;
    min-height: 280px;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 440px;
    margin: 0 auto
}

.card-background:not(.card-pricing) .btn,
.card-product .footer .price h4 {
    margin-bottom: 0
}

.card-background .card-description,
.card-background .category,
.card-background small {
    color: rgba(255, 255, 255, .7)
}

.card-background .card-title {
    color: #FFF;
    margin-top: 10px
}

.card-background:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, .56);
    border-radius: 6px
}

.card-product {
    margin-top: 30px
}

.card-product .btn-simple.btn-just-icon {
    padding: 0
}

.card-product .footer {
    margin-top: 5px
}

.card-product .footer .stats .material-icons {
    margin-top: 4px;
    top: 0
}

.card-login .card-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700
}

.card-login i {
    max-width: 24px;
    overflow: hidden;
    display: block
}

.card-login .text-divider {
    margin-top: 30px;
    margin-bottom: 0
}

.card-login .card-content {
    padding: 0 30px 0 10px
}

.card-login .checkbox {
    margin-top: 20px
}

.card-login .checkbox label {
    margin-left: 17px
}

.card-login .checkbox .checkbox-material {
    padding-right: 12px
}

.card-login .social-line {
    margin-top: 15px;
    padding: 0
}

.card-login .social-line .btn {
    color: #FFF;
    margin-left: 5px;
    margin-right: 5px
}

.nav-tabs {
    background: #9c27b0;
    border: 0;
    border-radius: 3px;
    padding: 0 15px
}

.nav-tabs>li>a {
    margin: 0;
    border-radius: 3px;
    line-height: 24px;
    text-transform: uppercase;
    font-size: 12px
}

.nav-tabs>li>a,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    background-color: transparent;
    border: 0!important;
    color: #FFF!important;
    font-weight: 500
}

.nav-tabs>li.disabled>a,
.nav-tabs>li.disabled>a:hover {
    color: rgba(255, 255, 255, .5)
}

.nav-tabs>li .material-icons {
    margin: -1px 5px 0 0
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: rgba(255, 255, 255, .2);
    transition: background-color .1s .2s
}

@media (min-width:992px) {
    .navbar-form {
        margin-top: 21px;
        margin-bottom: 21px;
        padding-left: 5px;
        padding-right: 5px
    }
    .navbar-nav.navbar-right>li>.dropdown-menu:after,
    .navbar-nav.navbar-right>li>.dropdown-menu:before {
        left: auto;
        right: 12px
    }
    .footer:not(.footer-big) nav>ul li:first-child {
        margin-left: 0
    }
    .card form [class*=col-]:first-child {
        padding-left: 15px
    }
    .card form [class*=col-]:last-child {
        padding-right: 15px
    }
    .sidebar .navbar-form,
    body>.navbar-collapse.collapse {
        display: none!important
    }
    .close-layer,
    .sidebar .nav-mobile-menu {
        display: none
    }
}

@media (max-width:991px) {
    .card .form-horizontal .checkbox-inline,
    .card .form-horizontal .checkbox-radios .checkbox:first-child,
    .card .form-horizontal .checkbox-radios .radio:first-child,
    .card .form-horizontal .form-group,
    .sidebar .nav-mobile-menu {
        margin-top: 0
    }
    .main-panel,
    .navbar .container,
    .navbar .container .navbar-header,
    .wrapper-full-page {
        -webkit-transition: all .33s cubic-bezier(.685, .0473, .346, 1);
        -moz-transition: all .33s cubic-bezier(.685, .0473, .346, 1);
        -o-transition: all .33s cubic-bezier(.685, .0473, .346, 1);
        -ms-transition: all .33s cubic-bezier(.685, .0473, .346, 1)
    }
    .form-group textarea {
        padding-top: 15px
    }
    .nav-open .menu-on-left .main-panel {
        position: initial
    }
    body,
    html {
        overflow-x: hidden
    }
    .nav-open .menu-on-left .main-panel,
    .nav-open .menu-on-left .navbar-fixed>div,
    .nav-open .menu-on-left .wrapper-full-page {
        transform: translate3d(260px, 0, 0)
    }
    .menu-on-left .off-canvas-sidebar,
    .menu-on-left .sidebar {
        left: 0;
        right: auto;
        transform: translate3d(-260px, 0, 0)
    }
    .menu-on-left .close-layer {
        left: auto;
        right: 0
    }
    .timeline:before,
    .timeline>li>.timeline-badge {
        left: 5%
    }
    .timeline>li>.timeline-panel {
        float: right;
        width: 86%
    }
    .timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto
    }
    .timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto
    }
    .nav-mobile-menu .dropdown .dropdown-menu {
        display: none
    }
    .nav-mobile-menu .dropdown.open .dropdown-menu {
        display: block
    }
    .nav-mobile-menu li.active>a {
        background-color: rgba(255, 255, 255, .1)
    }
    .navbar-minimize {
        display: none
    }
    .card .form-horizontal .label-on-left,
    .card .form-horizontal .label-on-right {
        padding-left: 15px;
        padding-top: 8px
    }
    .card .form-horizontal .checkbox-radios {
        padding-bottom: 15px
    }
    .sidebar {
        box-shadow: none
    }
    .sidebar .sidebar-wrapper {
        padding-bottom: 60px
    }
    .sidebar .nav-mobile-menu .notification {
        float: left;
        line-height: 30px;
        margin-right: 8px
    }
    .sidebar .nav-mobile-menu .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }
    .navbar-nav>li,
    body {
        position: relative
    }
    .navbar-transparent {
        padding-top: 15px;
        background-color: rgba(0, 0, 0, .45)
    }
    .nav-open .main-panel,
    .nav-open .navbar .container,
    .nav-open .navbar .container .navbar-header,
    .nav-open .wrapper-full-page {
        left: 0;
        transform: translate3d(-260px, 0, 0)
    }
    .nav-open .sidebar {
        box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .42), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
    }
    .nav-open .off-canvas-sidebar .navbar-collapse,
    .nav-open .sidebar {
        transform: translate3d(0, 0, 0)
    }
    .navbar .container,
    .navbar .container .navbar-header,
    .wrapper-full-page {
        transform: translate3d(0, 0, 0);
        transition: all .33s cubic-bezier(.685, .0473, .346, 1);
        left: 0
    }
    .off-canvas-sidebar .navbar .container {
        transform: none
    }
    .main-panel {
        width: 100%;
        transition: all .33s cubic-bezier(.685, .0473, .346, 1)
    }
    .navbar .navbar-collapse.collapse,
    .navbar .navbar-collapse.collapse.in,
    .navbar .navbar-collapse.collapsing {
        display: none!important
    }
    .off-canvas-sidebar .navbar .navbar-collapse.collapse,
    .off-canvas-sidebar .navbar .navbar-collapse.collapse.in,
    .off-canvas-sidebar .navbar .navbar-collapse.collapsing {
        display: block!important
    }
    .navbar-nav>li {
        float: none;
        display: block
    }
    .off-canvas-sidebar nav .navbar-collapse {
        margin: 0
    }
    .off-canvas-sidebar nav .navbar-collapse>ul {
        margin-top: 19px
    }
    .off-canvas-sidebar nav .navbar-collapse,
    .sidebar {
        position: fixed;
        display: block;
        top: 0;
        height: 100vh;
        width: 260px;
        right: 0;
        left: auto;
        z-index: 1032;
        visibility: visible;
        background-color: #9A9A9A;
        overflow-y: visible;
        border-top: none;
        text-align: left;
        padding-right: 0;
        padding-left: 0;
        transform: translate3d(260px, 0, 0);
        transition: all .33s cubic-bezier(.685, .0473, .346, 1)
    }
    .off-canvas-sidebar nav .navbar-collapse>ul,
    .sidebar>ul {
        position: relative;
        z-index: 4;
        width: 100%
    }
    .off-canvas-sidebar nav .navbar-collapse::before,
    .sidebar::before {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        position: absolute;
        background-color: #282828;
        display: block;
        content: "";
        z-index: 1
    }
    .off-canvas-sidebar nav .navbar-collapse .logo,
    .sidebar .logo {
        position: relative;
        z-index: 4
    }
    .off-canvas-sidebar nav .navbar-collapse .navbar-form,
    .sidebar .navbar-form {
        margin: 10px 0;
        float: none!important;
        padding-top: 1px;
        padding-bottom: 1px;
        position: relative
    }
    .off-canvas-sidebar nav .navbar-collapse .table-responsive,
    .sidebar .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }
    #bodyClick,
    .close-layer {
        left: auto;
        content: "";
        z-index: 9999;
        overflow-x: hidden
    }
    .form-group.form-search .form-control {
        font-size: 1.7em;
        height: 37px;
        width: 78%
    }
    .navbar-form .btn {
        position: absolute;
        top: 12px;
        right: 15px
    }
    .close-layer {
        height: 100%;
        width: 100%;
        position: absolute;
        opacity: 0;
        top: 0;
        background: rgba(0, 0, 0, .35);
        transition: all 370ms ease-in
    }
    .close-layer.visible,
    .navbar-toggle .icon-bar:nth-child(3) {
        opacity: 1
    }
    .navbar-toggle .icon-bar {
        display: block;
        position: relative;
        background: #fff;
        width: 24px;
        height: 2px;
        border-radius: 1px;
        margin: 0 auto
    }
    .navbar-header .navbar-toggle {
        padding: 15px;
        margin-top: 4px;
        width: 40px;
        height: 40px
    }
    .bar1,
    .bar2,
    .bar3 {
        outline: transparent solid 1px
    }
    @keyframes topbar-x {
        0% {
            top: 0;
            transform: rotate(0)
        }
        45% {
            top: 6px;
            transform: rotate(145deg)
        }
        75% {
            transform: rotate(130deg)
        }
        100% {
            transform: rotate(135deg)
        }
    }
    @keyframes topbar-back {
        0% {
            top: 6px;
            transform: rotate(135deg)
        }
        45% {
            transform: rotate(-10deg)
        }
        75% {
            transform: rotate(5deg)
        }
        100% {
            top: 0;
            transform: rotate(0)
        }
    }
    @keyframes bottombar-x {
        0% {
            bottom: 0;
            transform: rotate(0)
        }
        45% {
            bottom: 6px;
            transform: rotate(-145deg)
        }
        75% {
            transform: rotate(-130deg)
        }
        100% {
            transform: rotate(-135deg)
        }
    }
    @keyframes bottombar-back {
        0% {
            bottom: 6px;
            transform: rotate(-135deg)
        }
        45% {
            transform: rotate(10deg)
        }
        75% {
            transform: rotate(-5deg)
        }
        100% {
            bottom: 0;
            transform: rotate(0)
        }
    }
    .navbar-toggle .icon-bar:nth-child(2) {
        top: 0;
        animation: topbar-back .5s 0s;
        animation-fill-mode: forwards
    }
    .navbar-toggle .icon-bar:nth-child(4) {
        bottom: 0;
        animation: bottombar-back .5s 0s;
        animation-fill-mode: forwards
    }
    .navbar-toggle.toggled .icon-bar:nth-child(2) {
        top: 6px;
        animation: topbar-x .5s 0s;
        animation-fill-mode: forwards
    }
    .navbar-toggle.toggled .icon-bar:nth-child(3) {
        opacity: 0
    }
    .navbar-toggle.toggled .icon-bar:nth-child(4) {
        bottom: 6px;
        animation: bottombar-x .5s 0s;
        animation-fill-mode: forwards
    }
    @keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    .dropdown-menu .divider {
        background-color: rgba(229, 229, 229, .15)
    }
    .navbar-nav {
        margin: 1px 0
    }
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 15px 15px 5px 50px
    }
    .navbar-nav .open .dropdown-menu>li:first-child>a {
        padding: 5px 15px 5px 50px
    }
    .navbar-nav .open .dropdown-menu>li:last-child>a {
        padding: 15px 15px 25px 50px
    }
    [class*=navbar-] .navbar-nav .active>a,
    [class*=navbar-] .navbar-nav .active>a:focus,
    [class*=navbar-] .navbar-nav .active>a:hover,
    [class*=navbar-] .navbar-nav .navbar-nav .open .dropdown-menu>li>a:active,
    [class*=navbar-] .navbar-nav .open .dropdown-menu>li>a,
    [class*=navbar-] .navbar-nav .open .dropdown-menu>li>a:focus,
    [class*=navbar-] .navbar-nav .open .dropdown-menu>li>a:hover,
    [class*=navbar-] .navbar-nav>li>a,
    [class*=navbar-] .navbar-nav>li>a:focus,
    [class*=navbar-] .navbar-nav>li>a:hover {
        color: #fff
    }
    [class*=navbar-] .navbar-nav .open .dropdown-menu>li>a,
    [class*=navbar-] .navbar-nav .open .dropdown-menu>li>a:focus,
    [class*=navbar-] .navbar-nav .open .dropdown-menu>li>a:hover,
    [class*=navbar-] .navbar-nav>li>a,
    [class*=navbar-] .navbar-nav>li>a:focus,
    [class*=navbar-] .navbar-nav>li>a:hover {
        opacity: .7;
        background: 0 0
    }
    [class*=navbar-] .navbar-nav.navbar-nav .open .dropdown-menu>li>a:active {
        opacity: 1
    }
    [class*=navbar-] .navbar-nav .dropdown>a:hover .caret {
        border-bottom-color: #777;
        border-top-color: #777
    }
    [class*=navbar-] .navbar-nav .dropdown>a:active .caret {
        border-bottom-color: #fff;
        border-top-color: #fff
    }
    .dropdown-menu {
        display: none
    }
    .navbar-fixed-top {
        -webkit-backface-visibility: hidden
    }
    #bodyClick {
        height: 100%;
        width: 100%;
        position: fixed;
        opacity: 0;
        top: 0;
        right: 260px
    }
    .social-line .btn,
    .subscribe-line .form-control {
        margin: 0 0 10px
    }
    .footer:not(.footer-big) nav>ul li,
    .social-line.pull-right {
        float: none
    }
    .media-post .author,
    .social-area.pull-right {
        float: none!important
    }
    .form-control+.form-control-feedback {
        margin-top: -8px
    }
    .navbar-toggle:focus,
    .navbar-toggle:hover {
        background-color: transparent!important
    }
    .media-post .author {
        width: 20%;
        display: block;
        margin: 0 auto 10px
    }
    .media-post .media-body {
        width: 100%
    }
    .navbar-collapse.collapse {
        height: 100%!important
    }
    .navbar-collapse.collapse.in {
        display: block
    }
    .navbar-header .collapse,
    .navbar-toggle {
        display: block!important
    }
    .navbar-header {
        float: none
    }
    .navbar-collapse .nav p {
        font-size: 14px;
        margin: 0
    }
}

@media (min-width:768px) {
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0
    }
}

@media (max-width:767px) {
    .main-panel .content {
        padding-left: 0;
        padding-right: 0
    }
    .card .card-header.card-header-text,
    .fileinput {
        display: block
    }
    .navbar-form .form-group {
        margin-bottom: 0
    }
    .table-responsive {
        border: none
    }
    .modal-small {
        width: auto;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width:992px) {
    .table-full-width {
        margin-left: -20px;
        margin-right: -20px
    }
    .table-responsive {
        overflow: auto
    }
}

@media all and (max-width:490px) {
    .nav-center .nav-pills-icons {
        max-width: 211px
    }
}

@media screen and (max-width:470px) {
    .fc-toolbar .fc-left {
        margin-bottom: 15px
    }
}

.rtl-active .bootstrap-navbar,
.rtl-active .sidebar {
    right: 0;
    left: auto
}

.rtl-active .bootstrap-navbar .nav-mobile-menu .notification,
.rtl-active .sidebar .nav-mobile-menu .notification {
    float: right;
    margin-right: 0;
    margin-left: 8px
}

.rtl-active .bootstrap-navbar .nav i,
.rtl-active .sidebar .nav i {
    float: right;
    margin-left: 15px;
    margin-right: 0
}

.rtl-active .bootstrap-navbar .nav p,
.rtl-active .sidebar .nav p {
    margin-right: 45px;
    text-align: right
}

.rtl-active .bootstrap-navbar .nav .caret,
.rtl-active .sidebar .nav .caret {
    left: 11px;
    right: auto
}

.rtl-active .bootstrap-navbar .logo a.logo-mini,
.rtl-active .sidebar .logo a.logo-mini {
    float: right;
    margin-right: 30px;
    margin-left: 10px
}

.rtl-active .bootstrap-navbar .logo .simple-text,
.rtl-active .bootstrap-navbar .user .info>a>span,
.rtl-active .sidebar .logo .simple-text,
.rtl-active .sidebar .user .info>a>span {
    text-align: right
}

.rtl-active .bootstrap-navbar .user .photo,
.rtl-active .sidebar .user .photo {
    float: right;
    margin-left: 12px;
    margin-right: 23px
}

.rtl-active .bootstrap-navbar .user .info .caret,
.rtl-active .sidebar .user .info .caret {
    left: 22px;
    right: auto
}

.rtl-active .bootstrap-navbar .sidebar-wrapper .nav [data-toggle=collapse]~div>ul>li>a .sidebar-mini,
.rtl-active .bootstrap-navbar .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-mini,
.rtl-active .sidebar .sidebar-wrapper .nav [data-toggle=collapse]~div>ul>li>a .sidebar-mini,
.rtl-active .sidebar .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-mini {
    float: right;
    margin-left: 15px;
    margin-right: 0
}

.rtl-active .navbar-header .navbar-toggle {
    margin: 10px 0 10px 15px
}

.rtl-active .nav-pills>li+li,
.rtl-active .navbar>.container-fluid .navbar-brand {
    margin-right: 0
}

.rtl-active .btn:not(.btn-just-icon):not(.btn-fab) .fa,
.rtl-active .navbar .navbar-nav>li>a.btn:not(.btn-just-icon):not(.btn-fab) .fa {
    left: 5px
}

.rtl-active .card .card-header.card-header-icon {
    float: right
}

.rtl-active .main-panel {
    float: left
}

.rtl-active .dropdown-menu {
    right: 0;
    left: auto
}

.rtl-active .card .card-header.card-header-tabs .nav-tabs-title {
    float: right;
    padding: 10px 0 10px 10px
}

.rtl-active .card.card-product .card-footer {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between
}

.rtl-active .navbar-nav.navbar-right>li>.dropdown-menu:after,
.rtl-active .navbar-nav.navbar-right>li>.dropdown-menu:before {
    right: auto;
    left: 12px
}

.rtl-active .card .form-horizontal .label-on-left {
    padding-top: 16px;
    text-align: left
}

.rtl-active .checkbox .checkbox-material .check:before {
    left: 0
}

.rtl-active .form-horizontal .radio label span {
    right: 2px
}

.rtl-active .checkbox .checkbox-material {
    padding-left: 5px;
    padding-right: 0
}

.rtl-active .checkbox .checkbox-material:before {
    left: 5px
}

.rtl-active .card .checkbox .checkbox-material:before {
    left: 0
}

.rtl-active .checkbox-inline,
.rtl-active .radio-inline {
    padding-right: 0;
    margin-top: 5px
}

.rtl-active .form-horizontal .checkbox-radios .checkbox:first-child,
.rtl-active .form-horizontal .checkbox-radios .radio:first-child {
    margin-top: 5px
}

.rtl-active .checkbox label,
.rtl-active .radio label {
    padding: 0
}

.rtl-active .radio label {
    padding-right: 28px
}

.rtl-active .card .form-horizontal .label-on-right {
    text-align: right;
    padding-top: 17px
}

.rtl-active .alert button.close {
    left: 10px!important;
    right: auto!important
}

.rtl-active .alert span[data-notify=icon],
.rtl-active .alert.alert-with-icon i[data-notify=icon] {
    right: 15px;
    left: auto
}

.rtl-active .alert.alert-with-icon {
    padding-right: 65px;
    padding-left: 15px
}

@media (max-width:991px) {
    .rtl-active .sidebar .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .rtl-active .sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal {
        text-align: right
    }
}

@media (max-width:768px) {
    .rtl-active .navbar>.container-fluid .navbar-brand {
        margin-right: 15px
    }
    .rtl-active .navbar-header .navbar-toggle {
        margin-left: 30px
    }
}

@media (min-width:991px) {
    .rtl-active.sidebar-mini .bootstrap-navbar .nav i,
    .rtl-active.sidebar-mini .sidebar .nav i {
        margin: 0
    }
    .rtl-active.sidebar-mini .sidebar .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .rtl-active.sidebar-mini .sidebar .sidebar-wrapper .user .info>a>span,
    .rtl-active.sidebar-mini .sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .rtl-active.sidebar-mini .sidebar .sidebar-wrapper>.nav li>a p {
        position: relative
    }
    .rtl-active.sidebar-mini .sidebar .logo a.logo-normal,
    .rtl-active.sidebar-mini .sidebar .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .rtl-active.sidebar-mini .sidebar .sidebar-wrapper .user .info>a>span,
    .rtl-active.sidebar-mini .sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .rtl-active.sidebar-mini .sidebar .sidebar-wrapper>.nav li>a p,
    .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper .user .info>a>span,
    .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper>.nav li>a p {
        transform: translateX(25px)
    }
    .rtl-active.sidebar-mini .sidebar:hover .logo a.logo-normal,
    .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper .user .info>a>span,
    .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
    .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper>.nav li>a p {
        transform: translate3d(0, 0, 0)
    }
}

#map,
.tim-typo {
    position: relative
}

#map {
    width: 100%;
    height: calc(100% - 60px);
    margin-top: 70px
}

.places-buttons .btn {
    margin-bottom: 30px
}

.space-70 {
    height: 70px;
    display: block
}

.tim-row {
    margin-bottom: 20px;
    padding-top: 50px
}

.tim-typo {
    padding-left: 25%;
    margin-bottom: 40px
}

.tim-typo .tim-note {
    bottom: 10px;
    color: #c0c1c2;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    left: 0;
    margin-left: 20px;
    position: absolute;
    width: 260px
}

.tim-row h3 {
    margin-top: 0
}

.fixed-plugin .badge,
.fixed-plugin li>a {
    transition: all .34s;
    -webkit-transition: all .34s;
    -moz-transition: all .34s
}

.fixed-plugin {
    position: fixed;
    right: 0;
    width: 64px;
    background: rgba(0, 0, 0, .3);
    z-index: 1031;
    border-radius: 8px 0 0 8px;
    text-align: center
}

.fixed-plugin .fa-cog {
    color: #FFF;
    padding: 10px;
    border-radius: 0 0 6px 6px;
    width: auto
}

.fixed-plugin .dropdown-menu {
    right: 80px;
    left: auto;
    width: 290px;
    border-radius: 10px;
    padding: 0 10px
}

.fixed-plugin .dropdown-menu:after,
.fixed-plugin .dropdown-menu:before {
    margin-left: auto;
    left: auto
}

.fixed-plugin .fa-circle-thin {
    color: #FFF
}

.fixed-plugin .active .fa-circle-thin {
    color: #0bf
}

.fixed-plugin .dropdown-menu>.active>a,
.fixed-plugin .dropdown-menu>.active>a:focus,
.fixed-plugin .dropdown-menu>.active>a:hover {
    color: #777;
    text-align: center
}

.fixed-plugin img {
    border-radius: 0;
    width: 100%;
    height: 100px;
    margin: 0 auto
}

.fixed-plugin .dropdown-menu li>a:focus,
.fixed-plugin .dropdown-menu li>a:hover {
    box-shadow: none
}

.fixed-plugin .badge {
    border: 3px solid #FFF;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin-right: 5px;
    position: relative;
    width: 23px
}

.fixed-plugin .badge.active,
.fixed-plugin .badge:hover {
    border-color: #0bf
}

.fixed-plugin .badge-blue {
    background-color: #00bcd4
}

.fixed-plugin .badge-green {
    background-color: #26c6da
}

.fixed-plugin .badge-orange {
    background-color: #ff9800
}

.fixed-plugin .badge-purple {
    background-color: #9c27b0
}

.fixed-plugin .badge-red {
    background-color: #f44336
}

.fixed-plugin .badge-rose {
    background-color: #e91e63
}

.fixed-plugin .badge-black {
    background-color: #000
}

.fixed-plugin .badge-white {
    background-color: rgba(200, 200, 200, .2)
}

.fixed-plugin h5 {
    font-size: 14px;
    margin: 10px
}

.fixed-plugin .dropdown-menu li {
    display: block;
    padding: 5px 2px;
    width: 25%;
    float: left
}

.fixed-plugin li.adjustments-line,
.fixed-plugin li.button-container,
.fixed-plugin li.header-title {
    width: 100%;
    height: 50px;
    min-height: inherit
}

.fixed-plugin li.button-container {
    height: auto
}

.fixed-plugin li.button-container div {
    margin-bottom: 5px
}

.fixed-plugin #sharrreTitle {
    text-align: center;
    padding: 10px 0;
    height: 50px
}

.fixed-plugin li.header-title {
    height: 30px;
    line-height: 25px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase
}

.fixed-plugin .adjustments-line p {
    float: left;
    display: inline-block;
    margin-bottom: 0;
    font-size: 1em;
    color: #3C4858
}

.fixed-plugin .adjustments-line a .badge-colors {
    position: relative;
    top: -2px
}

.fixed-plugin .adjustments-line .togglebutton {
    float: right
}

.fixed-plugin .adjustments-line .togglebutton .toggle {
    margin-right: 0
}

.fixed-plugin .dropdown-menu>li.adjustments-line>a {
    padding-right: 0;
    padding-left: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    margin: 0
}

.fixed-plugin .dropdown-menu>li>a.img-holder {
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
    background-color: #FFF;
    border: 3px solid #FFF;
    opacity: 1;
    cursor: pointer;
    max-height: 100px;
    overflow: hidden;
    padding: 0
}

.fixed-plugin .dropdown-menu>li>a.switch-trigger:focus,
.fixed-plugin .dropdown-menu>li>a.switch-trigger:hover {
    background-color: transparent
}

.fixed-plugin .dropdown-menu>li:focus>a.img-holder,
.fixed-plugin .dropdown-menu>li:hover>a.img-holder {
    border-color: rgba(0, 187, 255, .53)
}

.fixed-plugin .dropdown-menu>.active>a.img-holder {
    border-color: #0bf;
    background-color: #FFF
}

.fixed-plugin .dropdown-menu:after,
.fixed-plugin .dropdown-menu:before {
    border-bottom: 16px solid transparent;
    border-top: 16px solid transparent
}

.fixed-plugin .dropdown-menu>li>a img {
    margin-top: auto
}

.fixed-plugin .btn-social {
    display: block;
    width: 48%;
    float: left;
    font-weight: 600
}

.fixed-plugin .btn-social i {
    margin-right: 5px
}

.fixed-plugin .btn-social:first-child {
    margin-right: 2%
}

.fixed-plugin .dropdown .dropdown-menu {
    transform: translateY(-15%);
    top: 27px;
    opacity: 0;
    transform-origin: 0 0
}

.fixed-plugin .dropdown.open .dropdown-menu {
    opacity: 1;
    transform: translateY(-13%);
    transform-origin: 0 0
}

.fixed-plugin .dropdown-menu:after,
.fixed-plugin .dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 78px;
    width: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%)
}

.fixed-plugin .dropdown-menu:before {
    border-left: 16px solid rgba(0, 0, 0, .2);
    right: -17px
}

.fixed-plugin .dropdown-menu:after {
    border-left: 16px solid #FFF;
    right: -16px
}

.wrapper-full-page~.fixed-plugin .dropdown.open .dropdown-menu {
    transform: translateY(-17%)
}

.wrapper-full-page~.fixed-plugin .dropdown .dropdown-menu {
    transform: translateY(-19%)
}

.fixed-plugin {
    top: 120px
}

@media (min-width:992px) {
    .typo-line {
        padding-left: 140px;
        margin-bottom: 40px;
        position: relative
    }
    .typo-line .category {
        transform: translateY(-50%);
        top: 50%;
        left: 0;
        position: absolute
    }
}

@media (max-width:991px) {
    .wrapper-full-page~.fixed-plugin .dropdown-menu:after,
    .wrapper-full-page~.fixed-plugin .dropdown-menu:before {
        top: 99px
    }
    .wrapper-full-page~.fixed-plugin .adjustments-line a .badge-colors {
        top: 3px
    }
    .wrapper-full-page~.fixed-plugin .adjustments-line+.header-title {
        margin-top: 15px
    }
    .fixed-plugin .dropdown-menu {
        right: 81px;
        width: 250px
    }
    .fixed-plugin li.button-container {
        height: auto
    }
    .fixed-plugin .adjustments-line .switch {
        float: right;
        margin: 0
    }
    .fixed-plugin li.header-title {
        height: 40px
    }
    .fixed-plugin .dropdown .dropdown-menu {
        top: 10px
    }
    .fixed-plugin .dropdown-menu:after,
    .fixed-plugin .dropdown-menu:before {
        top: 96px
    }
    .fixed-plugin .dropdown-menu>li>a.img-holder {
        max-height: 75px
    }
    .fixed-plugin {
        top: 80px
    }
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/main.css?ngGlobalStyle (1) ***!
  \***********************************************************************************************************************************************************************************************************************************/
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700'); */

/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */

/*@import url('http://fonts.cdnfonts.com/css/proxima-nova-2');*/
/* This stylesheet generated by Transfonter (https://transfonter.org) on June 21, 2017 9:51 AM */


/* Start of Material icons */

/*@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot);
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com2268/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}*/

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}


/* End of Material icons */


/*common design starts*/

body {
    font-family: 'Poppins', sans-serif;
    background: #f0f3f4;
    color: #58666e;
    font-weight: 400;
    line-height: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
    font-family: 'Poppins', sans-serif;
}

.close-search {
    position: absolute;
    top: 8px;
    left: auto;
    right: 8px;
    font-size: 11px !important;
    border-radius: 50%;
    padding: 3px;
    color: #fc4b6c;
    background: rgba(252, 75, 108, 0.4);
}

.close-search:hover {
    position: absolute;
    top: 8px;
    left: auto;
    right: 8px;
    font-size: 11px;
    background: #fc4b6c;
    border-radius: 50%;
    padding: 3px;
    color: #fff;
}

.static-table .form-group .close-search {
    top: 1px;
}

.popup-modal-body .content-area .close-search {
    position: absolute;
    top: 18px;
    left: auto;
    right: 22px;
    font-size: 14px;
}

.btn-icon {
    padding: 5px;
}

.tooltip-inner {
    padding: 7px 10px;
    min-width: 120px;
    color: #333;
}

.box-shadow-normal {
    box-shadow: 0 2px 10px 0 rgba(96, 130, 143, 0.3);
}

.wrapper {
    position: relative;
    top: 0;
    height: auto;
}

a {
    color: #666666;
}

a:hover {
    color: #666666;
}

.dropdown-menu li a:hover {
    background-color: #fafafa;
    color: #333;
    box-shadow: none;
    cursor: pointer;
}

i {
    cursor: pointer;
}

.norecordfound img {
    height: auto;
    width: 80px;
}

.perfect-scrollbar-on::-webkit-scrollbar,
.panel-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #f1f4f5;
    /** or add it to the track **/
}

.perfect-scrollbar-on,
.panel-scrollbar {
    overflow: auto;
}

.perfect-scrollbar-on::-webkit-scrollbar-thumb,
.panel-scrollbar::-webkit-scrollbar-thumb {
    background: #666;
}


/* .fixed {
 position: fixed!important;
 top: 62px!important;
 width: 97%!important;
 } */

.fixed .perfect-scrollbar-on::-webkit-scrollbar,
.fixed::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #f1f4f5;
    /** or add it to the track **/
}

.perfect-scrollbar-on,
.fixed {
    overflow: auto;
}

.perfect-scrollbar-on::-webkit-scrollbar-thumb,
.fixed::-webkit-scrollbar-thumb {
    background: #c9c7c7;
}

.sidebar .perfect-scrollbar-on::-webkit-scrollbar,
.sidebar .panel-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 8px;
    background-color: #f1f4f5;
    /** or add it to the track **/
}

.main-panel {
    position: relative;
    float: right;
    /* width: calc(100% - 260px); */
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    margin-top: 50px;
    padding: 0;
    /* min-height: calc(100vh - 123px); */
}

.main-panel>.main-content {
    margin-top: 60px;
    padding: 10px 0;
    min-height: calc(100vh - 123px);
}

.main-panel>.content {
    margin-top: 60px;
    padding: 0;
    min-height: calc(100vh - 123px);
}

.mainbody-container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.clr-green {
    color: #4caf50;
}

.clr-red {
    color: #f44336;
}

.clr-blue {
    color: #02a8f3;
}

.card {
    width: 100%;
    margin: 0;
    color: inherit;
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid transparent;
    border-radius: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}

.card .card-content {
    padding: 10px 15px;
    position: relative;
}


/* 
.card-action-buttons {
  text-align: right!important;
} */

.card-action-buttons .btn {
    border: none;
    border-radius: 3px;
    position: relative;
    padding: 0;
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.card .card-title {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    color: #555555;
    font-weight: 500;
}

.table-head-section .card-title {
    margin-top: 0;
}

.btn.btn-primary,
.btn.btn-primary:hover {
    background-color: #00b0e4;
    color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgb(186 186 186 / 14%), 0 3px 1px -2px rgb(180 180 180 / 20%), 0 1px 5px 0 rgb(156 156 156 / 12%);
    font-size: 11px !important;
    font-weight: 400 !important;
    padding: 9px 20px;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: #00b0e4;
    color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgb(186 186 186 / 14%), 0 3px 1px -2px rgb(180 180 180 / 20%), 0 1px 5px 0 rgb(156 156 156 / 12%);
    font-weight: 600;
    font-size: 12px;
    padding: 2px 20px;
}

.wizard-card {
    min-height: 410px;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    opacity: 1;
    transition: all 300ms linear;
}

.background-runing {
    display: flex;
    background-color: #323232;
    border: 1px transparent solid;
    bottom: 24px;
    color: #fff;
    font-size: 14px;
    height: 52px;
    border-radius: 3px 3px 0 0;
    z-index: 1051;
    opacity: 1;
    box-sizing: border-box;
}

.running-file {
    flex: 0 1 auto;
    cursor: default;
    display: inline-block;
    font-weight: inherit;
    overflow: hidden;
    padding: 13px 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 203px;
    width: initial;
}

.rich-text-box .card .card-content {
    height: 380px;
    overflow-y: scroll;
}

.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus {
    box-shadow: none;
}

.user-data {
    color: #777;
    font-size: 12px;
}

.user-data-img img {
    height: 42px;
}

.action-btn .cancel,
.action-btn .cancel:hover,
.action-btn .cancel:focus {
    background: transparent;
    color: #777;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border: none;
}


/* common design ends */


/*nav bar style starts*/

.navbar .navbar-nav>li>a:not(.btn) .material-icons {
    color: #666;
}
.navbar .navbar-brand {
    padding: 0;
    position: relative;
    top: 3px;
    left: 3px;
}

.logo img {
    height: 28px;
    width: 120px;
    margin: 0;
    opacity: 1;
}

.logo img {
    /* width: 30px !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    top: 12px;
    left: 10px;*/
}

.productnamelogo {
    color: #000;
    padding-left: 17px;
    vertical-align: middle;
    position: relative;
    top: 12px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: monospace;
}

.navbar.navbar-transparent {
    border-image: none;
    border-radius: 0;
    z-index: 99;
    transition: all 1s;
    height: auto;
    position: fixed;
    box-shadow: 0 0px rgb(0 0 0 / 5%), 0 0px 0 rgb(0 0 0 / 5%);
    border-color: #F9F8F8;
    background: #fff;
}

.navbar-absolute {
    padding: 0;
}

.navbar-minimize .btn.btn-just-icon {
    font-size: 20px;
    padding: 6px 6px 6px 6px;
    line-height: 1em;
    margin-top: 0;
}

.navbar .navbar-minimize {
    float: left;
    padding: 3px 0 0 0;
}

.nav-pills.nav-pills-rose>li.active>a,
.nav-pills.nav-pills-rose>li.active>a:focus,
.nav-pills.nav-pills-rose>li.active>a:hover {
    background-color: #aaaaaa;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px #eee;
}

.top-right-nav {
    margin: 5px 0;
}

.signout-option img {
    border-radius: 50%;
    width: 35px;
    margin-left: 10px;
    min-width: 35px;
    background-size: 100% 100%;
    min-height: 35px;
    height: 35px;
}

.signout-option .login-user-name {
    display: inline-block;
    color: #22252b;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.signout-option .dropdown-menu {
    padding: 0;
}

.signout-option .navbar-nav>li>.dropdown-menu {
    margin-top: 10px;
}

.signout-option .signout-container {
    width: 100%;
    padding: 0;
    border: 1px solid #f5f5f5;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    cursor: default;
}

.signout-option .signout-header {
    padding: 5px 10px;
    background: #CCF3E9;
    font-size: 11px;
    color: #111;
    border-bottom: 1px solid #b8eee0;
}

.signout-option .signout-body {
    padding: 10px 5px;
    display: flex;
}

.signout-option .signout-body img {
    width: 30px;
    border-radius: 50%;
    min-height: auto;
    max-height: max-content;
    margin: 0 10px;
    position: relative;
    top: 5px;
}

.signout-option .signout-body .card-name {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    color: #333;
    margin: 0;
}

.signout-modal li a {
    box-shadow: none !important;
    text-align: left !important;
    margin: 0;
}

.signout-option .signout-body .card-email {
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    color: #58666e;
}

.signout-option .signout-footer {
    padding: 5px;
    height: 38px;
    background: #f5f5f5;
    border-top: 1px solid #e0e0e0;
}

.signout-option .signout-footer .help,
.signout-option .signout-footer .help:hover {
    font-size: 11px;
    line-height: 2.8;
    padding-left: 5px;
    text-align: left;
    color: #666666;
    background: transparent;
    box-shadow: none;
}


/*nav bar style ends*/


/*sidebar design starts*/

.sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 260px;
    background: #fff;
    box-shadow: none;
}

.sidebar .sidebar-wrapper {
    margin-top: 0;
    overflow-y: scroll !important;
}

.sidebar .nav {
    margin-top: 0;
}

.search-icon-data {
    font-size: 13px;
    color: #555555;
    text-align: center;
    padding: 0;
    font-weight: 500;
    margin-bottom: 0;
}

.sidebar .user .photo {
    width: 34px;
    height: 34px;
    overflow: hidden;
    float: left;
    z-index: 5;
    margin-right: 11px;
    border-radius: 50%;
    margin-left: 14px;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.sidebar-mini .sidebar .card-calendar .fc th {
    text-align: right;
    color: #999999;
}

.sidebar .user {
    padding-bottom: 0;
    margin: 10px 0;
    position: relative;
}

.sidebar .user:after {
    border-bottom: 1px dotted #ccc;
}

.sidebar .nav li:first-child>a {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
}

.sidebar .nav li>a {
    margin: 0;
    border-radius: 0;
    padding: 10px 6px;
    font-size: 12px;
    font-weight: 600;
    background: transparent;
}

.sidebar .nav li>a i.add-action {
    font-size: 22px;
}

.sidebar .nav li>a:hover {
    border-left: 0 solid #fff;
    padding: 10px 6px;
    color: #fff;
    border-radius: 0;
}

.sidebar .nav li>a:hover p,
.sidebar .nav li>a:hover i {
    color: #fff !important;
}

.sidebar .nav li>a.active {
    border-left: 3px solid #fff;
    padding: 10px 4px;
    color: #fff;
    background: #242739;
    border-radius: 0;
}

.sidebar .nav li>a.active p,
.sidebar .nav li>a.active i {
    color: #fff !important;
}

.sidebar .nav i {
    font-size: 22px;
    float: left;
    margin-right: 10px;
    line-height: 30px;
    text-align: center;
    color: #fafafa !important;
}

.sidebar .nav p {
    margin: 0;
    line-height: 30px;
    font-size: 12px;
    position: relative;
    display: block;
    height: auto;
    white-space: nowrap;
    color: #7B7D88;
    font-weight: 600;
}

.sub_menus {
    margin-left: 0;
    background: #f9f9f9;
    border-top: 1px dotted #ccc;
    border-bottom: 1px solid #ccc;
}

.sub_menus .nav {
    margin-top: 0 !important;
}

.sub_menus .nav li>a {
    padding: 10px 15px 10px 15px;
}

.sub_menus .nav li>a:hover {
    padding: 10px 15px 10px 5px;
}

.sidebar .user .info>a {
    display: block;
    line-height: 34px;
    color: #6c757d;
    font-weight: 600;
}

.sub_menus {
    border: none !important;
}

.sub_menu_list {
    position: fixed !important;
    left: 260px !important;
    top: 110px !important;
    height: calc(100vh - 20px) !important;
    width: 230px !important;
    /*transition-delay: 0.1s;*/
    visibility: hidden;
    box-shadow: 1px 0 7px rgba(000, 000, 000, 0.45);
    border-radius: 5px;
}

.sub_menu_list:hover+.sidebar-wrapper {
    transition-delay: 15s;
}

.sub_menu_list:hover {
    transition-delay: 2000s;
    visibility: hidden;
}

.sub_menu_list li a {
    padding: 10px 10px !important;
    border-bottom: 1px dotted #ccc;
}

.sub_menu_list li a:hover {
    padding: 10px 10px !important;
    border-bottom: 1px dotted #ccc;
}


/*li.sub_menus ul.sub_menu_list{
  top: 0!important;
  position: absolute;
  left: 100%;
  }*/

.sidebar-wrapper .sub_menus:hover+.sub_menu_list,
.sub_menu_list li a:hover+.sidebar-wrapper,
.sub_menu_list li a:hover+.sub_menu_list {
    visibility: visible;
    display: block;
    transition-delay: 0.3s;
}

.sidebar-wrapper .sub_menu_list li a:hover+.sidebar-wrapper,
.sidebar-wrapper .sub_menu_list li a:hover+.sub_menu_list {
    visibility: visible;
    display: block;
    transition-delay: 12s;
}

/*side bar design ends*/

/*table style starts*/
.table-head-section {
    border-bottom: 1px solid #ececec;
}

.static-table .btn-allstatus {
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(153, 153, 153, 1), 0 1px 0 0 rgba(153, 153, 153, 1), 0 0 5px 0 rgba(153, 153, 153, 1);
}

.static-table .table>thead>tr>th {
    padding: 10px 5px !important;
    vertical-align: top;
    font-size: 13px;
    color: #555555;
    font-weight: 500;
    text-transform: uppercase;
    background: #dee6e9;
}

.static-table .table>tbody>tr>td {
    padding: 10px 5px !important;
    vertical-align: top !important;
    font-size: 12px;
    color: #222;
    font-weight: 400;
    border-top: 1px solid #f7f7f7;
    /* min-width: 120px; */
}
.static-table .table>thead>tr>th{
    border-bottom: none;
}
/* .static-table .btn.btn-just-icon{
  font-size: 12px;
  padding: 5px 5px;
  line-height: 0;
  font-weight: 400;
  } */
.static-table .btn.btn-just-icon {
    font-size: 10px;
    padding: 8px 15px;
    line-height: 0;
    font-weight: 400;
    margin: 0;
}

.static-table .navbar-form {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.static-table .form-group {
    padding-bottom: 10px;
    margin: 0;
}

.static-table .table-head-section .add-and-search {
    list-style: none;
    float: right;
    padding: 0;
    margin: 0;
    /*margin-top: 5px;*/
}

.static-table .table-head-section .add-and-search input::-webkit-input-placeholder {
    font-size: 12px;
}

.static-table .table-head-section .add-and-search li {
    display: inline-flex;
    padding-left: 10px;
}

.static-table .navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
}

.static-table .navbar-nav>li>a:hover {
    background: transparent;
}

.static-table .form-group.form-group-sm {
    padding-bottom: 10px;
    margin: 0 0 0 0;
    width: 100%;
}

.btn.btn-simple,
.btn.btn-default.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-default.btn-simple {
    background-color: transparent;
    color: #777777;
    box-shadow: none;
}

.static-table .form-control,
.form-group .form-control {
    /* margin-top: 18px; */
    margin-top: 0;
    padding: 0 5px;
    color: #495057;
    font-size: 13px;
}

.static-table .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
}

table thead tr {
    color: #000;
    font-weight: 400;
    background: #F7F7F7;
    height: 40px;
}

.fc-widget-header table thead tr {
    color: #636363;
    font-weight: 400;
    background: #e6e6e6;
    height: 40px;
}

.static-table .form-control,
.static-table .form-group .form-control {
    border: 0;
    background-image: none;
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
    border-bottom: .75pt solid #d5dce0;
}

.static-table .form-group label.control-label {
    font-size: 11px;
    line-height: 1.0714285718;
    color: #989fa2;
    font-weight: 400;
    margin: 16px 0 0 10px;
}

.table thead label {
    font-size: 8px;
    margin-bottom: 0;
}

.table-head-section .form-control {
    height: 28px;
    margin-top: 0;
    border-bottom: .75pt solid #aaaaaa !important;
}

.table-head-section .static-table .form-group {
    padding-bottom: 10px;
    margin-top: 9px;
}

.table thead label {
    font-size: 8px;
    margin-bottom: 0;
}

.table-head-section .form-control {
    height: 24px;
    margin-top: 0;
}

.table-head-section .static-table .form-group {
    padding-bottom: 10px;
    margin-top: 9px;
}


/*table style ends*/


/*table-pagination style starts*/

.table-pagination .ngx-pagination ul {
    padding-left: 0;
}

.table-pagination .ngx-pagination li a {
    background: transparent;
    color: #222;
    font-weight: 600;
}

.table-pagination .ngx-pagination li {
    border: 0;
    border-radius: 30px !important;
    transition: all .3s;
    padding: 0 10px;
    margin: 5px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    color: #999999;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}


/* .table-pagination .ngx-pagination li:hover{
  background-color: #eee;
  border-color: #ddd;
  padding: 0 6px;
  
  } */

.table-pagination .ngx-pagination li.current {
    border: 0;
    border-radius: 30px !important;
    transition: all .3s;
    padding: 0 13px;
    margin: 0;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #03a9f3 !important;
    border-color: #03a9f3;
    color: #fff;
    box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2);
}

.ngx-pagination .disabled {
    color: #5b5b5b !important;
}

.table-pagination .ngx-pagination .pagination-previous a::before,
.ngx-pagination .pagination-previous.disabled::before,
.ngx-pagination .pagination-next a::after,
.ngx-pagination .pagination-next.disabled::after {
    content: none !important;
}


/*table-pagination style ends*/


/*input styling starts*/

.btn-cancel {
    background: #fff;
    color: #777;
    border-radius: 3px;
    padding: 0 2px;
    box-shadow: 0 0 0 0 rgba(153, 153, 153, 1), 0 0 0 0 rgba(153, 153, 153, 1), 0 0 1px 0 rgba(153, 153, 153, 1);
}

.form-group .file-type-choose {
    position: relative;
    overflow: hidden;
}

.form-group .file-type-choose input {
    position: absolute;
    font-size: 50px;
    opacity: 0;
    right: 0;
    top: 0;
}

.form-group .btn.file-type-choose {
    margin: 0;
    background: transparent;
    color: #555;
    box-shadow: none;
    border: 0.75pt solid #d5dce0;
    width: 100%;
    text-align: left;
    height: 36px;
    line-height: 2.3;
    padding: 5px 7px;
    text-transform: capitalize;
}

.form-group .btn.file-type-choose:hover,
.form-group .btn.file-type-choose:focus {
    background: transparent;
    color: #555;
    box-shadow: none;
}

.form-control[disabled],
fieldset[disabled] .form-control,
.form-group .form-control[disabled],
fieldset[disabled] .form-group .form-control {
    background-image: none;
    border-bottom: 1px dotted #dedede;
    background: #f5f5f5 !important;
}

.form-group.label-floating.is-focused label.control-label {
    top: -33px;
    left: 0;
    font-size: 11px;
    line-height: 1.0714285718;
}

.form-group.label-floating:not(.is-empty) label.control-label {
    top: -33px;
    left: 0;
    font-size: 11px;
    line-height: 1.0714285718;
}

.form-effect .form-effect-group input,
.form-effect .form-effect-group textarea {
    border: none;
    border-bottom: 1px solid #e2e2e2;
    background-color: #fff;
    border-radius: 0;
    transition: 0.5s;
}

.form-control option {
    font-size: 12px;
    padding: 10px;
    color: #828282;
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check {
    background: #333;
}

.checkbox .checkbox-material:before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    background-color: #000000d6;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    transform: scale3d(2.3, 2.3, 1);
    top: -5px;
}

.form-group.is-focused .form-control {
    outline: none;
    /**background-image: linear-gradient(#607d8b, #607d8b), linear-gradient(#D2D2D2, #D2D2D2);**/
    background-image: none;
    background-size: 100% 2px, 100% 1px;
    box-shadow: none;
    transition-duration: 0.3s;
}

.form-control,
.form-group .form-control {
    border: 0;
    background-image: none;
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    color: #000000 !important;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
}

.checkbox .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #0000008a;
    overflow: hidden;
    z-index: 1;
    border-radius: 2px;
}

.checkbox .checkbox-material .check:before {
    position: absolute;
    content: "";
    transform: rotate(45deg);
    display: block;
    margin-top: -5px;
    margin-left: 5px;
    width: 0;
    height: 0;
    background: red;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    animation: checkbox-off 0.3s forwards;
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
    top: -7px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #777;
    left: 10px;
}

.form-group .checkbox label,
.form-group .radio label,
.form-group label,
.form-group .label-on-left,
.form-group .label-on-right,
.form-group label.control-label,
label.control-label {
    font-size: 11px;
    line-height: 1.428571429;
    color: #777 !important;
    font-weight: 400;
}

.checkbox label {
    color: #777;
}

.multiple-select-tags .bootstrap-tagsinput {
    padding: 0 !important;
}

.multiple-select-tags .bootstrap-tagsinput .tag {
    cursor: pointer;
    margin: 2px 3px 2px 0;
    position: relative;
    padding: 3px 8px;
    border-radius: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    text-transform: inherit;
    display: inline-block;
    line-height: 1.5em;
    padding-left: 0.8em;
}

.multiple-select-tags .bootstrap-tagsinput .tag:hover {
    padding-right: 18px;
    background: #ddd;
    color: #151b26;
}

.multiple-select-tags .bootstrap-tagsinput .tag:hover [data-role="remove"]:after {
    content: "x";
    padding: 0 2px;
    color: red;
    font-size: 14px;
}

.dropdown-list-styling .dropdown-menu-list {
    width: 100%;
    top: 60px;
}

.dropdown-list-styling .dropdown-menu-list li a:hover,
.dropdown-list-styling .dropdown-menu-list li a:focus,
.dropdown-list-styling .dropdown-menu-list li a:active {
    background-color: #eee;
    color: #555;
}

.dropdown-list-styling .dropdown-menu-list li a {
    padding: 8px 10px;
    color: #999;
}


/*input styling ends*/


/*rich text box modal starts*/


/*
.btn-cancel:hover{
background: #fff;
color: #777;
border-radius: 3px;
padding: 0 2px;
box-shadow: 0 0 0 0 rgba(153, 153, 153, 1), 0 0 0 0 rgba(153, 153, 153, 1), 0 0 1px 0 rgba(153, 153, 153, 1);
}
*/

.form-control[disabled],
fieldset[disabled] .form-control,
.form-group .form-control[disabled],
fieldset[disabled] .form-group .form-control {
    background-image: none;
    border-bottom: 1px dotted #dedede;
    background: #f5f5f5 !important;
}

.form-group.label-floating.is-focused label.control-label {
    top: -33px;
    left: 0;
    font-size: 11px;
    line-height: 1.0714285718;
}

.form-group.label-floating:not(.is-empty) label.control-label {
    top: -33px;
    left: 0;
    font-size: 11px;
    line-height: 1.0714285718;
}

.form-effect .form-effect-group input,
.form-effect .form-effect-group textarea {
    border: none;
    border-bottom: 1px solid #e2e2e2;
    background-color: #fff;
    border-radius: 0;
    transition: 0.5s;
}

.form-control option {
    font-size: 12px;
    padding: 10px;
    color: #828282;
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check {
    background: #333;
}

.checkbox .checkbox-material:before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    background-color: #000000d6;
    height: 0;
    width: 0;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    top: -5px;
}

.form-group.is-focused .form-control {
    outline: none;
    /**background-image: linear-gradient(#607d8b, #607d8b), linear-gradient(#D2D2D2, #D2D2D2);**/
    background-image: none;
    background-size: 100% 2px, 100% 1px;
    box-shadow: none;
    transition-duration: 0.3s;
}

.form-control,
.form-group .form-control {
    border: 0;
    background-image: none;
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: #ffff;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
}

.checkbox .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #0000008a;
    overflow: hidden;
    z-index: 1;
    border-radius: 2px;
}

.checkbox .checkbox-material .check:before {
    position: absolute;
    content: "";
    transform: rotate(45deg);
    display: block;
    margin-top: -5px;
    margin-left: 5px;
    width: 0;
    height: 0;
    background: red;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    animation: checkbox-off 0.3s forwards;
}

.form-group .form-control {
    border: 1px solid #e3e3e3;
    font-weight: 500 !important;
    color: #777777 !important;
    border-radius: 5px;
    font-size: 12px !important;
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
    top: -7px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #777;
    left: 10px;
}

.form-group .checkbox label,
.form-group .radio label,
.form-group label,
.form-group .label-on-left,
.form-group .label-on-right,
.form-group label.control-label,
label.control-label {
    font-size: 13px;
    line-height: 1.4;
    color: #3e3e3e !important;
    font-weight: 500;
}

.checkbox label {
    color: #777;
}

.label-changes label {
    color: #151b26;
}

.btn-cancel-btn {
    color: #151b26 !important;
}

.multiple-select-tags .bootstrap-tagsinput {
    padding: 0 !important;
}

.multiple-select-tags .bootstrap-tagsinput .tag {
    cursor: pointer;
    margin: 2px 3px 2px 0;
    position: relative;
    padding: 3px 8px;
    border-radius: 12px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 10px;
    text-transform: inherit;
    display: inline-block;
    line-height: 1.5em;
    padding-left: 0.8em;
}

.multiple-select-tags .bootstrap-tagsinput .tag:hover {
    padding-right: 18px;
    background: #ddd;
    color: #151b26;
}

.multiple-select-tags .bootstrap-tagsinput .tag:hover [data-role="remove"]:after {
    content: "x";
    padding: 0 2px;
    color: red;
    font-size: 14px;
}

.dropdown-list-styling .dropdown-menu-list {
    width: 100%;
    top: 60px;
}

.dropdown-list-styling .dropdown-menu-list li a:hover,
.dropdown-list-styling .dropdown-menu-list li a:focus,
.dropdown-list-styling .dropdown-menu-list li a:active {
    background-color: #eee;
    color: #555;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active {
    background-color: #fafafa !important;
    color: #333 !important;
}

.dropdown-list-styling .dropdown-menu-list li a {
    padding: 8px 10px;
    color: #999;
}

.btn-template {
    border: 1px dashed #999;
    color: #999 !important;
    background: #f5f5f5 !important;
    font-size: 10px;
}

.btn-template:hover,
.btn-template:focus {
    border: 1px solid #ccc;
    color: #fff !important;
    background: #ccc !important;
    font-size: 10px;
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}


/*input styling ends*/


/*rich text box modal starts*/


/*.qm-editor .qm-editor-modal .modal-dialog .modal-content{
/*.qm-editor .qm-editor-modal .modal-dialog .modal-content{
    height: calc(100vh - 40vh)
    }*/

.qm-editor .qm-editor-modal .modal-dialog .modal-content .modal-footer {
    padding: 5px 10px;
}

.qm-editor .qm-editor-modal .modal-dialog .modal-content .modal-footer button {
    margin: 5px
}


/*rich text box modal ends*/


/*popup modal form starts*/

.popup-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: rgba(000, 000, 000, 0.8);
    margin: 0;
}

.popup-modal-open .popup-modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.popup-modal .popup-modal-header .close {
    color: #111;
    font-size: 12px;
    line-height: 1.0;
    font-weight: 700;
}

.popup-modal .popup-modal-dialog {
    position: relative;
    margin: auto;
    margin-top: 30px;
    top: 30px;
    width: 500px;
    height: auto;
    transform: translate3d(0%, 0, 0);
}

.popup-modal-content {
    border-radius: 0;
    border: none;
}

.popup-modal-fixed-height {
    margin-top: auto !important;
    height: auto !important;
    top: 30px !important;
}

.popup-modal .popup-modal-content {
    height: auto;
    /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.90) 100%);*/
    background: #fff;
}

.popup-modal-header {
    border-bottom: 1px solid #e9ecef;
    min-height: 16.43px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 0 !important;
    line-height: 2;
    padding: 11px 15px;
    background: #e6e6e6;
}

.popup-modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #151b26;
    font-size: 15px;
    font-weight: 600;
}

.popup-modal .popup-modal-content .content-area {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: auto;
    max-height: 450px;
    padding: 0px;
    background: #fff;
}

.popup-modal-fixed-height .popup-modal-content .content-area {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    /*  min-height: calc(100vh - 27vh);
    max-height: calc(100vh - 27vh);*/
    padding: 15px;
    margin-bottom: 0;
}

.popup-modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #455a64;
    font-size: 17px;
    font-weight: 400;
}

.popup-modal .popup-modal-content .popup-modal-body {
    position: relative;
    height: auto;
}

.popup-modal.popup-modal-fixed-height .popup-modal-content .popup-modal-body {
    position: relative;
    height: calc(100vh - 40vh);
}

.popup-modal .popup-modal-body {
    padding: 0;
}

.popup-modal-footer {
    padding: 15px;
    bottom: inherit;
    font-size: 12px;
    border-top: 1px solid #f9f9f9;
    position: relative;
    width: 100%;
    margin-top: 0;
    background-color: #e6e6e6;
    height: 60px;
    display: block;
}

.popup-modal-footer button {
    margin-left: 10px;
    float: right;
}


/*poup modal style ends*/


/*poup style starts*/

.popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: #00000038;
}

.popup-open .popup {
    overflow-x: hidden;
    overflow-y: auto;
}

.popup .popup-header .close {
    color: #999999;
    font-size: 26px;
    line-height: 0.8;
    font-weight: 400;
}

.popup.right .popup-inner {
    position: fixed;
    margin: auto;
    width: 30%;
    height: 100%;
    transform: translate3d(0%, 0, 0);
}

.popup.right.fade.in .popup-inner {
    right: 0;
    top: 0;
    box-shadow: -4px 0 40px rgba(0, 0, 0, 0.35) !important;
}

.popup.right.fade .popup-inner {
    right: -320px;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.popup-content {
    border-radius: 0;
    border: none;
}

.popup.right .popup-content {
    height: 100%;
    background: #fff;
}

.popup-header {
    padding: 15px;
    border-bottom: 1px solid #ffffff;
    min-height: 16.43px;
    background-color: #00000016;
    font-weight: 600;
}

.popup-title {
    margin: 0;
    line-height: 1.42857143;
    color: #151b26;
    font-size: 15px;
    font-weight: 600;
}

.popup.right .popup-content .content-area {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: calc(100vh - 25vh);
    max-height: calc(100vh - 25vh);
    padding: 15px;
}

.popup-title {
    margin: 0;
    line-height: 1.42857143;
    color: #2a2b33;
    font-size: 16px;
    font-weight: 400;
}

.popup-body {
    position: relative;
    height: calc(100vh - 25vh);
}

.popup.right .popup-body {
    padding: 0;
}

.popup-footer {
    padding: 0 15px;
    bottom: 0;
    font-size: 12px;
    border-top: 1px dashed #f8f8f8;
    position: absolute;
    width: 100%;
    margin-top: 0;
    background-color: #f5f5f5;
}

.popup-footer button {
    margin-left: 10px;
}


/*popup style ends*/


/* Large modal form styling */

.modal-content .modal-header {
    min-height: 16.42857143px;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    color: #111;
    font-weight: bold;
}

.modal-content .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 0 0;
    height: auto;
    width: 100%;
    -ms-box-shadow: 0 -0.1em rgba(0, 0, 0, .10);
    -o-box-shadow: 0 -0.1em rgba(0, 0, 0, .10);
    box-shadow: 0 -0.1em rgba(0, 0, 0, .10);
}

.modal {
    background: #000000a6;
}

.modal-content {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
    border-radius: 2px;
}

.large-modal-form .modal-header {
    min-height: 16.42857143px;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
}

.large-modal-form .modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 14px;
    font-weight: 600;
    color: #2a2b33;
}

.large-modal-form .modal-content .modal-body {
    padding: 0;
    min-height: 200px;
}

.large-modal-form .modal-body .content-area {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: calc(100vh - 30vh);
    max-height: calc(100vh - 30vh);
    padding: 15px;
}

.large-modal-form .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 0 15px;
    height: auto;
    width: 100%;
    border-top: 1px solid #e5e5e5;
}


/* Large modal form styling ends*/


/* Tab styling Starts*/

.main-header .container-fluid .navbar-header .navbar-brand {
    height: 45px !important;
}

.nav-pills.nav-pills-warning>li.active>a,
.nav-pills.nav-pills-warning>li.active>a:focus,
.nav-pills.nav-pills-warning>li.active>a:hover {
    background-color: #607d8b !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px #f9f9f9;
    color: #ffffff;
}

.nav-pills:not(.nav-pills-icons)>li>a {
    border-radius: 0;
    line-height: 20px;
    color: #2a2b33;
}

.navbar .navbar-nav>li>a {
    color: #a9afbb;
    padding: 0;
}

.help-modal-form {
    z-index: 1051 !important;
}

.navbar .navbar-nav .help-deatils-icon a {
    font-size: 18px !important;
    line-height: 2 !important;
}

.navbar .navbar-nav.option-list>li {
    padding: 0 10px;
}

.navbar .navbar-nav>li>a>i {
    font-size: 21px !important;
    background: #22252b;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}

.onlistingcatergory,
.addedit-category {
    min-height: calc(100vh - 22vh);
    width: 100%;
    margin: 0 0;
    color: inherit;
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #dedede;
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}

.table-pagination {
    /* position: absolute; */
    bottom: 0;
}


/* Tab styling Ends*/


/*session modal form*/

.session-modalform .modal-body {
    padding: 30px 50px;
    font-size: 12px;
    font-weight: 300;
}


/*ends session*/

.form-group.has-error .form-control {
    background-image: linear-gradient(#e46a76, #e46a76), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 100% 2px, 100% 1px;
    transition-duration: 0.3s;
}


/*multiselect start*/

.multiselect-dropdown {
    font-weight: 300;
    font-size: 12px;
}

.multiselect-dropdown button {
    width: 100%;
    text-align: left;
    background: #fff !important;
    color: #555 !important;
    border: 0.75pt solid #d5dce0;
    ;
    box-shadow: none !important;
    padding: 10px 10px;
    text-transform: capitalize;
    margin: 0;
    height: 36px;
    border-radius: 0 !important;
}

.multiselect-dropdown ul {
    width: 100%;
    max-height: 190px;
    min-height: 155px;
    overflow-y: scroll;
}

.multiselect-dropdown .dropdown-search {
    width: 100%;
    padding: 5px 10px;
    border: none !important;
    margin: 0;
    border-bottom: 1px solid #aaa !important;
}

.multiselect-dropdown .btn:focus,
.multiselect-dropdown .btn:active,
.multiselect-dropdown .btn:hover {
    box-shadow: none;
    background: #fff;
}

.multiselect-dropdown li a .checkbox {
    margin: 0;
}

.multiselect-dropdown .dropdown-menu li>a {
    padding: 10px;
    margin: 0;
}

.multiselect-dropdown .form-group {
    padding-bottom: 0;
    margin-top: 0;
}

.multiselect-dropdown .checkbox label {
    font-size: 11px;
    line-height: 1.428571429;
    color: #989fa2;
    font-weight: 400;
}


/*multiple select style ends*/


/*textarea with multi select design starts*/

.multi-select-list .form-group textarea {
    border-bottom: none;
}

.multi-select-list .form-group .data-list {
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    padding: 5px;
}

.multi-select-list .form-group .data-list ul {
    list-style: none;
    padding-left: 10px;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
}

.multi-select-list .form-group .data-list ul li a {
    cursor: pointer;
    margin: 2px 3px 2px 0;
    padding: 0 8px;
    border-radius: 12px;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 10px;
    text-transform: inherit;
    line-height: 2em;
    padding-left: 0.8em;
    float: left;
    background-color: #999999;
}

.multi-select-list .form-group .data-list ul li a:hover {
    /*padding-right: 10px;*/
    background: #ddd;
    color: #151b26;
}

.multi-select-list .form-group .data-list ul li a i {
    font-size: 11px;
    line-height: 2;
    margin-left: 3px;
    font-weight: 700;
    vertical-align: middle;
}


/*textarea with multi select design ends*/


/*start input Forms */

.none-ripple-effect .checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before {
    animation: none !important;
}

.none-ripple-effect .checkbox .checkbox-material:before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    background-color: transparent !important;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    transform: inherit !important;
    top: -7px;
}

.form-group label.control-label {
    margin: 0 0 5px 0 !important;
}

.asterisk-red {
    vertical-align: inherit !important;
    line-height: 1 !important;
}

.form-group {
    padding-bottom: 15px;
    margin: 0 0 0 0;
}

input,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
textarea {
    font-size: 12px !important;
    font-weight: 400 !important;
}


/*end input Forms*/

.popup-footer .btn i {
    font-size: 12px;
    line-height: 1;
    opacity: 0.6;
}

.label.label-allstatus {
    background-color: #00c292;
}

.label.label-danger {
    background-color: #e46a76;
}

.label.label-success {
    background-color: #00c292;
}

.static-table .label {
    border-radius: 4px;
    padding: 2px 10px;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 600;
}

.static-table thead i,
.static-table thead .user-status-dropdown i {
    font-size: 14px;
    color: #666;
}

.table-btn-add,
.table-btn-add:hover,
.table-btn-add:focus,
.sortinput .btn-success:hover,
.sortinput .btn-success:focus,
.sortinput .btn-success {
    /*    margin: 0 !important;
       padding: 6px 10px !important;
    background: #3abca7!important;
    border: 1px solid #3abca7;
    font-size: 13px!important;
    line-height: 1;
    color: #fff;
    font-weight: 600;*/
    background: #20aaea !important;
    color: #fff !important;
    border: 1px solid #20aaea !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px 20px !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    margin: 0 !important;
    margin-left: 5px !important;
}

.btn-delete,
.btn-delete:hover,
.btn-delete:focus {
    margin: 0 !important;
    padding: 3px 10px !important;
    background: #fff !important;
    border: 1px solid #e94545 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: #e94545 !important;
    font-weight: 600;
}

.qm-btn-save,
.qm-btn-save:hover,
.qm-btn-save:focus {
    color: #fff !important;
    background-color: #00c292 !important;
    border-color: #00c292 !important;
}

.qm-btn-update,
.qm-btn-update:hover,
.qm-btn-update:focus {
    color: #fff !important;
    background-color: #00c292 !important;
    border-color: #00c292 !important;
}

.qm-btn-cancel,
.qm-btn-cancel:focus,
.qm-btn-cancel:hover {
    color: #212529;
    background: #fff;
    border-color: #dee2e6;
    font-weight: 600;
    margin-top: 0;
}


/*end input Forms*/

.table-responsive {
    overflow: inherit;
}

.form-group-width-25 {
    width: 25% !important;
}

.form-group-width-50 {
    width: 50% !important;
}

.form-group-width-75 {
    width: 75% !important;
}

.form-group-width-100 {
    width: 100% !important;
}


/*popover design starts*/

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: 0;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #181818;
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #181818;
    border-bottom-width: 0;
}

.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #181818;
}

.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #181818;
    border-left-width: 0;
}

.popover-title {
    padding: 10px 0;
    font-size: 11px;
    background-color: #181818;
    border-bottom: 2px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    margin: 0 15px;
}

.popover-content {
    padding: 10px 14px;
}

.popover {
    max-width: 170px;
    background: #181818;
    color: #fff;
    font-size: 11px;
}

.endof-result {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #505459;
    margin: 10px 0;
}

.filter-icon {
    font-size: 16px !important;
    vertical-align: middle !important;
    margin-top: -5px !important;
}


/*animated search widget starts*/

.animated-search-widget {
    background: #f5f8fa;
    margin-top: 5px;
}

.animated-search-widget .form-group {
    padding-bottom: 0 !important;
}

.animated-search-widget .form-group .form-control {
    margin-top: 0;
    padding: 5px 5px !important;
    font-weight: normal;
    border: none;
    /* border-right: 1px dotted #ddd; */
}

.animated-search-widget .process-sub-menu .btn,
.animated-search-widget .process-sub-menu .btn:hover,
.animated-search-widget .process-sub-menu .btn:focus {
    margin: 0;
    background: transparent;
    box-shadow: none;
    color: #555555;
    padding: 5px 0;
    margin-top: 0;
    width: auto;
    text-align: right;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
}


/*animated search widget ends*/

.text-initated {
    color: #7460ee !important;
}

.text-inprogress {
    color: #1e88e5 !important;
}

.text-restart {
    color: #ffb22b !important;
}

.text-cancelled {
    color: #fc4b6c !important;
}

.text-closed {
    color: #26c6da !important;
}

.text-completed {
    color: #20bf6b !important;
}

.text-approved {
    color: #02bb8f !important;
}

.text-primary {
    color: #007bff !important;
}

.admin-color-inprogress {
    color: #03a9f3;
}

.admin-color-atrisk {
    color: #fb9678;
}

.admin-color-overdue {
    color: #e46a76;
}

.admin-color-completed {
    color: #26c6da;
}

.bg-primary {
    background-color: #8dc8fbb3 !important;
}

.status-completed {
    background-color: #20bf6b !important;
}

.status-started {
    background-color: #26c6da !important;
}

.status-yettostart {
    background-color: #efefef;
    color: #333 !important;
}

.mail-c-icon {
    color: #d54d40 !important;
}

.doc-c-icon {
    color: #518ff5 !important;
}

.bg-white {
    background-color: #fff !important;
}

.c-red-lighten-2 {
    color: #e46a76 !important;
}

.c-green-darken-4 {
    color: #26c6da !important;
}

.c-orange {
    color: #fb9678 !important;
}

.c-green-lighten-2 {
    color: #26c6da !important;
}

.modal-footer .errormessage {
    font-size: 12px;
    font-weight: 600;
    line-height: 2.5;
    padding: 15px 15px;
    margin-bottom: 0;
}

.modal-footer .infomessage {
    font-size: 12px;
    font-weight: 600;
    line-height: 5;
    padding: 5px 15px;
    float: left;
}

.search-result-errormsg {
    min-height: 285px;
    max-height: 285px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.search-result-errormsg img {
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
    margin-top: 100px;
    opacity: 0.5;
    /* margin: 10px auto; */
    margin-bottom: 10px;
}

.search-result-errormsg p {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #62878f;
}


/*request overview modal steps*/

.liner {
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.modal .modal-dialog.loader-page {
    margin-top: 235px !important;
}

.modal-dialog-wrap .modal-dialog .modal-content img {
    height: auto;
    width: 45px;
}


/*page loader*/

.spinner {
    position: fixed;
    padding: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9998;
    background: #000;
    opacity: 0.6;
    transition: opacity 0.3s linear;
}

.center {
    margin: auto;
    width: 100%;
    text-align: center !important;
}

.loading-text {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    padding: 0;
    margin: 0;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    background: transparent;
    text-align: center;
    padding-top: 33%;
}

.spinner img {
    position: absolute !important;
    padding: 0;
    z-index: 10;
    background: #000;
    opacity: 1 !important;
    transition: opacity 0.3s linear;
    margin: 0 auto;
    vertical-align: middle;
    top: 46%;
}

.hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
}

.visible {
    visibility: visible;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.asterisk-red {
    font-size: 14px;
    color: #f44336;
    vertical-align: middle;
}

.error-message {
    font-size: 10px;
    color: #f44336;
    margin: 0;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #333;
    text-decoration: none;
    background-color: #fafafa !important;
    outline: 0;
}


/**Custom button styling**/

.btn-qm-primary,
.btn-qm-primary.disabled {
    color: #fff!important;
    background:#3c90c0 !important;
    box-shadow: 0 2px 2px 0 rgb(40 190 189 / 14%), 0 3px 1px -2px rgb(40 190 189 / 20%), 0 1px 5px 0 rgb(40 190 189 / 12%) !important;
    transition: 0.2s ease-in;
    margin: 0;
}

.btn-qm-primary:hover,
.btn-qm-primary.disabled:hover {
    color: #fff!important;
    background: #3c90c0 !important;
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2) !important;
}

.btn-qm-primary.active,
.btn-qm-primary:focus,
.btn-qm-primary.disabled.active,
.btn-qm-primary.disabled:focus {
    color: #fff!important;
    background: #1eacbe !important;
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2) !important;
}

.btn-qm-delete {
    margin: 0;
    padding: 3px 10px;
    background: #fff;
    border: 1px dotted #aaaaaa;
    font-size: 10px;
    line-height: 1.4;
    color: #aaaaaa;
    font-weight: 600;
}

.btn-qm-delete:hover,
.btn-qm-delete:focus {
    margin: 0;
    padding: 3px 10px;
    background: #fff;
    border: 1px dotted #aaaaaa;
    font-size: 10px;
    line-height: 1.4;
    color: #d54d40;
    font-weight: 600;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}


/**  Start angular-ui-notification styling **/

.ui-notification {
    position: fixed;
    z-index: 9999;
    width: 300px;
    transition: all ease .5s;
    color: #fff;
    border-radius: 0;
    background: #337ab7;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
}

.ui-notification.clickable {
    cursor: pointer;
}

.ui-notification.clickable:hover {
    opacity: .7;
}

.ui-notification.killed {
    transition: opacity ease 1s;
    opacity: 0;
}

.ui-notification>h3 {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: 10px 10px 0;
    padding: 0 0 5px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.ui-notification a {
    color: #fff;
}

.ui-notification a:hover {
    text-decoration: underline;
}

.ui-notification>.message {
    margin: 10px;
}

.ui-notification.warning {
    color: #fff;
    background: #f0ad4e;
}

.ui-notification.error {
    color: #fff;
    background: #d9534f;
}

.ui-notification.success {
    color: #fff;
    background: #5cb85c;
}

.ui-notification.info {
    color: #fff;
    background: #5bc0de;
}


/**  End of angular-ui-notification styling **/


/* Start of Preloader styling */

.qm-preloader .vertical-align middle {
    text-align: center;
    color: #777;
    border-style: none;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    opacity: 0.4;
}


/* End of Preloader styling */


/* Start Toaster styling */

.toast-title {
    font-weight: 700;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-align: center;
    line-height: inherit;
    font-family: 'Poppins', sans-serif;
    padding: 10px;
    font-size: 13px;
}

.toast-message a,
.toast-message label {
    color: #fff;
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none;
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em;
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    bottom: 10%;
    width: auto;
    left: 4%;
    right: 0%;
    text-align: center !important;
}

#toast-container * {
    box-sizing: border-box;
}

#toast-container>div {
    position: inherit;
    pointer-events: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 20%;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
}

#toast-container>div:hover {
    box-shadow: none;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #4cd5b7;
}

.toast-error {
    background-color: #fe735b;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

@media all and (max-width:240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em;
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em;
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }

    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px;
    }
}

.toast-success {
    background-color: #4cd5b7 !important;
    color: #fff !important;
    min-height: 40px;
}

.toast-error {
    background-color: #fe735b !important;
    color: #fff !important;
    min-height: 40px;
}


/* End of Toaster styling */


/** Start Table width styling **/

.table-width-th-1 {
    width: 1% !important;
}

.table-width-th-5 {
    width: 5% !important;
}

.table-width-th-10 {
    width: 10% !important;
}

.table-width-th-15 {
    width: 15% !important;
}

.table-width-th-20 {
    width: 20% !important;
}

.table-width-th-25 {
    width: 25% !important;
}

.table-width-th-30 {
    width: 30% !important;
}

.table-width-th-35 {
    width: 35% !important;
}

.table-width-th-40 {
    width: 40% !important;
}

.table-width-th-45 {
    width: 45% !important;
}

.table-width-th-50 {
    width: 50% !important;
}

.table-width-th-55 {
    width: 55% !important;
}

.table-width-th-60 {
    width: 60% !important;
}

.table-width-th-65 {
    width: 65% !important;
}

.table-width-th-70 {
    width: 70% !important;
}

.table-width-th-75 {
    width: 75% !important;
}

.table-width-th-80 {
    width: 80% !important;
}

.table-width-th-85 {
    width: 85% !important;
}

.table-width-th-90 {
    width: 90% !important;
}

.table-width-th-95 {
    width: 95% !important;
}

.table-width-th-99 {
    width: 99% !important;
}

.table-width-th-100 {
    width: 100% !important;
}


/** End Table width styling **/


/** Start Table width styling **/

.table-minwidth-th-5 {
    min-width: 5% !important;
}

.table-minwidth-th-10 {
    min-width: 10% !important;
}

.table-minwidth-th-15 {
    min-width: 15% !important;
}

.table-minwidth-th-20 {
    min-width: 20% !important;
}

.table-minwidth-th-25 {
    min-width: 25% !important;
}

.table-minwidth-th-30 {
    min-width: 30% !important;
}

.table-minwidth-th-35 {
    min-width: 35% !important;
}

.table-minwidth-th-40 {
    min-width: 40% !important;
}

.table-minwidth-th-45 {
    min-width: 45% !important;
}

.table-minwidth-th-50 {
    min-width: 50% !important;
}

.table-minwidth-th-55 {
    min-width: 55% !important;
}

.table-minwidth-th-60 {
    min-width: 60% !important;
}

.table-minwidth-th-65 {
    min-width: 65% !important;
}

.table-minwidth-th-70 {
    min-width: 70% !important;
}

.table-minwidth-th-75 {
    min-width: 75% !important;
}

.table-minwidth-th-80 {
    min-width: 80% !important;
}

.table-minwidth-th-85 {
    min-width: 85% !important;
}

.table-minwidth-th-90 {
    min-width: 90% !important;
}

.table-minwidth-th-95 {
    min-width: 95% !important;
}

.table-minwidth-th-100 {
    min-width: 100% !important;
}

.table-minwidth-th-120 {
    min-width: 120px !important;
}


/** End Table width styling **/

.position-fixed {
    position: fixed !important;
}

.position-absolute {
    position: absolute !important;
    top: 20px;
    left: 0;
}

.ofvalue {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 6px;
    font-weight: 500;
    color: #3e3e3e;
}

.layout-sidebar {
    width: 100%;
    position: fixed;
}

.main-content-section {
    margin-top: 60px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: calc(100vh - 100px);
}

.ini-rhs-layout {
    position: fixed;
    right: 0;
}

.processpage-rhs-layout {
    position: fixed;
    right: 0;
}

.listing-section {
    padding-left: 0 !important;
    padding-right: 10px !important;
}

.card-outer-15 {
    padding: 15px !important;
}

.breadcrumb-rhs-listing {
    margin-bottom: 0;
    padding-inline-start: 20px;
}

.breadcrumb-rhs-listing li {
    list-style: none;
    float: left;
    min-width: 60px;
    padding: 0 15px;
    cursor: pointer;
}

.breadcrumb-rhs-listing.for-workflow li {
    list-style: none;
    float: left;
    padding: 0 5px;
    cursor: pointer;
    min-width: 130px;
    max-width: 130px;
    margin: 0 5px;
    border-radius: 3px;
}

.breadcrumb-rhs-listing li i {
    line-height: 0;
}

.user-configuration-metrix {
    text-align: center;
    padding: 5px 0 0;
}

.user-configuration-metrix .userlength {
    margin: 0;
    font-size: 28px;
    font-weight: 500;
    padding-bottom: 0;
}

.user-configuration-metrix p {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    padding: 0;
}
.user-detilasection .process-info-overview-header .info-process-name {
    text-align: center;
    margin: 0;
}
.profileedit{    
    position: absolute;
    right: 0;
    top: 15px;
}
.userdepoints{
    display: inline-flex;
    margin-bottom: 15px;
    width: 100%;
}
.material-icons.iconapp{
    font-size: 20px;
}
.flutter-app .user-detilasection .process-info-overview-header {
    padding: 10px 15px;
    background: #00bcd4;
    min-height: 43px;
    border-radius: 4px 4px 0 0;
}
.user-configuration-metrix .usercounting{
    padding: 10px 5px;
}
/** QM Static table styling **/

.qm-static-table .table-outer-card {
    width: 100%;
    margin: 0;
    color: inherit;
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-color: #d7dfe3;
    border: 1px solid #dedede;
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}

.qm-static-table .table-outer-card .static-table {
    padding: 15px;
}

.qm-static-table .table-outer-card .table-head-section .card-title {
    margin: 0;
    color: #455a64;
    font-weight: 400;
    font-size: 14px;
}

.qm-static-table .table-outer-card table thead tr {
    color: #505459;
    height: 50px;
    font-weight: 600;
    background: transparent;
    padding: 15px;
}

.qm-static-table .table>tbody>tr>td {
    padding: 8px 5px !important;
    vertical-align: middle !important;
    font-size: 13px;
    color: #666;
    font-weight: 500;
}


.btn-primary {
    color: #fff;
    background-color: #528ff0;
    border-color: #3b80ee;
}


.label-active {
    background: #26c6da !important;
}

.label-inactive {
    background: #fc4b6c !important;
}

.label-allstatus {
    background: #505459 !important;
}

.text-active {
    color: #27c24c !important;
}

.text-inactive {
    color: #f44336 !important;
}

.text-allstatus {
    color: #505459 !important;
}

.addnew-primary {
    color: #505459 !important;
    cursor: pointer;
}

.qm-static-table .table-hover>tbody>tr .td-highlighter {
    padding-left: 5px;
}

.qm-static-table .table-hover>tbody>tr:hover .td-highlighter {
    color: #333;
    padding-left: 5px;
    font-weight: 600;
}

.sidebar-advanced-search {
    position: fixed;
    background: #fff;
    width: 14%;
    height: 75%;
    border: 1px solid rgba(0, 0, 0, .125);
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.sidebar-advanced-search li {
    text-decoration: none;
    list-style: none;
}

.sidebar-advanced-search .sidebar-title {
    font-weight: 500;
    padding: 15px 10px;
    line-height: 1.4;
    background: #fff;
    margin-bottom: 10px;
    color: #555555;
}

.sidebar-advanced-search ul {
    padding: 0;
    padding-inline-start: 0;
    margin-bottom: 0;
    width: 100%;
}

.sidebar-advanced-search ul li {
    list-style: none;
    padding: 10px;
    padding-bottom: 0;
}

.sidebar-advanced-search ul li .form-group .form-control {
    margin-top: 0;
}


/* .form-group {
    padding-bottom: 0;
    } */

.sidebar-advanced-search ul li .label {
    border-radius: 4px;
    padding: 3px 10px;
    text-transform: capitalize;
    font-size: 11px;
    font-weight: 400;
    margin-right: 0;
    line-height: 2.5;
}

.sidebar-advanced-search ul li .dropdown-searchfield {
    background: transparent !important;
    width: 100%;
    text-align: left;
    box-shadow: none;
    margin: 0;
    padding: 5px 5px !important;
    border: 1px solid #ced4da;
    border-radius: 3px;
    font-weight: 600 !important;
    color: #555555 !important;
    height: 36px;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 500 !important;
}

.sidebar-advanced-search ul li .dropdown-searchfield .caret {
    margin-top: 7px;
    float: right;
}

.sidebar-advanced-search ul li .dropdown-menu {
    width: 100%;
    padding: 0;
}

.sidebar-advanced-search ul li .dropdown-menu li {
    padding: 0;
}

.sidebar-advanced-search ul li .dropdown-menu li>a {
    font-size: 12px;
    padding: 10px 10px;
}

.outer-card-layout {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #dedede;
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}

.sidebar-advanced-search ul li .form-group.form-search {
    padding-bottom: 0;
}

.search-lists .search-label {
    font-size: 12px;
    line-height: 1.428571429;
    color: #505459 !important;
    font-weight: 400;
}

.noshadow {
    box-shadow: none !important;
}

.manageuser-detailspage table thead tr {
    color: #636363;
    font-weight: 400;
    background: #f9f9f9;
    height: 40px;
}

.popup-modal-fixed-height .popup-modal-header .close i,
.popup-header .close i {
    font-size: 16px !important;
    color: #999;
}

.help-modal-form .popup-footer .btn i {
    font-size: 17px;
    color: #212529 !important;
}


/* .select-input-modal .modal-header {
    padding: 15px;
} */

.md--modalform-screen .add-task-workflow {
    position: relative;
    margin: auto;
    margin-top: 100px;
    top: 0;
    width: 500px;
    height: auto;
    transform: translate3d(0%, 0, 0);
}

.add-task-workflow .condition-form-content .form-group .form-control {
    margin-top: -7px;
    padding: 5px !important;
    font-weight: normal;
    border: 1px solid #ced4da;
    max-height: 30px;
    /* box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24); */
    box-shadow: none;
    min-height: auto;
}

.add-task-workflow.condition-add-new-btn,
.add-task-workflow.condition-add-new-btn:hover,
.add-task-workflow.condition-add-new-btn:focus {
    float: left;
    margin: 10px 20px !important;
}

.add-task-workflow .filter--content {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24);
}

.add-task-workflow .table-configurebtns .switch {
    width: 65px;
    height: 20px;
}

.add-task-workflow .table-configurebtns .switch-input:checked~.switch-handle {
    left: 48px;
}

.add-task-workflow .switch-handle {
    position: absolute;
    top: 5.4px;
    left: 8px;
    width: 26px;
    height: 25px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.add-task-workflow .table-configurebtns .switch-handle {
    width: 15px;
    height: 15px;
}

.add-task-workflow .checkbox .checkbox-material {
    vertical-align: middle;
    position: relative;
    top: 0;
    left: 0;
    padding-right: 10px;
}

.add-task-workflow .condition-form-content .delete-icon i {
    font-size: 16px;
    color: #e46a76;
    vertical-align: -webkit-baseline-middle;
    position: absolute;
    right: -42px;
    top: 0;
}



.initaterequest-form .label.label-success {
    padding: 3px 12px;
    opacity: .7;
}


.color--settings {
    width: 100%;
    padding: 0 5px;
    float: right;
    list-style: none;

}

.predefined-colors .large__mainmodalform .custom-formmodal .customform-main-header {
    min-height: none !important;
    padding: 0;
    border-radius: 0;
    max-height: none;
}

.color--settings li {
    width: 100%;
    display: flex;
}

.bordercolorinput .btn-simple,
.bordercolorinput .btn-simple.active,
.bordercolorinput .btn-simple:hover {
    background-color: #337ab7 !important;
    border-color: #2e6da4;
    margin: 0;
    padding: 7px 32px;
    border-radius: 0;
    color: #fff !important;
}

.bordercolorinput .preview {
    height: 40px;
    width: 40px;
    text-align: left;
    float: right;
    margin-left: 10px;
    background-color: rgb(55, 197, 171);
    position: relative;
    top: 0;
    cursor: pointer;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 500;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%);
}

.color--settings .bg-colors {
    width: 100%;
    display: flex;
}

.advsettingpreviewpanel .bordercolorinput {
    margin: 0 21px;
}

#predefined-colors .title__heading-btns .btn-sm {
    font-size: 11px;
}

.predefined-colors .colorlisting {
    padding: 0px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 397px;
    max-height: 450px;
    background: #fff;
}

.predefined-colors .modal-dialog {
    min-width: 800px;
    max-width: 800px;
    margin: 20px auto;
}

.createcolor-section h5 {
    margin: 0;
    padding: 7px 0;
    background: #1d252769;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}

.section-additional-color {
    background: #f9f9f9;
    padding: 0;
    height: 520px;
    min-height: 50px;
    max-height: 520px;
}

.predefined-colors #pagezoombtn {
    position: absolute;
    bottom: -113px;
    right: -97px;
}

.section-additional-color .choose--colornimage.A4preview {
    padding: 0%;
    border: none;
    background: #f1f4f5;
    opacity: 1;
    color: #000;
    cursor: pointer !important;
    text-align: center;
    position: relative;
    height: 100px !important;
    margin: 0px !important;
}

.section-additional-color .color--position {
    float: inherit;
    text-align: center;
    padding: 7px 20px;
    font-size: 11px;
    cursor: pointer;
    margin: 0;
    height: 40px;
    width: 100%;
    line-height: 1.8;
    background: #f1f1f1;
    border-radius: 2px;
    margin: auto;
    text-align: center;
    color: #fff;
    border: 1px solid #f1f1f1;
}

.choose--colornimage .btn-default {
    width: 100%;
    background: #87b1bc;
    border-radius: 2px;
    color: #fff;
    border: 4px solid #fff;
    margin: 0;
}

.section-additional-color .color--position label {
    width: 125px;
    font-style: normal;
    font-size: 11px !important;
}

.section-additional-color .btn-simple {
    padding: 3px 15px;
    font-size: 10px;
}

.add-clor-lib {
    height: 30px;
    width: 100%;
}

.pickingcolor-preview {
    height: 100% !important;
    margin-top: 0 !important;
}

.section-additional-color .choose--colornimagepreview.A4preview {
    padding: 0;
    border: none;
    background: transparent;
    opacity: 1;
    color: #000;
    cursor: pointer;
    text-align: center;
    position: relative;
    height: 220px;
    margin: auto;
    width: 180px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.section-additional-color .choose--colornimage.A4preview {
    padding: 0%;
    border: none;
    background: #f1f4f5;
    opacity: 1;
    color: #000;
    cursor: pointer !important;
    text-align: center;
    position: relative;
    height: 100px !important;
    margin: 0px !important;
}

.predefined-colors .choose--colornimage .selection-icon {
    font-size: 25px;
}

.choose--colornimage .selection-icon {
    font-size: 40px;
    margin-bottom: 5px;
    color: #C7CCD0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.predefined-colors .choose-category ul li,
.choose--category-add ul li,
.choose-category ul li {
    width: auto;
    margin: 2px;
}

.predefined-colors .choose-category ul li .category-color,
.choose-category ul li a {
    height: 40px;
    width: 40px;
    display: block;
    margin: 5px;
    position: relative;
    top: 0;
    cursor: pointer;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 500;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 13%);
}

.predefined-colors .btn-default,
.predefined-colors .btn-default.focus,
.predefined-colors .btn-default:focus,
.predefined-colors .btn-default:hover {
    color: #555;
    background-color: #fff;
    border-color: none;
    text-transform: initial;
}

.predefined-colors .choose--colornimage {
    width: 120px !important;
}

.pickingcolor-preview {
    height: 100% !important;
}

.predefined-colors .choose-category ul li .category-color .fa-trash {
    background: #fff;
    box-shadow: none;
}

.choose--colornimage .form-group {
    padding-bottom: 0;
}

.predefined-colors .color-content {
    border-top: 2px solid #ddd;
}

.color-content .viewmore {
    font-weight: 500;
    padding: 8px 10px;
    font-size: 12px !important;
    font-style: inherit;
    color: #fff !important;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.predefined-colors .choose--colornimage {
    width: 120px !important;
    padding: 3%;
    cursor: pointer !important;
    height: 100px !important;
    margin: 10px 0 !important;
}

.booksettingpop-mini .choose--colornimage.A4preview {
    width: 200px;
    padding: 0%;
    border: none;
    background: #f1f4f5;
    opacity: 1;
    color: #000;
    cursor: pointer !important;
    text-align: center;
    height: 270px;
    position: relative;
    margin: 0 auto;
}

.predefined-colors .choose--colornimage .selection-icon {
    font-size: 25px;
}

.color--position {
    /* float: RIGHT; */
    border: 1px solid #d5dce0;
    text-align: center;
    padding: 5px 10px;
    font-size: 11px;
    color: #000;
    margin: 10px;
    cursor: pointer;
    margin: 6px;
    height: 30px;
    width: 90px;
    line-height: 1.8;
}

.predefined-colors .modal-footer .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.predefined-colors .choose-category ul li:hover {
    background: none;
    border-radius: 4px;
    border: none;
}

.predefined-colors .popup-modal-fixed-height {
    height: calc(100vh - 20vh) !important;
}

.predefined-colors .popup-modal .popup-modal-dialog {
    min-width: 550px;
    max-width: 550px;
}

.formsetting .choose--colornimage {
    width: 100%;
}

.formsetting .bordercolorinput {
    margin: auto 0;
}

.questionnaire-type .process-name,
.questionnairye-type .process-name {
    margin-top: 0;
    margin: 0;
    font-size: 13px;
    color: #323232;
    font-weight: 600;
}

.questionnairye-type .process-formpage .form-headertitle {
    font-size: 14px;
    font-weight: 600;
}

.booksettingpop {
    padding: 7px 32px;
}

.advanced-settingtab .color--settings {
    padding: 0 10px 0 0;
}

.formsetting .advanced-settingtab .swtichheaderinfo {
    text-align: left !important;
    color: #337ab7;
    font-size: 13px;
    font-weight: 500;
    padding: 0;
}

.formsetting .title__heading {
    padding: 5px 0;
}

.formsetting .advsettingpreviewpanel .bordercolorinput .preview {
    width: 50px;
}

.formsetting .advsettingpreviewpanel .bordercolorinput .btn-simple {
    padding: 7px 55px;
}


.tabsetting-preview .tab-content {
    min-height: 60px;
    width: 100%;
    background: #ccc;
}

.tabsetting-preview .nav-tabs {
    background: #ccc;
    border: 0;
    border-radius: 10px 10px 0px 0px;
    padding: 5px;
    width: 55%;
    height: 30px;
}

.tabsetting-preview .tab-content {
    min-height: 200px !important;
    max-height: 200px !important;
}


.tabsetting-options .color--settings .bg-colors {
    width: none;
}

.tabsetting-options .color--settings li {
    width: 68%;
}

#kavya .popup-modal-content .popup-modal-body {
    position: relative;
    display: flex;
}

.tabsettingpopup .popup-modal-dialog {
    width: 535px;
    height: auto !important;
    /*min-height: 600px;
    max-height: 600px;*/
    background: #fff;
}

.gallerylistpopup .popup-modal-dialog {
    width: 800px !important;
    margin: 20px auto;
    height: 650px !important;
}

.choosegallery--image {
    max-height: calc(100vh - 25vh);
    min-height: calc(100vh - 25vh);
    overflow-y: scroll;
    background-color: #fff;
}

.gallery-images ul {
    padding: 15px;
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
    list-style: none;
    overflow-x: hidden;
}

.gallery--image__section .gallery-images ul li {
    min-height: 150px;
    position: relative;
    width: 25%;
    float: right;
}

.listing-gallery .selected--icons {
    position: absolute;
    top: 2px;
    font-size: 20px;
    color: #5cb85c;
    left: 4px;
}

.choosegallery--image .gallery--image__section .gallery-images ul li img {
    padding: 10px;
    opacity: 1;
    width: auto;
    height: 130px;
    min-width: 100%;
    max-width: 100%;
}

.gallery-images ul li:hover img {
    border: 2px dotted #ccc !important;
    opacity: 0.5;
}

.form-backgroundlist li {
    width: 20%;
    position: relative;
    padding: 10px;
    float: right;
    border: 1px solid transparent;
}

.listing-gallery__trashicon {
    position: absolute;
    right: 10px;
    padding: 5px 10px;
    color: #fff;
    background: gray;
    font-weight: bold;
}

.chart-configuration .modal-header,
.chart-configuration .modal-content,
.advance-search .modal-header {
    position: relative !important;
}

.form-backgroundlist .asset-categorylist {
    width: 100%;
    padding: 0;
}

.form-backgroundlist .sidebar-widget-table {
    position: relative;
    width: 300px;
    height: auto;
    border-color: #d7dfe3;
    border-radius: 4px;
}

.asset-librarylist .layout-sidebar {
    position: relative;
}

.asset-librarylist .asset-categorylist.active {
    border-left: 5px solid #009efb !important;
    background: #00bcd40d !important;
}

.asset-categorylist .nav-pills li a {
    padding: 15px;
}

.asset-categorylist .task-details-summary .heading-group {
    font-weight: 600;
}

.asset-categorylist .grouptype-section .task-details-summary .nav-pills.nav-pills-rose {
    overflow-y: hidden;
}

.bg-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.image-repeat {
    background-repeat: repeat;
}

.image-right {
    background-position: top, right;
    background-size: 100% 120%;
}

.bg-imagestyling {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.image-fit {
    background-size: 100% 100% !important;
}

.image--uploadedsection {
    width: 200px;
    padding: 0%;
    border: none;
    opacity: 1;
    height: auto;
    position: inherit;
    margin: 0 auto;
    display: inherit;
}

.image-center {
    background-position: center;
    background-size: contain;
}

.image-left {
    background-position: top, left;
    background-size: cover;
}

.image-norepeat {
    background-repeat: no-repeat;
}

.customform-content-body .ini-request-listing {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #fff;
    min-height: calc(100vh - 10vh);
    max-height: calc(100vh - 10vh);
}

.customform-content-body .reqtile li .reqouterbox {
    height: auto;
}

.customform-content-body .reqtile li .primarytilebox {
    font-size: 13px;
    margin: 0 !important;
    height: auto;
    padding: 7px;
    vertical-align: middle;
}

.customform-content-body .reqtile li .reqouterbox .ctgicon {
    margin-bottom: 0;
    float: left;
}

.customform-content-body .reqtile li .innerdescription {
    color: #888;
    line-height: 3;
}

.customform-content-body .reqtile li {
    margin: 0;
    padding: 0;
    width: 100%;
}

.customform-content-body .card-title {
    padding: 5px 10px;
    vertical-align: baseline;
    line-height: 3;
    margin: 0;
    background: #fff;
}

.ebook-colorset-subheader {
    background: #f9f9f9;
    height: 40px;
    padding: 0px 20px;
}

.title__heading-btns {
    padding: 5px;
}

.title__heading-btns .btn-sm {
    padding: 5px 9px !important;
    font-size: 12px;
    margin: 0 5px !important;
}

.eb-btn-pickcolor-secondary,
.eb-btn-pickcolor-secondary:hover {
    border: transparent;
    background: #77838f;
    color: #fff !important;
    border-radius: 3px !important;
    font-size: 10px !important;
}

.predefined-colors .form-group {
    padding-bottom: 0;
}

.choose-category ul,
.choose--category-add ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
}

.choose-category ul li {
    width: auto;
    max-width: initial;
    position: relative;
    border: none;
    float: left;
    /*    border: 1px solid transparent;*/
}

.empty-color {
    display: inline-block;
    padding: 5px;
    line-height: 1;
    position: relative;
    top: 0;
    vertical-align: top;
    cursor: pointer;
}

.section-additional-color .color--position label {
    color: #444;
    font-weight: 600;
}

.md-lr-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.preview-section {
    background: #cccccc14;
    padding: 30px 15px 20px;
}

.choose-category ul li .category-color.active {
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
}

.ebook-colorset-subheader .title__heading {
    line-height: 2.6;
}

.scroll-left {
    left: -30px;
    position: absolute;
    top: 3px;
    font-size: 30px;
}

.scroll-right {
    right: -30px;
    position: absolute;
    top: 3px;
    font-size: 30px;
}

.form-tab-scroll {
    overflow-x: scroll !important;
    min-width: 100%;
    max-width: 100%;
    display: -webkit-box;
    overflow-y: hidden !important;
}

.form-tab-scroll ul {
    display: flex !important;
    list-style: none;
    margin: 0;
    padding: 0;
}

.form-tab-scroll.panel-scrollbar::-webkit-scrollbar {
    height: 0 !important;
    overflow-x: hidden;
}

.library-doc .qm-static-table .table>tbody>tr>td {
    min-width: auto;
}

.qm-designform-usermanagement .closeaction .activity-selection ul li a {
    background: #fff;
}

.qm-designform-usermanagement .closeaction {
    position: absolute;
    top: 28px;
    right: 18px;
}

.qm-designform-usermanagement .activity-selection ul {
    left: 100px !important;
    padding: 0;
    top: 22px;
}

.standard-primary-sidebar {
    position: inherit;
    background: transparent;
    width: 100%;
    height: 100%;
    border: none;
    border-color: inherit;
    border-radius: 0;
    box-shadow: none;
    /* border-right: 1px solid #dedede; */
}

.standard-primary-sidebar ul {
    padding: 0;
    padding-inline-start: 0;
    margin-bottom: 0;
    width: 100%;
}

.standard-primary-sidebar ul li {
    list-style: none;
    padding: 10px;
    padding-bottom: 0;
    text-decoration: none;
}

.standard-primary-sidebar .sidebar-title {
    font-weight: 500;
    line-height: 1.4;
    background: #fff;
    color: #555555;
    padding: 10px 10px !important;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 0 !important;
    list-style: none;
    font-size: 16px;
}

.standard-primary-sidebar ul li .dropdown-searchfield {
    background: transparent !important;
    width: 100%;
    text-align: left;
    box-shadow: none;
    margin: 0;
    padding: 5px 5px !important;
    border: 1px solid #ced4da;
    border-radius: 3px;
    font-weight: 600 !important;
    color: #495057 !important;
    height: 36px;
    text-transform: capitalize;
    font-size: 14px;
}

.standard-primary-sidebar ul li .dropdown-menu li>a {
    font-size: 14px;
    padding: 10px 10px;
}

.standard-primary-sidebar .search-lists .dropdown-toggle .caret {
    float: right;
    position: relative;
    top: 5px;
    right: 5px;
}

.pent-form-group {
    padding-bottom: 8px;
    margin: 0 0 0 0;
}

.pent-form-control {
    margin-top: auto;
    padding: 5px 5px !important;
    border: 1px solid #ced4da;
    border-radius: 3px;
    font-weight: 600 !important;
    color: #495057;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: #00000000;
    transition: background 0s ease-out;
    height: 36px;
    width: 100%;
}

.left-section-fixed {
    position: fixed;
    width: 30%;
}

.right-section-fixed {
    float: right;
    width: 70%;
    position: fixed;
    right: 0;
}

.user-advanced-search .form-icons {
    position: absolute;
    top: 28px;
    right: 1px;
    background: #edecec;
    padding: 5px;
    line-height: inherit;
    margin: 0;
    font-size: inherit;
    border-radius: 4px;
    line-height: inherit;
}

.user-advanced-search .form-icons i {
    vertical-align: middle;
}

.wizard--modalformprocess .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.wizard--modalformprocess .modal-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    border-radius: 3px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.wizard-modalbodyarea {
    padding: 0 !important;
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 80px 15% !important;
}

.wizard--modalformprocess .wizard-modalbodyarea .btn-closemodal,
.delete-modalform .btn-closemodal {
    position: absolute;
    right: -15px;
    top: -26px;
    z-index: 1002;
    background: #00000085;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 0;
    color: #fff;
}

.wizard--modalformprocess .wizard-modalbodyarea .btn-closemodal:hover,
.wizard--modalformprocess .wizard-modalbodyarea .btn-closemodal:focus,
.wizard--modalformprocess .wizard-modalbodyarea .btn-closemodal:active {
    background-color: #000;
    color: #fff;
}

.panel-wizardsection {
    position: absolute;
    width: 33.33%;
    left: 0;
    right: 0;
    z-index: 99;
}

#bulk-upload-modal .card .card-content,
#bulk-upload-modal .mainbody-container,
#bulk-userupload .card .card-content,
#bulk-userupload .mainbody-container {
    height: calc(100vh - 0vh);
}

.edit-select-icon .user-card-view {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 400px;
    max-height: 400px;
}

.btn-activate.btn-xs {
    background-color: #00c292;
    margin: 0;
}

.btn-deactivate.btn-xs {
    background-color: #ff6c6c;
    margin: 0;
}

.text-success {
    color: #42c24c !important;
}

#display--settings .choose--colornimage.A4preview .form-control {
    height: 215px !important;
    min-height: 215px !important;
    max-height: 215px;
}

.filter--optionstable .choose-vendoricons {
    position: absolute;
    top: 0;
    width: auto;
    right: 0;
}

.intitaterequset-page .filter--optionstable .choose-vendoricons {
    position: absolute;
    top: -5px;
    width: auto;
    right: 105px;
}

#select-user input[type=checkbox],
#select-user input[type=radio],
#select-form input[type=radio] {
    vertical-align: top;
    margin-right: 5px !important;
    width: 18px;
    height: 16px;
    margin-top: 2px !important;
}

.filter--optionstable {
    position: relative;
}

.entity_llisting .customform-content-body {
    overflow-x: hidden;
}

.entitypage-process {
    position: relative;
    top: -5px;
    right: -10px;
    width: 100%;
}

.ebook-colorset-subheader .btn-simple {
    padding: 5px 9px !important;
    font-size: 12px;
    text-transform: inherit;
    margin: 0 5px !important;
    background: #efefef;
}

.standard-primary-sidebar ul li .dropdown-menu li {
    padding: 0;
}

.add-task-workflow .condition-form-content .edit-icon i {
    font-size: 16px;
    color: #e46a76;
    vertical-align: -webkit-baseline-middle;
    position: absolute;
    right: -68px;
    top: 0;
}

.check--icon .fa-check-square-o {
    font-size: 16px !important;
    margin-top: 0;
    position: relative;
    top: -40px !important;
    left: 44px;
}

.select-users {
    display: inline-flex;
}

.managelist--row {
    border-bottom: 1px solid #d3d3d37a;
}

.select-users .user--group {
    background: #eef5f9;
    color: black;
    border: 1px solid #ced4da;
}

.wizardmodal .lhs--pannelstepwizard .wizard .nav-tabs>li {
    width: 19%;
}

.div-img-select {
    width: 40px;
}

.div-img-select img {
    width: 100%;
    cursor: pointer;
    border-radius: 20px;
}

.btn-dlet {
    background-color: #ff6d63;
    padding: 5px 9px !important;
    font-size: 10px;
    margin: 0 5px !important;
    text-transform: uppercase;
}

.color-body-bg {
    background: #fff;
}

#workflow-externalactivity-popup .header--actionsection ul li {
    width: auto !important;
    border: none;
}

.icon-info {
    position: absolute;
    top: -18px;
    right: -20px;
}

.icon-info .fa {
    font-size: 40px !important;
    vertical-align: bottom;
    color: #ffd882 !important;
    padding: 9px;
}

.heading-info {
    font-size: 16px;
    font-weight: 500;
    color: #555555;
    margin: 10px 0;
}

.information-desc {
    font-size: 12px;
    font-weight: 400;
    padding-left: 5px;
    color: #777777;
}

.warning-div {
    border-radius: 5px !important;
    background: #fef3e8 !important;
    border-left: 3px solid #f39821 !important;
}

.task-btns .fa {
    padding: 0 5px;
}

.taskactions-panel .dropdown-menu li {
    width: 100%;
}

.no-record-found img,
.no-record-found {
    width: 50%;
    margin: auto;
    text-align: center;
    padding: 0 70px;
}

.btn--outline__success .fa-edit {
    font-size: 14px !important;
    padding-left: 5px;
    line-height: 1.5;
}

.timeline-milestones .items-listing ul li {
    width: 100%;
    padding: 5px 0;
    margin: 0;
}

.workflowpanelheight .timeline-milestones .task-list-panel .label {
    background: none;
    font-size: 12px;
}

.workflowpanelheight .timeline-milestones .task-list-panel .label i {}

.activity-delete-action {
    color: #e46a76 !important;
}

.eb-btn-pickcolor-secondary .pickingcolor-preview {
    position: absolute;
    z-index: -2;
    visibility: hidden;
}

.division1 {
    width: 100%;
    height: 190px;
    display: flex;
    box-sizing: border-box;
    box-shadow: none;
    margin: auto;
    position: relative;
    background-clip: border-box;
    background-color: var(--color-background-container);
}

.division2 {
    width: 100%;
    height: 100%;
    background-color: var(--color-background-container-tint);
    display: block;
    /* border-radius: 50%; */
    margin: 0 auto;
    position: relative;
    background-color: var(--color-background-container-tint);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.division1 .admin-dashborad-img {
    line-height: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    touch-action: manipulation;
}

.division1 .admin-dashborad-img img {
    border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 20px;
    position: inherit;
    right: 0;
    top: 0;
}

.page-section .modal-header {
    padding: 0 !important;
}

.myprofile-tab-section .tab-pane {
    background: #e6eaea;
}

.item-history .history li {
    overflow: inherit;
    margin: 0;
    text-align: center;
    border: none;
    padding: 0;
    position: relative;
    top: 2px;
}

.item-history .history li a {
    color: #666666;
    margin-right: 15px;
    font-weight: 600;
    border: none;
    position: absolute;
    left: 0;
    top: 2px;
    margin: 0;
}

.pointerlabel {
    text-decoration: underline;
    cursor: pointer;
}

.history-progress li::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    right: -40px;
    background-color: #f9f9f9;
    border: 3px solid #eb8d31;
    top: 2px;
    border-radius: 50%;
    z-index: 1;
}

.history-progress li::before {
    content: '';
    position: absolute;
    height: calc(100vh - 10px);
    width: 3px;
    background-color: #94abc8;
    z-index: 1;
    left: auto;
    top: 25px;
    right: -32px;
}

/*.history-progress .historyli::after:last-child{
    visibility: hidden;
}*/

.history-progress ul {
    margin: 0;
    background: transparent;
    width: 100%;
    border: none;
    box-shadow: none;
}

.div-section-butn {
    width: 100%;
    height: auto;
    border: 1px solid rgba(0, 0, 0, .125);
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgb(0 0 0 / 5%);
    margin-top: 15px;
    background: #f0f8ff;
}

.button-section ul {
    padding: 0;
    list-style: none;
    display: flex;
    width: 100%;
}

.button-section ul li {
    padding: 0;
    border-right: none;
    padding-left: 10px;
}

.button-section {
    padding: 5px 0;
    padding-bottom: 5px;
}

.button-section ul li:last-child {
    border-right: none;
}

.button-design-preview {
    display: block;
    background: #fff;
    padding: 10px;
    margin: 0;
    height: auto;
}

.div-section-butn .btn-deletedanger {
    background: #e8e8e8 !important;
    color: #3e3e3e !important;
    border: 1px solid #ddd;
    box-shadow: none !important;
    padding: 7px 10px !important;
    font-weight: 600;
}

.div-section-butn .material-symbols-outlined.savebtnbtn {
    font-size: 15px;
    color: #2d5c98;
}

.div-section-butn .material-symbols-outlined {
    font-size: initial;
}

.rulename {
    font-size: 13px;
    color: #455a64;
    margin: 0;
    font-weight: 600;
    float: left;
    margin: 0;
}

.task-loop .sys-cardaction #data-decision_1,
.task-loop .sys-cardaction #data-decision_0,
.task-loop .sys-cardaction #data-decision_3 {
    padding-top: 32px;
}

.task-loop .sys-cardaction .workflowpanelheight {
    padding-top: 10px;
}

.task-loop:first-child .sys-cardaction .workflowpanelheight {
    padding-top: 0;
}

.button-design-preview .form-group {
    padding-bottom: 0;
}

page[size="A4"] {
    width: 21cm;
    height: 29.7cm;
}

.cardright {
    margin-top: 10px;
    color: #828282;
    border-color: #d7dfe3;
    border-radius: 4px;
    -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #e3e3e3;
    border-bottom: none;
}

.labelread {
    border-radius: 8px;
    padding: 5px 0;
    text-transform: capitalize;
    cursor: pointer;
    background: transparent !important;
    color: #555555;
    font-size: 13px;
    font-weight: 500;
}

.noshasow {
    box-shadow: none;
}

.sortinput .form-group {
    padding: 0;
}

.sortinput .form-control {
    height: 32px;
    width: 120px;
}

element.style {}

#addtmeproject .passwd-visible {
    position: absolute;
    right: 0;
    top: 17px;
}

.static-table .table.tablescroll>tbody>tr>td {
    min-width: 75px;
    /*            line-height: 2;*/
    vertical-align: middle !important;
}

.tablescroll {
    width: 1380px;
    overflow: scroll;
}

.information-details.noposition {
    position: inherit;
    top: 0;
    right: 0;
}

.headingnorecord {
    font-size: 18px;
    font-weight: 500;
    color: #555555;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

.notasktrackerlist img {
    width: 80px;
    height: auto;
    margin-bottom: 10px;
}

.notasktrackerlist {
    margin: auto;
    text-align: center;
    padding: 20px 20%;
    background: #ffff;
}

.valueheight {
    height: 21px;
}

.budgetresourcediv.form-control,
.budgetresourcediv .form-group .form-control {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.budgetresourcediv {
    width: 450px;
    background: #f3f3f3;
    display: inline-block;
}

.icomdeactive {
    position: absolute;
    top: 1px;
    right: 28px;
    padding: 5px;
    font-size: 20px;
    color: #ff6c6c;
}

.user-taskcalender.popup-modal.left .popup-modal-dialog,
.user-taskcalender.popup-modal.right .popup-modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    transform: translate3d(0%, 0, 0);
}

.user-taskcalender.popup-modal.left .popup-modal-content,
.user-taskcalender.popup-modal.right .popup-modal-content {
    height: 100%;
    overflow-y: hidden;
}

.user-taskcalender.popup-modal.left .popup-modal-body,
.user-taskcalender.popup-modal.right .popup-modal-body {
    padding: 0;
}

.user-taskcalender.popup-modal.right.fade .popup-modal-dialog {
    right: -320px;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.user-taskcalender .calenderview .static-dashboard-task .dashboard-task-content .content-scroll {
    min-height: calc(100vh - 125px);
    max-height: calc(100vh - 200px);
}

.user-taskcalender.popup-modal.right.fade.in .popup-modal-dialog {
    right: 0;
    top: 0;
}

.headeruser img {
    width: 30px !important;
}

.headeruser .emp-detail ul li a.usermail {
    font-size: 11px !important;
    color: #3e3e3e;
    line-height: 0.5;
    text-transform: none;
    font-size: 12px;
    font-weight: 400;
}

.headeruser .emp-detail {
    line-height: .5;
}

.accessdropdwon.selected,
.accessdropdwon:hover.selected {
    color: #7b8ed9 !important;
    border: 1px solid #7b8ed9 !important;
    background: #ecf3ff !important;
}

.avatar-list {
    list-style: none;
    display: flex;
}

.avatar-list img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #eee;
}

.avatar-list li {
    margin-left: -28px;
    transition: translate .3s;
}

.avatar-list li:hover~li {
    translate: 36px;
}

.avatar-group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar {
    position: relative;
    transition: .2s;
}

.avatar:not(:first-child) {
    margin-left: -1.5rem;
}

.avatar:hover {
    z-index: 1;
    transform: translateY(-.5rem);
}

.avatar-name {
    position: absolute;
    bottom: calc(100% + .5rem);
    left: 50%;
    transform: translateX(-50%);
    padding: .5rem .75rem;
    border-radius: .25rem;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: .875rem;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
}

.avatar-name::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: .5rem solid;
    border-color: rgba(0, 0, 0, .7) transparent transparent;
}

.avatar:hover .avatar-name {
    opacity: 1;
    visibility: visible;
}

.avatar img {
    width: 4rem;
    height: 4rem;
    display: block;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .1);
}

/* end: Avatar */
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/login.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************/
/* Login screen styling */
/*.loginscreen-logo img {
    width: 180px;
    height: 44px;
    opacity: 0.80;
}
.card-login .category{
    font-family: "Open Sans",Helvetica,arial,sans-serif;
    font-weight: 600;
    color: #455a64;
    font-size: 12px;
}
.login-screen .card {
    box-shadow: none;
    padding: 50px 15px;
    min-height: 100%;
    background: transparent;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset!important;
    -moz-box-shadow: 0 0 0 30px white inset;
    -ms-box-shadow: 0 0 0 30px white inset;
    -o-box-shadow: 0 0 0 30px white inset;
}
.field-error-message{
    text-align: left;
    font-size: 11px; 
    font-family: 'Poppins', sans-serif;
    color: #6f6e72;
}
.card-login .form-group .form-control {
    margin-top: 3px;
    padding: 0 5px!important;
    font-weight: normal;
    border: none;
    border-bottom:none; 
}
[type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 5px;
    transition: .2s;
}
.logincard-footer{
    margin: 10px 5px;
    font-size: 12px;
    text-align: center;
}
.logincard-footer a {
    font-weight: 600;
}
.login-screen .card-content .input-group .input-group-addon {
    border: 0;
    background: transparent;
    padding: 0 10px 0 0;
}
.login-screen .btn.btn-primary.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple {
    background-color: #1e88e5;
    color: #fff;
    box-shadow: none;
}
.logincard-footer .material-icons{
    font-size: 15px;
}
.login-form-widget{
    height: calc(100vh - 0vh);
    background: #fff;
    box-shadow: -4px 0 40px rgba(0,0,0,0.20)!important;
    border-left: 1px solid #eee;
}

.card-login .card-content {
    padding: 25px 20px!important;}
.card .card-header {
    padding: 0 50px;
    z-index: 3;
}
.termscard-widget{
text-align: center!important;
font-size: 11px;
padding-top: 15px;
font-weight: 600;
}
.termscard-widget a{
    color: #505459;
}
.login-form-widget .form-control[disabled], 
.login-form-widget .form-group .form-control[disabled]{
    background-image: none;
    background: #ffffff!important;
}
.md-mt-170{
    margin-top: 170px;
}
.card-login .card-content .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}
.card-login .form-group label, 
.card-login .form-group label.control-label, 
.card-login label.control-label {
    font-size: 12px;
    line-height: 1.428571429;
    color: #343a40!important;
    font-weight: 600;
}
.login-form-widget .form-group {
    padding-bottom: 10px;
    margin: 0 0 0 0;
}
.login-form-widget .form-group label.control-label {
    margin: 0;
}
.login-form-widget input,
.login-form-widget input::-webkit-input-placeholder {
    font-size: 11px!important;
    font-weight: 400;
}
.continue-btn .btn-login i {
    float: right;
    color: #fff;
    top: 0;
}
.continue-btn .btn-login{
    height: 40px; 
    width: 105px!important;
    padding: 0 10px;
}
.card-login .card-content .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
    border: 0.75pt solid #d5dce0;
    margin: 20px 0 0;
    border-radius: 2px;
}
.card-login i {
    color: #b9babb;
}
.login-screen .card-content .input-group .input-group-addon {
    padding: 0 10px 0 10px;
}
.login-form-widget .form-group {
    padding-bottom: 0;
}
.login-form-widget .field-error-message{
    padding-left: 45px;
}
.login-back{
    border: 1px dotted #ececec;
    height: 40px;
    padding: 0 35px;
    box-shadow: 0 0 0.1px rgba(0,0,0,0.3)!important;
}
.login-back i{
    color: #777373;
}
.login-form-widget input,
.login-form-widget input::-webkit-input-placeholder {
    font-size: 12px!important;
    font-weight: 600!important;
    color: #343a40!important;
}
.notification-col .user-deatiled-card .btn-success {
    border: 1px solid #00c292;
    background: #00c292;
}
.perfect-scrollbar-on::-webkit-scrollbar,
.panel-scrollbar::-webkit-scrollbar {
  width: 7px;
  height: 8px;
  background-color: #f1f4f5; 
}
.perfect-scrollbar-on, .panel-scrollbar{
  overflow: auto;
}
.perfect-scrollbar-on::-webkit-scrollbar-thumb, .panel-scrollbar::-webkit-scrollbar-thumb {
  background: #c9c7c7;
  border-radius: 10px;
}
.btn-signout,
.btn-signout:hover,
.btn-signout:focus,
.btn-signout:active, .btn-signout.active, 
.btn-signout:active:focus, .btn-signout:active:hover{
    border: 1px dotted #f44336;
    background: #f44336;
    color: #f9f9f9;
    box-shadow: none;
    font-size: 11px!important;
    padding: 5px 20px!important;
    font-weight: 500;
}
.btn-openapp:hover,
 .btn-openapp:active:hover{
      background: #ffff;
    color: #505459;
}
.btn-openapp,

.btn-openapp:focus,
.btn-openapp:active, .btn-openapp.active, 
.btn-openapp:active:focus{
  border: 1px solid #ffff;
    background: #fff;
    color: #505459;
    box-shadow: none;
    font-size: 11px!important;
    padding: 10px 20px!important;
}
@media (min-width: 768px) and (max-width: 1023px){
    .login-form-widget{
        background: transparent;
        box-shadow: none!important;
        border-left:none;
        
    }
    .login-screen .card {
        background: #fff;
        box-shadow: -4px 0 40px rgba(0,0,0,0.20);
        margin-top: 200px;
    }
}*/
/*ekah login screen css*/
/* Login screen styling */
.promo-content.banner {
    height: calc(100vh);
}
.enterpriseloginpage .loginscreen-logo img {
    width: 130px;
    height: auto;
    opacity: 1;
}
.div-logn{
    display: flex;
}
.div-logn .img-1{
    height: 600px !important;
    border-radius: 20px 0 0 20px;
}
.img-1 {
    border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: inherit;
    right: 0;
    top: 0;
    width: 100%;
        height: auto !important;
    min-height: auto !important;
}
.enterpriseloginpage .card-login .category {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #455a64;
    font-size: 12px;
}

.enterpriseloginpage .login-screen .card {
box-shadow: none;
    padding: 100px 30px;
    min-height: 100%;
    background: transparent;
    /* margin-top: 80px; */
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 6% auto;
}
.secondlogin{
      margin-top: 70px;
}

/* Change the white to any color ;) */

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px transparent inset !important;
    -moz-box-shadow: 0 0 0 30px white inset;
    -ms-box-shadow: 0 0 0 30px white inset;
    -o-box-shadow: 0 0 0 30px white inset;
}

.field-error-message {
    text-align: left;
    font-size: 11px;
    font-family: "Poppins", sans-serif;
    color: #6f6e72;
}
.passwd-visible,
.passwd-visible.active,
.passwd-visible:focus,
.passwd-visible:hover{
position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    box-shadow: none;
padding: 9px 18px;
    font-size: 13px;
    color: #fff;
    background: #dcdbdb;
    cursor: pointer;
    z-index: 9;
}

.passwd-visible i{
        color:#607D8B!important;
    font-size: 14px!important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color:#232222;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}
.enterpriseloginpage .card-login .form-group .form-control {
    margin-top: 0;
    padding: 0 5px !important;
    font-weight: normal;
    border: none;
    border-bottom: none;
/*        background-color: #13191e !important;*/
        background-color: transparent!important;
        -webkit-appearance: none !important;
                appearance: none !important;
}

[type="checkbox"]+label:before,
[type="checkbox"]:not(.filled-in)+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 5px;
    transition: .2s;
}

.enterpriseloginpage .logincard-footer {
    margin: 10px 5px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

.enterpriseloginpage .logincard-footer a {
    font-weight: 500;
    color: #4b4c4c;
}

.enterpriseloginpage .login-screen .card-content .input-group .input-group-addon {
    border: 0;
    background: transparent;
    padding: 0 10px 0 0;
}
.secondlogin .btn.passwd-visible:hover,
.secondlogin .btn.passwd-visible{
    top: 0;
    right: 0;
    margin: 0;
    height: 36px;
    border-radius: 0;
    padding: 9px 15px;
}
.form-group select {
    -webkit-appearance: none;
            appearance: none;
}
.enterpriseloginpage .login-screen .btn.btn-primary.btn-simple,
.enterpriseloginpage .navbar .navbar-nav>li>a.btn.btn-primary.btn-simple {
        background-color: #de7e3c !important;
    color: #fff;
    box-shadow: none;
    font-weight: 500;
}
.secondlogin select.form-control {
    margin-top: -7px;
    padding: 5px 5px !important;
    border: 1px solid #ced4da;
    border-radius: 3px;
    font-weight: 500 !important;
        color: #232222 !important;
}
.enterpriseloginpage .logincard-footer .material-icons {
    font-size: 15px;
}

.enterpriseloginpage .login-form-widget {
    width: 450px;
    height: 600px;
    background: #ffffff;
    /* background: rgb(255 255 255 / 70%); */
    /* box-shadow: -4px 0 40px rgba(0, 0, 0, 0.30) !important; */
    /* border-left: 1px solid #eee; */
    margin: 100px auto;
    text-align: center;
    display: inline-flex;
    top: calc((100vh - 800px) / 2);
    position: relative;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
    transition: opacity .5s ease;
    border-radius: 20px;
}

.enterpriseloginpage .card-login .card-content {
    padding: 10px 20px !important;
}

.enterpriseloginpage .card .card-header {
    padding: 0 20px;
    z-index: 3;
}

.enterpriseloginpage .termscard-widget {
    text-align: center !important;
    font-size: 11px;
    padding-top: 10px;
    font-weight: 500;
}

.enterpriseloginpage .termscard-widget a {
    color: #434343;
    font-weight: 600;
}

.enterpriseloginpage .login-form-widget .form-control[disabled],
.enterpriseloginpage .login-form-widget .form-group .form-control[disabled] {
    background-image: none;
    /* border-bottom: 1px dotted #D2D2D2; */
/*    background: #ffffff !important;*/
    background: transparent!important;
/*        background-color: #13191e !important;*/
}

.enterpriseloginpage .card-login .card-content .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}

.enterpriseloginpage .card-login .form-group label,
.enterpriseloginpage .card-login .form-group label.control-label,
.enterpriseloginpage .card-login label.control-label {
    font-size: 12px;
    line-height: 1.428571429;
    color: #343a40 !important;
    font-weight: 500;
}

.enterpriseloginpage .login-form-widget .form-group {
    padding-bottom: 10px;
    margin: 0 0 0 0;
}

.enterpriseloginpage .login-form-widget .form-group label.control-label {
    margin: 0;
}

.enterpriseloginpage .login-form-widget input,
.enterpriseloginpage .login-form-widget input::-webkit-input-placeholder {
    font-size: 11px !important;
    font-weight: 400;
}

.enterpriseloginpage .continue-btn .btn-login i {
    float: right;
    color: #fff;
    top: 0;
}
.messagesent-mail{
    text-align: center;
}
.loginscreen-logo .sub-title{
    color: #3e3e3e;
    margin-bottom: 0;
    font-size: 12px;
    text-align: center;
    font-weight: 400;
}
.messagesent-mail .sub-title{
    font-size: 12px;
    color: #3e3e3e;
}
.messagesent-mail h4{
    color: #3e3e3e;
    font-weight: 500;
    font-size: 18px;
    margin: 15px 0;
}
.messagesent-mail .material-symbols-outlined{
    font-size: 32px;
    border-radius: 40px;
    border: 2px solid #3dcc58;
    padding: 10px 10px;
    color: #3dcc58;
}
.enterpriseloginpage .continue-btn .btn-login {
    height: 40px;
    width: auto;
    padding: 0 10px;
    font-size: 13px !important;
}

.enterpriseloginpage .card-login .card-content .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
    border: 0.75pt solid #d5d5d5;
    margin: 20px 0 0;
    border-radius: 2px;
}

.enterpriseloginpage .card-login i {
    color: #3c4142bd;
    display: inline-block;
}

.enterpriseloginpage .login-screen .card-content .input-group .input-group-addon {
    padding: 0 10px 0 10px;
}

.enterpriseloginpage .login-form-widget .form-group {
    padding-bottom: 0;
}

.enterpriseloginpage .login-form-widget .field-error-message {
    padding-left: 45px;
}

.enterpriseloginpage .login-back {
/*    border: 1px dotted  #65CBE9;*/
    height: 40px;
    padding: 0 35px;
    background-color: #dcdbd6 !important;
    box-shadow: 0 0 0.1px rgba(0, 0, 0, 0.3) !important;
        margin-right: 10px;
}

.enterpriseloginpage .login-back i {
    color:  #607d8b;
    font-size: 30px;
}
select,
.enterpriseloginpage .login-form-widget input{
       color: #232222 !important;
       font-size: 12px !important;
    font-weight: 500 !important;
}
select::-webkit-input-placeholder,
.enterpriseloginpage .login-form-widget input::-webkit-input-placeholder {
    font-size: 12px !important;
    font-weight: 500 !important;
        color: #757575 !important;
}

.perfect-scrollbar-on::-webkit-scrollbar,
.panel-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #f1f4f5;
    /** or add it to the track **/
}

.perfect-scrollbar-on,
.panel-scrollbar {
    overflow: auto;
}

.perfect-scrollbar-on::-webkit-scrollbar-thumb,
.panel-scrollbar::-webkit-scrollbar-thumb {
    background: #666;
}

.enterpriseloginpage .btn-signout,
.enterpriseloginpage .btn-signout:hover,
.enterpriseloginpage .btn-signout:focus,
.enterpriseloginpage .btn-signout:active,
.enterpriseloginpage .btn-signout.active,
.enterpriseloginpage .btn-signout:active:focus,
.enterpriseloginpage .btn-signout:active:hover {
    border: 1px dotted #99abb4;
    background: #fff;
    color: #99abb4;
    box-shadow: none;
    font-size: 11px !important;
    padding: 5px 20px !important;
}
.btn-openapp:hover ,
 .btn-openapp:active:hover {
    border: 1px dotted #de7e3c;
    background: #de7e3c !important;
    color: #fff!important;
}
.btn-openapp, .btn-openapp:focus,
 .btn-openapp:active, .btn-openapp.active,
  .btn-openapp:active:focus {
    border: 1px dotted #de7e3c;
    background: #ffff !important;
    color: #de7e3c!important;
    box-shadow: none;
    font-size: 12px!important;
    padding: 10px 20px!important;
    position: relative;
    bottom: 0;
    right: inherit;
    text-align: center;
    font-weight: 600;
}

/* .btn-openapp:hover
{
    font-weight: 600;
    border: 1px solid #fff7f7 ;
    background: transparent;
    color: #75a9fb ;
    box-shadow: none;
}
.btn-openapp:hover i{
    color: #75a9fb ;
} */

.enterpriseloginpage .confirmchangepassword-notification {
    padding: 15px;
    background: transparent;
    color: #26c6da;
    font-size: 12px;
    text-align: left;
    font-weight: 400;
    border-radius: 2px;
    border: 1px solid #26c6da;
    margin-bottom: 15px;
}
.enterpriseloginpage .deniedchangepassword-notification {
    padding: 15px;
    background: transparent;
    color: #f44336;
    font-size: 12px;
    text-align: left;
    font-weight: 400;
    border-radius: 2px;
    border: 1px solid #f44336;
    margin-bottom: 0px;
}
.noinitated-records h5{
    font-weight: 500;
}
.homelandingdashboard  svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 50px;
    margin-left: 0;
  }
.noinitated-records {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    width: 100%;
    text-align: center;
}
.no-record-svg {
    width: 135px;
    text-align: center;
    display: inherit;
    padding-bottom: 0;
    opacity: 0.50;
}

.noinitated-records p {
    font-size: 12px;
    color: #505459;
    text-align: center;
    padding: 0;
    font-weight: 500;
    margin-bottom: 0;
}
.noinitated-records img {
    text-align: center;
    padding: 0;
    width: 150px;
    height: 150px;
    display: block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.50;
}
.enterpriseloginpage .promo-content {
    width: 100%;
    height:auto;
    overflow: visible;
    object-fit: cover;
    display: block;
    vertical-align: middle;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
      padding:0;
    width: 100%;
    text-align: left !important;
    position: relative;
        height: auto;
}
.ekahlogo{
    position: absolute;
    top: 30px;
    bottom: auto;
    left: 0;
    width: 150px;
    text-align: center;
    right: 0;
    margin: auto;
}
.enterpriseloginpage .promo-content h2 {
    font-size: 22px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
    line-height: 1.3;
    text-transform: inherit;
}
.enterpriseloginpage .promo-content .title-sub {
      letter-spacing: 1px;
      line-height: 1.3;
}
.enterpriseloginpage .promo-heading {
    font-size: 38px;
    color: #fff;
    font-weight: 600;
}
.enterpriseloginpage .promo-intro {
    font-size: 20px;
    color: #646871;
    font-weight: 400;
    font-style: italic;
    line-height: 2.2;
}
.enterpriseloginpage .brandname {
    font-size: 24px;
    color: #fff;
    line-height: 4;
    font-weight: 700;
}
.swappable-text {
    font-size: 44px;
    color: #f44336;
    font-weight: 500;
}

/*login page*/
@media (min-width: 768px) and (max-width: 1023px) {
    .login-background {
        background-image: url(http://uat.ekah.io/BPMV1/app/assets/img/loginbg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    
    .logout-icon img {
        width: 35px;
        height: 35px;
        border-radius: 50%;
    }
    
    .logincard-footer a {
        font-weight: 500;
        color: #555;
    }
}
.enterpriseloginpage .banner {
       width: 100%;
    display: block;
height: auto;
    background-image: url(/assets/img/loginbg.jpg)!important;
background-position: 100% 100%;
   background: #ffff;
    top: 0;
}
.enterpriseloginpage .background-banner-office .promo-heading {
    color: #532d87;
    font-size: 90px !important;
    line-height: 100px;
}
.enterpriseloginpage .background-banner-finacial .promo-heading {
    font-size: 38px;
    color: #ffb74d;
    font-weight: 600;
    font-size: 90px !important;
    line-height: 100px;
}
.enterpriseloginpage .background-banner-dms .promo-heading {
    font-size: 38px;
    color: #59d583;
    font-weight: 600;
    text-align: left;
    font-size: 90px !important;
    line-height: 100px;
}
.enterpriseloginpage .login-screen .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #59beff;
    border-radius: 10px;
}
.enterpriseloginpage .login-screen .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #59beff;
}
.enterpriseloginpage .login-screen .carousel-indicators {
    position: absolute;
    bottom: 10px;
    z-index: 15;
    width: 75%;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none;
    left: inherit !important;
}
.enterpriseloginpage .first-login-section {
        display: flex;
    /* justify-content: space-around; */
    /* align-items: center; */
    /* background: #0000004f; */
    background: #0000000a;
    position: fixed;
    left: 0;
    /* top: 0; */
    width: 100%;
    height: 100%;
/*       position: absolute;*/
    top: 0;
    right: 0;
/*    width: 100%;*/
    left: 0;
    margin: auto;
    text-align: center;
}
.enterpriseloginpage .login-footersection {
/*     position: absolute;*/
    bottom: 40px;
    left: 0;
    right: 0;
}
.animated {
    animation-duration: 5s;
}
.enterpriseloginpage .btn-flowoffice:hover {
    box-shadow: none;
    background-color: #fff !important;
    color: #532d87 !important;
    border: 1px solid;
      font-weight: 500;
}
.enterpriseloginpage .btn-flowoffice{
box-shadow: none;
    background-color: #532d87!important;
    color: #fff!important;
    border: 1px solid;
    font-weight: 500;
    float: right;
}
.app-ekha{
   width: 100%;
    background: #ffff;
    transition: opacity .5s ease;
    box-shadow: 0px 30px 40px -20px #c3c9d0;
}
.applist-dashboard.ekah-app-list .subscribedapp-section ul li {
       padding: 5px 15px;
    display: block;
    min-width: 50%;
    max-width: 50%;
    float: left;
    height: auto;
}
.qm-appdashboard-page .applist-dashboard.ekah-app-list .qm-appcard .card-content{
        height: auto;
    min-height: auto!important;
}
.promo-content .icon img{
    width: 185px;
}
.ekah-app-list  .qm-appcard{
    left: 0;
    right: 0;
    width: 90%!important;
    top: -60px;
}
.app-btns-grp a{
    width: 48%;
    float: left;
}
.heading-second{
    position: relative;
    margin: 10px 0 0 0;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #090b17;
}
.app-ekha img{
    width: 100%;
    border-radius: 4px;
    border: 1px solid #fff7f7;
    height: auto;
}
.enterpriseloginpage .btn-elms {
    color: #f99604 !important;
    background-color: #fff !important;
    border: 1px solid #f99604;
}

@media (min-width: 768px) and (max-width: 1023px) {

.login-screen .card .card-content{
    padding: 0!important;
}
.loginlogo {
    padding: inherit;
}
    /*.enterpriseloginpage .login-form-widget {
        background: transparent;
        box-shadow: none !important;
        border-left: none;
        height: calc(100vh - 22vh);
    }*/
    
   /* .enterpriseloginpage .login-screen .card {
        background: #fff;
        box-shadow: -4px 0 40px rgba(0, 0, 0, 0.20);
        margin-top: 200px;
    }
*/    /*
    .enterpriseloginpage .promo-content {
        padding: 200px 0px;
        text-align: center !important;
        height: calc(100vh - 24vh);
    }
    */
    .enterpriseloginpage .promo-content h2 {
        font-size: 15px;
    }
    
    .enterpriseloginpage .background-banner-office .promo-heading {
        color: #532d87;
        font-size: 50px !important;
        line-height: 30px;
    }
    
    .enterpriseloginpage .background-banner-finacial .promo-heading {
        color: #ffb74d;
        font-size: 50px !important;
        line-height: 30px;
    }
    
    .enterpriseloginpage .promo-intro {
        font-size: 15px;
        color: #646871;
        font-weight: 400;
        font-style: italic;
        line-height: 2.2;
    }
    
    .enterpriseloginpage .login-footersection {
        position: inherit;
        bottom: 0;
    }
    
   /* .enterpriseloginpage .first-login-section {
        width: 50%;
    }*/
}
.enterpriseloginpage .notification-col .user-deatiled-card .btn-success {
    border: 1px solid #00c292;
    background: #00c292;
}

.menu {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-block: 3rem 2rem;
  background: var(--color-white-100);
  box-shadow: var(--shadow-medium);
  transition: all 0.45s ease-in-out;
}
.menu.is-active {
  top: 0;
  width: 100%;
  height: inherit;
}
.menu-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: right;
  row-gap: 1.25rem;
}
.menu-link {
      font-family: inherit;
    font-size: 13px;
        cursor: pointer;
    font-weight: 500;
    line-height: inherit;
    text-transform: uppercase!important;
    color: #3e3e3e;
    transition: all 0.35s ease-in-out;
}

.menu-link:hover,
.menu-link:active {
 outline: none;
    color: #00bcd4;
}
.heading-card{
    color: #000000;
    font-weight: 500;
    font-size: 25px;
    margin: 0;
    text-transform: uppercase;
    min-height: auto;
    text-align: left;
    padding: 0 10px;
}
.menu {
       position: relative;
    justify-self: end;
    top: 0;
    left: inherit;
    width: auto;
    height: auto;
    padding-block: 0;
    background: none;
    box-shadow: none;
    transition: none;
    z-index: 9999;
    display: initial;
  }
  .menu-inner {
   display: flex;
    flex-direction: row;
    -moz-column-gap: 3.25rem;
         column-gap: 3.25rem;
    margin: 0 auto;
    list-style: none;
    padding: 10px;
  }
  .menu-link {
    text-transform: capitalize;
  }
  .signout-modal {
  left: auto;
    right: 0;
    position: absolute;
    top: 30px;
}
.signout-container {
    background: #fff;
}
 .signout-container {
        width: 340px;
    padding: 0;
    border: none;
    box-shadow: none;
    cursor: default;
}
.signout-body {
    padding: 15px 5px;
}
.signout-body img {
    width: auto;
    border-radius: 50%;
    min-height: 80px;
    max-height: 80px;
        margin-left: 0;
    min-width: 25px;
    background-size: 100% 100%;
        height: auto;
    text-align: center;
}
.profile-info {
    position: relative;
    top: 15px;
}
.card-name {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    color: #ffffff;
    margin: 0;
        line-height: 2;
    letter-spacing: 1px;
}
.card-email {
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    color: #58666e;
}
.about-description{
  font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ffff;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 2; 
}
.productnametitle{
        text-transform: uppercase!important;
}
.div-1{
        width: 100%;
    height: auto;
    display: flex;
    box-sizing: border-box;
    background-clip: border-box;
    background-color: var(--color-background-container);
    border: 4px solid var(--color-background-container);
    box-shadow: none;
    margin: auto;
    position: relative;
}

.div-2{
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
        margin: 0 auto;
    position: relative;
        width: 100%;
    height: 100%;
}
.app-ekha{
    line-height: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    touch-action: manipulation;
}

.app-ekha img{
    min-height: 238px;
    max-height: initial;
        height: 100%;
        border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: inherit;
    right: 0;
    top: 0;
}
.indashboard{
    display: block;
    margin: auto!important;
    width: 70%;
}
.indashboard-list{
        min-height: 435px!important;
    max-height: 435px;
    overflow-y: hidden;
}
.loginbgimage{
      position: relative;
    width:100%;
    height: 100%;
    display: block;
    background-size: cover;
}
.loginbgimage img{
       width: 100%;
    padding: 60px 0;
}
.promo-content .icon{
    background: #ffffff;
    padding: 5px 30px 5px 10px;
    border-radius: 13px;
    width: auto;
    display: inline-block;
}
.loginlogo{
    height: 525px;
   text-align: center;
    margin: 0% auto;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height:auto;
}

h3.loginheader{
        margin: 0;
    margin-top: 30px;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}
.login-form-widget input:-internal-autofill-selected {
    background-color: transparent!important;
}
.verticallogin-separator{
  width: 1px;
    position: absolute;
    height: calc(100vh - 55vh);
    color: #ffff;
    display: block;
    right: 0;
    z-index: 9;
    top: 0;
    text-align: center;
    background: #8999a5;
    bottom: 0;
    margin:auto;
}.wrapper {
    position: relative;
    top: 0;
    height: auto;
}
.enterpriseloginpage{
 position: fixed;
    left: 0;
    right: 0;
    top: 0;
}
/*dahboard landing*/
.qm-appdashboard-page .applist-dashboard-header .navbar-transparent {
    border-bottom: 0;
    border-image: none;
    border-radius: 0;
    background: -webkit-gradient(0deg, #3ea7ff 0%, #42d1ff 100%);
    background: -o-linear-gradient(0deg, #3ea7ff 0%, #42d1ff 100%);
    z-index: 99;
    transition: all 1s;
    box-shadow: none;
    border-bottom-style: solid;
    height: 30px;
    position: fixed;
}

.qm-appdashboard-page .perfect-scrollbar-on::-webkit-scrollbar,
.panel-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 8px;
    background-color: #f1f4f5;
}

.qm-appdashboard-page {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.qm-appdashboard-page .applist-dashboard-header .navbar-transparent .signout-option .dropdown-toggle {
    margin: 10px;
    color: #fff;
    cursor: pointer;
}

.qm-appdashboard-page .wrapper.wrapper-full-page {
    height: auto;
    min-height: 100vh;
    background: #ffffff;
}

.qm-appdashboard-page .qm-enterprise-banner-logo .logo-tagline {
    color: #fff;
    font-size: 10px;
    margin-bottom: 0;
}

.qm-appdashboard-page .dashboard-main-content .sub-feature-col {
    height: calc(100vh - 8vh);
    overflow-y: hidden;
    background: #f5f9fc;
}

.qm-appdashboard-page .dashboard-main-content .sub-feature-col .applist-dashboard {
    min-height: calc(100vh - 8vh);
    max-height: calc(100vh - 8vh);
    overflow-y: none;
    overflow-x: hidden;
    background: #ffffff;
}

.qm-appdashboard-page .dashboard-main-content {
    height: 100%;
    background: #f0f0f0;
    padding-top: 0;
}

.qm-appdashboard-page .applist-section-heading {
       padding: 0 15%;
    font-weight: 500;
    line-height: 1.8;
    color: #3e3e3e;
    font-size: 14px;
        margin-bottom: 40px;
}

.qm-appdashboard-page .applist-section-heading .title {
    color: #5258af;
    font-size: 35px;
        line-height: 1.5;
    margin: 0;
    font-weight: 400;
    text-shadow: 1px 1px #d2d2d2;
}
.qm-appcard img{
        border-radius: 5px 5px 0 0;
}
.applist-section-heading .sub-title {
    font-size: 13px;
    margin-bottom: 0;
}
.main-panel {
    width: calc(100%);
    min-height: calc(100vh);
}
.enterpriseloginpage .carousel  .promo-content.banner{
height: calc(100vh);
}
.zindex99{
    z-index: 99;
}
.qm-appdashboard-page .qm-appcard {
    width: 100%;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border-radius: 20px;
    text-align: left;
    cursor: default;
    height: auto;
    margin-bottom: 25px;
    background: #fafafa;
    transition: opacity .5s ease;
    box-shadow: 0px 30px 40px -20px #c3c9d0;
    border: 1px solid #eeeded;
}
.qm-appdashboard-page .card-info{
    padding: 0 10px;
    font-size: 12px;
    color: #9e9e9e;
}
.qm-appdashboard-page .qm-appcard:hover {
    -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
    transition: opacity .5s ease;
}

.qm-appdashboard-page .qm-appcard .card-content {
        padding: 20px 15px;
    position: relative;
    border: none;
    height: auto;
    min-height: 75px;
    border-radius: 5px;
    text-align: center;
}

.qm-appdashboard-page .qm-appcard .card-title {
    margin-top: 5px;
    margin-bottom: 5px !important;
    font-size: 14px;
    color: #323232;
    font-weight: 500;
}
.unautherisedaccesss .guild-lines h3 {
    font-weight: 600;
    font-size: 22px;
    color: #33475b;
    line-height: normal;
    margin: 15px 0;
}
.unautherisedaccesss .customfiled-guide .guild-lines p {
    border-top: none;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
}
.unautherisedaccesss .customfiled-guide .guild-img img {
    top: 0;
    right: 0;
}
.unautherisedaccesss .guild-laypoutm.customfiled-guide {
    display: block;
    padding-top: 95px ;
    justify-content: center;
    text-align: center;
}
.qm-appdashboard-page .qm-appcard .category {
  color: #3e3e3e;
    font-weight: 500;
    font-size: 18px;
    margin: 0;
    text-transform: capitalize;
    min-height: auto;
       text-align: left;
    padding: 0 10px;
}

.qm-appdashboard-page .qm-appcard .card-content .icon {
    padding: 0;
    color: #999999;
    text-align: left;
    margin-bottom: 10px;
    min-height: 0;
}

.qm-appdashboard-page .qm-appcard .card-content .icon img {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: left;
    padding: 0;
    width: 140px;
}
.divimgpro{
    height: 200px;
    display: flex;
    padding: 15px;
    border-radius: 20px;
}
.qm-appdashboard-page .qm-appcard .card-content .icon i {
    margin: 0;
    border: none;
    border-radius: 50%;
    width: auto;
    line-height: 1;
    height: auto;
    font-size: 45px;
    text-align: center;
    color: #f44336;
    float: right;
    display: block;
    position: absolute;
    top: -35px;
    right: -1px;
    background: #ffffff;
    padding: 10px;
}

.qm-appdashboard-page .qm-appcard .card-description {
    color: #a3a3a3;
    margin-top: 20px;
    font-size: 12px !important;
    line-height: 1.6;
}

.qm-appdashboard-page .qm-appcard:hover .card-description {
    color: #fff;
    margin-top: 20px;
}


.qm-appdashboard-page .qm-appcard:hover .trail-details,
.qm-appdashboard-page .qm-appcard:hover .trail-details a {
    color: #fff;
}

.qm-appdashboard-page .qm-appcard .trail-details {
    font-size: 10px;
    color: #a3a3a3;
    margin: 0;
    line-height: 1.2;
    font-weight: 400;
}

.qm-appdashboard-page .qm-appcard .trail-details a {
    font-size: 10px;
    color: #448aff;
    margin: 0;
    line-height: 1.2;
    font-weight: 400;
    cursor: pointer;
}

.dashboard-main-content .applist-dashboard .subscribedapp-main .subscribedapp-section {
    padding: 50px 0 0 0;
}

.dashboard-main-content .featuredapp-section {
    padding: 0 15px;
}

.qm-appdashboard-page .notification-col .notification-list .nt-tilte {
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 0;
    color: #090b17;
}

.qm-appdashboard-page .notification-col .notification-list ul .notify-details:hover {
    background: #efefef;
}

.qm-appdashboard-page .applist-dashboard-header .navbar .navbar-nav>.notification-details a>i {
    font-size: 16px !important;
    background-color: #fff !important;
}

/*.applist-dashboard .subscribedapp-section ul li:nth-child(1n) .qm-appcard .card-content
{
     border-top: 3px solid #ff8c84;  
}

.applist-dashboard .subscribedapp-section ul li:nth-child(2n) .qm-appcard .card-content{
     border-top: 3px solid #1be5ff;
}*/
/*.applist-dashboard .subscribedapp-section ul li:nth-child(3n) .qm-appcard .card-content
{
      
           border-top: 3px solid #ffc107;
}
.applist-dashboard .subscribedapp-section ul li:nth-child(4n) .qm-appcard .card-content{
           border-top: 3px solid #61add9;
}
*/
.applist-dashboard .subscribedapp-section ul li:nth-child(1n) .qm-appcard .card-content .icon i{
color: #ff8c84;
    opacity: .8;

}
.applist-dashboard .subscribedapp-section ul li:nth-child(2n) .qm-appcard .card-content .icon i{
/*color: #1be5ff;*/
    opacity: .8;

}
.applist-dashboard .subscribedapp-section ul li:nth-child(3n) .qm-appcard .card-content .icon i{
/*color: #ffc107;*/
    opacity: .8;

}
.applist-dashboard .subscribedapp-section ul li:nth-child(4n) .qm-appcard .card-content .icon i{
/*color: #61add9;*/
    opacity: .8;

}

.qm-appdashboard-page .notification-col .notification-list {
    padding: 0;
    cursor: default;
    margin: 10px;
}

.qm-appdashboard-page .notification-col .notification-list ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
}

.qm-appdashboard-page .notification-col .notification-list ul .notify-details {
    padding: 5px;
    width: 100%;
    display: inherit;
    list-style: none;
    border-radius: 3px;
}

.qm-appdashboard-page .notification-col .notify-details .list-image img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 5px auto;
}

.qm-appdashboard-page .notification-col .notify-details .main-heading {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    line-height: 1.5em;
}

.qm-appdashboard-page .notification-col .notify-details p {
    font-size: 11px;
    font-weight: 400;
    color: #777;
    margin-bottom: 0;
    line-height: 1.8;
}

.qm-appdashboard-page .notification-col .notify-details .sub-heading {
    font-size: 10px;
    margin: 0;
    text-transform: lowercase;
    color: #999;
    line-height: 1.5em;
}

.qm-appdashboard-page .notification-col .notify-details i {
    display: none;
}

.qm-appdashboard-page .notification-col .notify-details:hover i {
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    font-size: 11px;
    border-radius: 50%;
    padding: 2px;
    background: #ef5011;
    color: #fff;
}

.qm-appdashboard-page .notification-col {
    height: calc(100vh - 8vh);
    background: #ffffff;
    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.09)!important;
    border-left: none;
}
.productnametitle {
    text-transform: uppercase !important;
}
.heading-card {
    color: #000000;
    font-weight: 500;
    font-size: 22px;
    margin: 0;
    text-transform: uppercase;
    min-height: auto;
    text-align: center;
    padding: 0 10px;
}
.applist-dashboard .subscribedapp-section ul {
    padding: 0;
    list-style: none;
    margin: 0;
    text-align: center;
}
.applist-dashboard .subscribedapp-section ul li {
    padding: 5px 0px;
    display: inline-flex;
    min-width: 300px;
    max-width: 300px;
    width: 300px;
    margin: 0 15px;
    position: relative;
}
.applist-section-heading .ekahlogo {
    position: relative;
    top: auto;
    bottom: 0;
    left: 0;
    width: 190px;
    text-align: center;
    right: 0;
    margin: auto;
}
.listproductsscrollpage .enterpriseloginpage{
  overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: auto;
    max-height: calc(100vh - 0vh);
   
        background-repeat: repeat;
}
.listproductsscroll {
    position: absolute;
    top: 100px;
    width: 100%;
    margin: auto;
}
.productdisable{
    display: none;
}
.applist-dashboard .subscribedapp-section ul li.disabled .productdisable{
      background: #a8c2cd;
    position: absolute;
    height: 93%;
    display: inline-flex;
    z-index: 9;
    top: 4px;
    opacity: 0.5;
    width: -webkit-fill-available;
    border-radius: 5px;
    display: inline-flex;
    flex-direction: column;
}
.w100px{
    width: 100px!important;
}
.pricing-table {
    background: #fff;
    box-shadow: 0 1px 10px -4px #00000026;
    padding: 20px;
    transition: .3s;
    border-radius: 4px;
    content: "";
    display: block;
    grid-column: 3;
    grid-row-end: 2;
    grid-row-start: -1;
    border-top: solid;
    height: 100%;
    width: 85%;
    margin: auto auto 30px;
}
.pricing-table h2 {
    color: #3b3b3b;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 10px;
}
.pricing-table h5 {
    color: #959595;
    font-size: 14px;
    font-weight: 400;
}
.pricing-table .price-tag {
    margin-top: 1rem;
    text-align: left;
    font-weight: 500;
}
.pricing-table .price-tag .symbol {
    font-size: 16px;
    color: #000;
}
.pricing-table .price-tag .amount {
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    color: #000
}

.pricing-table .price-tag .after {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #48505e
}

.seatno .material-symbols-outlined {
    font-size: 15px;
    vertical-align: text-top
}

.pricing-table .price-button {
    display: block;
    color: #fff;
    margin-top: 1rem;
    padding: .75rem;
    border-radius: 3px;
    text-align: center;
    font-weight: 500;
    transition: .3s
}

.pricing-table .price-button:hover {
    text-decoration: none
}
.pricing-table .pricing-features {
    min-height: 350px;
    max-height: 410px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}
.pricing-table .pricing-features .feature {
    font-size: 14px;
    margin: .5rem 0;
    color: #141414;
}
.pricing-table .pricing-features {
    margin-top: 2rem;
}
.feature i {
    font-size: 12px;
    color: #864ffd;
    padding-right: 6px;
    position: relative;
    top: 5px;
}
.planssummary .wrapper {
    position: fixed;
    top: 0;
    height: calc(100vh - 0px);
    width: 100%;
}
.custom-card .img-1{
    width: 80%;
    position: relative;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    justify-content: center;
    display: block;

}
.w70px{
    width: 50px!important;
}
.addcount{
 font-size: 13px;
    margin: 0;
    padding-right: 10px;
    font-weight: 500;
    color: #3e3e3e;
    line-height: 3;
    vertical-align: middle;
}
.custom-pricing {
    padding: 60px 0;
    position: relative;
    top: 0;
    width: 100%;
    text-align: center;
    left: 0;
    background: #fff;
}
/* .planslisting{
        overflow: auto;
    min-height: 500px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
} */
.custom-heading {
    font-size: 2.6rem;
    margin-bottom: 0.5rem;
    color: #1e1e2f;
    color: #5258af;
    font-size: 35px;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
    text-shadow: 1px 1px #d2d2d2;
}
.custom-subheading {
    font-size: 13px;
    margin-bottom: 4rem;
    color: #555;
}

.custom-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
}

.custom-card {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  padding: 2.2rem;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.07);
  transition: all 0.3s ease;
  text-align: left;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  position: relative;
}

.custom-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.12);
}
.bgautofx {
position: fixed;
    width: 100%;
    height: calc(100vh - 0px);
    left: 0;
    right: 0;
}
.pricing-features{
    gap: 10px;
    display: grid;
    margin: 20px 0;
}
.planssummary{
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: calc(100vh - 0px);
    overflow-x: hidden;
}
.custom-pricing .highlighted {
  border: 2px solid #4f46e5;
  background: linear-gradient(to right, #4f46e5, #6d28d9);
  color: #fff;
}

.custom-pricing .highlighted .btn-filled {
  background: #fff;
  color: #4f46e5;
}

.custom-pricing .custom-icon {
  margin-bottom: 1.2rem;
  color: #4f46e5;
}

.custom-pricing .highlighted .custom-icon {
  color: #fff;
}

.custom-pricing .custom-card h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 18px;
}
.custom-pricing .price {
  font-size: 2rem;
  font-weight: bold;
  margin: 1rem 0;
  color: #333;
}

.custom-pricing .highlighted .price {
    color: #3e3e3e;
    text-align: right;
    /* float: right; */
    /* position: relative; */
    right: 0;
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-weight: 600;
}

.custom-pricing .price span {
    font-size: 12px;
    color: #888;
    font-weight: 400;
}

.custom-pricing .highlighted .price span {
  color: #e0e0e0;
}

.custom-pricing .features {
  list-style: none;
  padding: 0;
  margin: 1rem 0 2rem;
}

.custom-pricing .features li {
  margin-bottom: 0.6rem;
  font-size: 0.95rem;
  color: #444;
}

.custom-pricing .highlighted .features li {
  color: #eaeaea;
}

.custom-pricing .btn-outline,.custom-pricing  .btn-filled {
  padding: 0.7rem 1.4rem;
  font-size: 0.95rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid #4f46e5;
}

.custom-pricing .btn-outline {
  background: transparent;
  color: #4f46e5;
}

.custom-pricing .btn-outline:hover {
  background: #4f46e5;
  color: #fff;
}

.custom-pricing .btn-filled {
  background: #fff;
  color: #4f46e5;
  border: none;
}

.custom-pricing .btn-filled:hover {
  background: #e6e6ff;
}

@media (max-width: 768px) {
 .custom-pricing  .custom-heading {
    font-size: 2rem;
  }
}
.summarycard .section-header .widget-title {
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #3e3e3e;
}

.summarycard .section {
    margin-bottom: 16px;
    background: #fff;
    border-radius: 10px;
    padding: 10px 10px;
}
.summarycard .section-header {
    display: inline-block;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
}

  .summarycard .section-header img {
    width: 18px;
    height: 18px;
  }

.summarycard .details {
font-size: 13px;
    color: #666;
    margin-top: 10px;
    margin: 0;
    margin: 5px 10px;
    font-weight: 400;
    justify-content: space-between;
}

  .summarycard .price {
    float: right;
    color: #000;
    font-weight: 500;
  }

 .summarycard  .points {
    float: right;
    color: #666;
  }

 .summarycard  hr {
    border: none;
    border-top: 1px solid #eee;
    margin: 20px 0;
  }

  .summarycard .total {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .summarycard .save {
    background: #e8f9f0;
    color: #1ba764;
    font-size: 13px;
    padding: 3px 8px;
    border-radius: 8px;
    font-weight: 500;
  }

  .summarycard .subtext {
    font-size: 13px;
    color: #fff;
    font-weight: 300;
}
.custom-card .nav-tabs {
    background: mediumslateblue;
    border: 0;
    border-radius: 10px 10px 0  0;
    padding: 0;
}
.featurepoint{
        font-size: 13px;
    color: #3e3e3e;
    font-weight: 400;
}
  .summarycard .button {
    display: block;
    width: 100%;
    margin-top: 20px;
    background: #007bff;
    color: white;
    border: none;
    padding: 12px;
    font-size: 15px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s ease;
  }

  .summarycard .button:hover {
    background: #0068d9;
  }
 .pricing-container {
    background: #fff;
    padding: 0;
    border-radius: 12px;
    max-width: 100%;
    width: 100%;
    box-shadow: none;

}
.plan-icon i{
    padding: 10px;
    border-radius: 25px;
    font-size: 25px;
    border-radius: 6px;
    padding: 2px;
    padding: 5px 5px;

}

  .pricing-container h1 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 10px;
  }

  .pricing-container p {
    text-align: center;
    color: #777;
    font-size: 15px;
    margin-bottom: 40px;
  }

 .plans {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
    border: none;
    border-radius: 4px;
    padding: 5px 15px;
    padding-top: 0;
}

 .plan-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 100%;
}

  .plan {
    background: #f7f7fb;
    border-radius: 10px;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.3s ease;
  }

  .plan:hover,
  .plan.active {
    background: #7b68ee;
    color: #fff;
  }

  .plan-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
  }

  .plan-icon span {
    background: rgba(255,255,255,0.15);
    border-radius: 50%;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .plan small {
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: inherit;
    opacity: 0.9;
  }

  .plan-price {
    font-size: 20px;
    font-weight: 700;
  }

  .plan-price span {
    font-size: 12px;
    font-weight: 400;
    opacity: 0.8;
  }

  .plan-details {
    flex: 1;
    background: #6c63ff;
    border-radius: 14px;
    color: #fff;
    padding: 25px;
    max-width: 420px;
  }

  .plan-details h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .plan-details small {
    display: block;
    font-size: 13px;
    opacity: 0.8;
    margin-bottom: 20px;
  }

  .plan-details .price {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .plan-details ul {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
  }

  .plan-details ul li {
    font-size: 14px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .plan-details ul li::before {
    content: "✔️";
    font-size: 14px;
  }

  .purchase-btn {
    background: #fff;
    color: #6c63ff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 16px;
    cursor: pointer;
    transition: background 0.2s;
    width: 100%;
  }

  .purchase-btn:hover {
    background: #e7e6ff;
  }

  @media (max-width: 768px) {
    .plans {
      flex-direction: column;
      align-items: center;
    }
    .plan-list, .plan-details {
      max-width: 100%;
    }
  }
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/spacing.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************/
/* About : MARGIN and PADDING Alignments */

.md-lr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.md-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.md-lr-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.md-lr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.md-m-mt-7 {
    margin-top: -7px !important;
}

.md-m-lr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.md-pl-12 {
    padding-left: 12px !important;
}

.md-all-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.md-mrn-34 {
    margin-right: -34px;
}

.md-mt-3 {
    margin-top: 3px !important;
}

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

.md-mt-29 {
    margin-top: 29px !important;
}

.md-pt-35 {
    padding-top: 35px !important;
}

.md-pt-60 {
    padding-top: 60px !important;
}

.md-mt-60 {
    margin-top: 60px !important;
}

.md-mt-70 {
    margin-top: 70px !important;
}

.md-mt-80 {
    margin-top: 80px !important;
}

.md-mt-125 {
    margin-top: 125px !important;
}

.md-mt-150 {
    margin-top: 150px !important;
}

.md-mt-170 {
    margin-top: 170px;
}

.md-m-all-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.md-all-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.md-all-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.md-all-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.md-all-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.md-all-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.md-all-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.md-p-tb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.md-p-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.md-p-tb-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.md-m-tp-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.md-m-lr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.md-m-tp-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.md-m-tp-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.md-tp-n-30 {
    margin-top: -30px !important;
}

.md-mb-260 {
    margin-bottom: 260px !important;
}

@media(max-width:767px) {
    .xs-lr-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .xs-m-tp-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .xs-p-50 {
        padding: 50px !important
    }
    .xs-pt-50 {
        padding-top: 50px !important
    }
    .xs-pl-50 {
        padding-left: 50px !important
    }
    .xs-pr-50 {
        padding-right: 50px !important
    }
    .xs-pb-50 {
        padding-bottom: 50px !important
    }
    .xs-m-50 {
        margin: 50px !important
    }
    .xs-mt-50 {
        margin-top: 50px !important
    }
    .xs-ml-50 {
        margin-left: 50px !important
    }
    .xs-mr-50 {
        margin-right: 50px !important
    }
    .xs-mb-50 {
        margin-bottom: 50px !important
    }
    .xs-p-40 {
        padding: 40px !important
    }
    .xs-pt-40 {
        padding-top: 40px !important
    }
    .xs-pl-40 {
        padding-left: 40px !important
    }
    .xs-pr-40 {
        padding-right: 40px !important
    }
    .xs-pb-40 {
        padding-bottom: 40px !important
    }
    .xs-m-40 {
        margin: 40px !important
    }
    .xs-mt-40 {
        margin-top: 40px !important
    }
    .xs-ml-40 {
        margin-left: 40px !important
    }
    .xs-mr-40 {
        margin-right: 40px !important
    }
    .xs-mb-40 {
        margin-bottom: 40px !important
    }
    .xs-p-30 {
        padding: 30px !important
    }
    .xs-pt-30 {
        padding-top: 30px !important
    }
    .xs-pl-30 {
        padding-left: 30px !important
    }
    .xs-pr-30 {
        padding-right: 30px !important
    }
    .xs-pb-30 {
        padding-bottom: 30px !important
    }
    .xs-m-30 {
        margin: 30px !important
    }
    .xs-mt-30 {
        margin-top: 30px !important
    }
    .xs-ml-30 {
        margin-left: 30px !important
    }
    .xs-mr-30 {
        margin-right: 30px !important
    }
    .xs-mb-30 {
        margin-bottom: 30px !important
    }
    .xs-p-20 {
        padding: 20px !important
    }
    .xs-pt-20 {
        padding-top: 20px !important
    }
    .xs-pl-20 {
        padding-left: 20px !important
    }
    .xs-pr-20 {
        padding-right: 20px !important
    }
    .xs-pb-20 {
        padding-bottom: 20px !important
    }
    .xs-m-20 {
        margin: 20px !important
    }
    .xs-mt-20 {
        margin-top: 20px !important
    }
    .xs-ml-20 {
        margin-left: 20px !important
    }
    .xs-mr-20 {
        margin-right: 20px !important
    }
    .xs-mb-20 {
        margin-bottom: 20px !important
    }
    .xs-p-15 {
        padding: 15px !important
    }
    .xs-pt-15 {
        padding-top: 15px !important
    }
    .xs-pl-15 {
        padding-left: 15px !important
    }
    .xs-pr-15 {
        padding-right: 15px !important
    }
    .xs-pb-15 {
        padding-bottom: 15px !important
    }
    .xs-m-15 {
        margin: 15px !important
    }
    .xs-mt-15 {
        margin-top: 15px !important
    }
    .xs-ml-15 {
        margin-left: 15px !important
    }
    .xs-mr-15 {
        margin-right: 15px !important
    }
    .xs-mb-15 {
        margin-bottom: 15px !important
    }
    .xs-p-10 {
        padding: 10px !important
    }
    .xs-pt-10 {
        padding-top: 10px !important
    }
    .xs-pr-10 {
        padding-right: 10px !important
    }
    .xs-pb-10 {
        padding-bottom: 10px !important
    }
    .xs-m-10 {
        margin: 10px !important
    }
    .xs-mt-10 {
        margin-top: 10px !important
    }
    .xs-ml-10 {
        margin-left: 10px !important
    }
    .xs-mr-10 {
        margin-right: 10px !important
    }
    .xs-mb-10 {
        margin-bottom: 10px !important
    }
    .xs-p-5 {
        padding: 5px !important
    }
    .xs-pt-5 {
        padding-top: 5px !important
    }
    .xs-pl-5 {
        padding-left: 5px !important
    }
    .xs-pr-5 {
        padding-right: 5px !important
    }
    .xs-pb-5 {
        padding-bottom: 5px !important
    }
    .xs-m-5 {
        margin: 5px !important
    }
    .xs-mt-5 {
        margin-top: 5px !important
    }
    .xs-ml-5 {
        margin-left: 5px !important
    }
    .xs-mr-5 {
        margin-right: 5px !important
    }
    .xs-mb-5 {
        margin-bottom: 5px !important
    }
    .xs-p-0 {
        padding: 0 !important
    }
    .xs-pt-0 {
        padding-top: 0 !important
    }
    .xs-pl-0 {
        padding-left: 0 !important
    }
    .xs-pr-0 {
        padding-right: 0 !important
    }
    .xs-pb-0 {
        padding-bottom: 0 !important
    }
    .xs-m-0 {
        margin: 0 !important
    }
    .xs-mt-0 {
        margin-top: 0 !important
    }
    .xs-ml-0 {
        margin-left: 0 !important
    }
    .xs-mr-0 {
        margin-right: 0 !important
    }
    .xs-mb-0 {
        margin-bottom: 0 !important
    }
}

@media (min-width: 767px) {
    .sm-lr-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sm-lr-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .sm-lr-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .sm-lr-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .sm-pl-80 {
        padding-left: 90px !important
    }
    .sm-p-50 {
        padding: 50px !important
    }
    .sm-pt-50 {
        padding-top: 50px !important
    }
    .sm-pl-50 {
        padding-left: 50px !important
    }
    .sm-pr-50 {
        padding-right: 50px !important
    }
    .sm-pb-50 {
        padding-bottom: 50px !important
    }
    .sm-m-50 {
        margin: 50px !important
    }
    .sm-mt-50 {
        margin-top: 50px !important
    }
    .sm-ml-50 {
        margin-left: 50px !important
    }
    .sm-mr-50 {
        margin-right: 50px !important
    }
    .sm-mb-50 {
        margin-bottom: 50px !important
    }
    .sm-p-40 {
        padding: 40px !important
    }
    .sm-pt-40 {
        padding-top: 40px !important
    }
    .sm-pl-40 {
        padding-left: 40px !important
    }
    .sm-pr-40 {
        padding-right: 40px !important
    }
    .sm-pb-40 {
        padding-bottom: 40px !important
    }
    .sm-m-40 {
        margin: 40px !important
    }
    .sm-mt-40 {
        margin-top: 40px !important
    }
    .sm-ml-40 {
        margin-left: 40px !important
    }
    .sm-mr-40 {
        margin-right: 40px !important
    }
    .sm-mb-40 {
        margin-bottom: 40px !important
    }
    .sm-p-30 {
        padding: 30px !important
    }
    .sm-pt-30 {
        padding-top: 30px !important
    }
    .sm-pl-30 {
        padding-left: 30px !important
    }
    .sm-pr-30 {
        padding-right: 30px !important
    }
    .sm-pb-30 {
        padding-bottom: 30px !important
    }
    .sm-m-30 {
        margin: 30px !important
    }
    .sm-mt-30 {
        margin-top: 30px !important
    }
    .sm-ml-30 {
        margin-left: 30px !important
    }
    .sm-ml-65 {
        margin-left: 65px !important
    }
    .sm-mr-30 {
        margin-right: 30px !important
    }
    .sm-mb-30 {
        margin-bottom: 30px !important
    }
    .sm-p-20 {
        padding: 20px !important
    }
    .sm-pt-20 {
        padding-top: 20px !important
    }
    .sm-pl-20 {
        padding-left: 20px !important
    }
    .sm-pr-20 {
        padding-right: 20px !important
    }
    .sm-pb-20 {
        padding-bottom: 20px !important
    }
    .sm-m-20 {
        margin: 20px !important
    }
    .sm-mt-20 {
        margin-top: 20px !important
    }
    .sm-ml-20 {
        margin-left: 20px !important
    }
    .sm-mr-20 {
        margin-right: 20px !important
    }
    .sm-mb-20 {
        margin-bottom: 20px !important
    }
    .sm-p-15 {
        padding: 15px !important
    }
    .sm-pt-15 {
        padding-top: 15px !important
    }
    .sm-pl-15 {
        padding-left: 15px !important
    }
    .sm-pr-15 {
        padding-right: 15px !important
    }
    .sm-pb-15 {
        padding-bottom: 15px !important
    }
    .sm-m-15 {
        margin: 15px !important
    }
    .sm-mt-15 {
        margin-top: 15px !important
    }
    .sm-ml-15 {
        margin-left: 15px !important
    }
    .sm-mr-15 {
        margin-right: 15px !important
    }
    .sm-mb-15 {
        margin-bottom: 15px !important
    }
    .sm-p-10 {
        padding: 10px !important
    }
    .sm-pt-10 {
        padding-top: 10px !important
    }
    .sm-pl-10 {
        padding-left: 10px !important
    }
    .sm-pr-10 {
        padding-right: 10px !important
    }
    .sm-pb-10 {
        padding-bottom: 10px !important
    }
    .sm-m-10 {
        margin: 10px !important
    }
    .sm-mt-10 {
        margin-top: 10px !important
    }
    .sm-ml-10 {
        margin-left: 10px !important
    }
    .sm-mr-10 {
        margin-right: 10px !important
    }
    .sm-mb-10 {
        margin-bottom: 10px !important
    }
    .sm-p-5 {
        padding: 5px !important
    }
    .sm-pt-5 {
        padding-top: 5px !important
    }
    .sm-pl-5 {
        padding-left: 5px !important
    }
    .sm-pr-5 {
        padding-right: 5px !important
    }
    .sm-pb-5 {
        padding-bottom: 5px !important
    }
    .sm-m-5 {
        margin: 5px !important
    }
    .sm-mt-5 {
        margin-top: 5px !important
    }
    .sm-ml-5 {
        margin-left: 5px !important
    }
    .sm-mr-5 {
        margin-right: 5px !important
    }
    .sm-mb-5 {
        margin-bottom: 5px !important
    }
    .sm-p-0 {
        padding: 0 !important
    }
    .sm-pt-0 {
        padding-top: 0 !important
    }
    .sm-pl-0 {
        padding-left: 0 !important
    }
    .sm-pr-0 {
        padding-right: 0 !important
    }
    .sm-pb-0 {
        padding-bottom: 0 !important
    }
    .sm-m-0 {
        margin: 0 !important
    }
    .sm-mt-0 {
        margin-top: 0 !important
    }
    .sm-ml-0 {
        margin-left: 0 !important
    }
    .sm-mr-0 {
        margin-right: 0 !important
    }
    .sm-mb-0 {
        margin-bottom: 0 !important
    }
    .sm-all-0 {
        padding: 0 !important;
    }
    .sm-all-5 {
        padding: 5 !important;
    }
}

@media (min-width: 992px) {
    .md-p-150 {
        padding: 150px !important
    }
    .md-pt-150 {
        padding-top: 150px !important
    }
    .md-pl-150 {
        padding-left: 150px !important
    }
    .md-pr-150 {
        padding-right: 150px !important
    }
    .md-pb-150 {
        padding-bottom: 150px !important
    }
    .md-m-150 {
        margin: 150px !important
    }
    .md-mt-150 {
        margin-top: 150px !important
    }
    .md-ml-150 {
        margin-left: 150px !important
    }
    .md-mr-150 {
        margin-right: 150px !important
    }
    .md-mb-150 {
        margin-bottom: 150px !important
    }
    .md-p-145 {
        padding: 145px !important
    }
    .md-pt-145 {
        padding-top: 145px !important
    }
    .md-pl-145 {
        padding-left: 145px !important
    }
    .md-pr-145 {
        padding-right: 145px !important
    }
    .md-pb-145 {
        padding-bottom: 145px !important
    }
    .md-m-145 {
        margin: 145px !important
    }
    .md-mt-145 {
        margin-top: 145px !important
    }
    .md-ml-145 {
        margin-left: 145px !important
    }
    .md-mr-145 {
        margin-right: 145px !important
    }
    .md-mb-145 {
        margin-bottom: 145px !important
    }
    .md-p-140 {
        padding: 140px !important
    }
    .md-pt-140 {
        padding-top: 140px !important
    }
    .md-pl-140 {
        padding-left: 140px !important
    }
    .md-pr-140 {
        padding-right: 140px !important
    }
    .md-pb-140 {
        padding-bottom: 140px !important
    }
    .md-m-140 {
        margin: 140px !important
    }
    .md-mt-140 {
        margin-top: 140px !important
    }
    .md-ml-140 {
        margin-left: 140px !important
    }
    .md-mr-140 {
        margin-right: 140px !important
    }
    .md-mb-140 {
        margin-bottom: 140px !important
    }
    .md-p-135 {
        padding: 135px !important
    }
    .md-pt-135 {
        padding-top: 135px !important
    }
    .md-pl-135 {
        padding-left: 135px !important
    }
    .md-pr-135 {
        padding-right: 135px !important
    }
    .md-pb-135 {
        padding-bottom: 135px !important
    }
    .md-m-135 {
        margin: 135px !important
    }
    .md-mt-135 {
        margin-top: 135px !important
    }
    .md-ml-135 {
        margin-left: 135px !important
    }
    .md-mr-135 {
        margin-right: 135px !important
    }
    .md-mb-135 {
        margin-bottom: 135px !important
    }
    .md-p-130 {
        padding: 130px !important
    }
    .md-pt-130 {
        padding-top: 130px !important
    }
    .md-pl-130 {
        padding-left: 130px !important
    }
    .md-pr-130 {
        padding-right: 130px !important
    }
    .md-pb-130 {
        padding-bottom: 130px !important
    }
    .md-m-130 {
        margin: 130px !important
    }
    .md-mt-130 {
        margin-top: 130px !important
    }
    .md-ml-130 {
        margin-left: 130px !important
    }
    .md-mr-130 {
        margin-right: 130px !important
    }
    .md-mb-130 {
        margin-bottom: 130px !important
    }
    .md-p-125 {
        padding: 125px !important
    }
    .md-pt-125 {
        padding-top: 125px !important
    }
    .md-pl-125 {
        padding-left: 125px !important
    }
    .md-pr-125 {
        padding-right: 125px !important
    }
    .md-pb-125 {
        padding-bottom: 125px !important
    }
    .md-m-125 {
        margin: 125px !important
    }
    .md-mt-125 {
        margin-top: 125px !important
    }
    .md-ml-125 {
        margin-left: 125px !important
    }
    .md-mr-125 {
        margin-right: 125px !important
    }
    .md-mb-125 {
        margin-bottom: 125px !important
    }
    .md-p-120 {
        padding: 120px !important
    }
    .md-pt-120 {
        padding-top: 120px !important
    }
    .md-pl-120 {
        padding-left: 120px !important
    }
    .md-pr-120 {
        padding-right: 120px !important
    }
    .md-pb-120 {
        padding-bottom: 120px !important
    }
    .md-m-120 {
        margin: 120px !important
    }
    .md-mt-120 {
        margin-top: 120px !important
    }
    .md-ml-120 {
        margin-left: 120px !important
    }
    .md-mr-120 {
        margin-right: 120px !important
    }
    .md-mb-120 {
        margin-bottom: 120px !important
    }
    .md-p-115 {
        padding: 115px !important
    }
    .md-pt-115 {
        padding-top: 115px !important
    }
    .md-pl-115 {
        padding-left: 115px !important
    }
    .md-pr-115 {
        padding-right: 115px !important
    }
    .md-pb-115 {
        padding-bottom: 115px !important
    }
    .md-m-115 {
        margin: 115px !important
    }
    .md-mt-115 {
        margin-top: 115px !important
    }
    .md-ml-115 {
        margin-left: 115px !important
    }
    .md-mr-115 {
        margin-right: 115px !important
    }
    .md-mb-115 {
        margin-bottom: 115px !important
    }
    .md-p-110 {
        padding: 110px !important
    }
    .md-pt-110 {
        padding-top: 110px !important
    }
    .md-pl-110 {
        padding-left: 110px !important
    }
    .md-pr-110 {
        padding-right: 110px !important
    }
    .md-pb-110 {
        padding-bottom: 110px !important
    }
    .md-m-110 {
        margin: 110px !important
    }
    .md-mt-110 {
        margin-top: 110px !important
    }
    .md-ml-110 {
        margin-left: 110px !important
    }
    .md-mr-110 {
        margin-right: 110px !important
    }
    .md-mb-110 {
        margin-bottom: 110px !important
    }
    .md-p-105 {
        padding: 105px !important
    }
    .md-pt-105 {
        padding-top: 105px !important
    }
    .md-pl-105 {
        padding-left: 105px !important
    }
    .md-pr-105 {
        padding-right: 105px !important
    }
    .md-pb-105 {
        padding-bottom: 105px !important
    }
    .md-m-105 {
        margin: 105px !important
    }
    .md-mt-105 {
        margin-top: 105px !important
    }
    .md-ml-105 {
        margin-left: 105px !important
    }
    .md-mr-105 {
        margin-right: 105px !important
    }
    .md-mb-105 {
        margin-bottom: 105px !important
    }
    .md-p-100 {
        padding: 100px !important
    }
    .md-pt-100 {
        padding-top: 100px !important
    }
    .md-pl-100 {
        padding-left: 100px !important
    }
    .md-pr-100 {
        padding-right: 100px !important
    }
    .md-pb-100 {
        padding-bottom: 100px !important
    }
    .md-m-100 {
        margin: 100px !important
    }
    .md-mt-100 {
        margin-top: 100px !important
    }
    .md-ml-100 {
        margin-left: 100px !important
    }
    .md-mr-100 {
        margin-right: 100px !important
    }
    .md-mb-100 {
        margin-bottom: 100px !important
    }
    .md-p-95 {
        padding: 95px !important
    }
    .md-pt-95 {
        padding-top: 95px !important
    }
    .md-pl-95 {
        padding-left: 95px !important
    }
    .md-pr-95 {
        padding-right: 95px !important
    }
    .md-pb-95 {
        padding-bottom: 95px !important
    }
    .md-m-95 {
        margin: 95px !important
    }
    .md-mt-95 {
        margin-top: 95px !important
    }
    .md-ml-95 {
        margin-left: 95px !important
    }
    .md-mr-95 {
        margin-right: 95px !important
    }
    .md-mb-95 {
        margin-bottom: 95px !important
    }
    .md-p-90 {
        padding: 90px !important
    }
    .md-pt-90 {
        padding-top: 90px !important
    }
    .md-pl-90 {
        padding-left: 90px !important
    }
    .md-pr-90 {
        padding-right: 90px !important
    }
    .md-pb-90 {
        padding-bottom: 90px !important
    }
    .md-m-90 {
        margin: 90px !important
    }
    .md-mt-90 {
        margin-top: 90px !important
    }
    .md-ml-90 {
        margin-left: 90px !important
    }
    .md-mr-90 {
        margin-right: 90px !important
    }
    .md-mb-90 {
        margin-bottom: 90px !important
    }
    .md-p-85 {
        padding: 85px !important
    }
    .md-pt-85 {
        padding-top: 85px !important
    }
    .md-pl-85 {
        padding-left: 85px !important
    }
    .md-pr-85 {
        padding-right: 85px !important
    }
    .md-pb-85 {
        padding-bottom: 85px !important
    }
    .md-m-85 {
        margin: 85px !important
    }
    .md-mt-85 {
        margin-top: 85px !important
    }
    .md-ml-85 {
        margin-left: 85px !important
    }
    .md-mr-85 {
        margin-right: 85px !important
    }
    .md-mb-85 {
        margin-bottom: 85px !important
    }
    .md-p-80 {
        padding: 80px !important
    }
    .md-pt-80 {
        padding-top: 80px !important
    }
    .md-pl-80 {
        padding-left: 80px !important
    }
    .md-pr-80 {
        padding-right: 80px !important
    }
    .md-pb-80 {
        padding-bottom: 80px !important
    }
    .md-m-80 {
        margin: 80px !important
    }
    .md-mt-80 {
        margin-top: 80px !important
    }
    .md-ml-80 {
        margin-left: 80px !important
    }
    .md-mr-80 {
        margin-right: 80px !important
    }
    .md-mb-80 {
        margin-bottom: 80px !important
    }
    .md-p-75 {
        padding: 75px !important
    }
    .md-pt-75 {
        padding-top: 75px !important
    }
    .md-pl-75 {
        padding-left: 75px !important
    }
    .md-pr-75 {
        padding-right: 75px !important
    }
    .md-pb-75 {
        padding-bottom: 75px !important
    }
    .md-m-75 {
        margin: 75px !important
    }
    .md-mt-75 {
        margin-top: 75px !important
    }
    .md-ml-75 {
        margin-left: 75px !important
    }
    .md-mr-75 {
        margin-right: 75px !important
    }
    .md-mb-75 {
        margin-bottom: 75px !important
    }
    .md-p-70 {
        padding: 70px !important
    }
    .md-pt-70 {
        padding-top: 70px !important
    }
    .md-pl-70 {
        padding-left: 70px !important
    }
    .md-pr-70 {
        padding-right: 70px !important
    }
    .md-pb-70 {
        padding-bottom: 70px !important
    }
    .md-m-70 {
        margin: 70px !important
    }
    .md-mt-70 {
        margin-top: 70px !important
    }
    .md-ml-70 {
        margin-left: 70px !important
    }
    .md-mr-70 {
        margin-right: 70px !important
    }
    .md-mb-70 {
        margin-bottom: 70px !important
    }
    .md-p-65 {
        padding: 65px !important
    }
    .md-pt-65 {
        padding-top: 65px !important
    }
    .md-pl-65 {
        padding-left: 65px !important
    }
    .md-pr-65 {
        padding-right: 65px !important
    }
    .md-pb-65 {
        padding-bottom: 65px !important
    }
    .md-m-65 {
        margin: 65px !important
    }
    .md-mt-65 {
        margin-top: 65px !important
    }
    .md-ml-65 {
        margin-left: 65px !important
    }
    .md-mr-65 {
        margin-right: 65px !important
    }
    .md-mb-65 {
        margin-bottom: 65px !important
    }
    .md-p-60 {
        padding: 60px !important
    }
    .md-pt-60 {
        padding-top: 60px !important
    }
    .md-pl-60 {
        padding-left: 60px !important
    }
    .md-pr-60 {
        padding-right: 60px !important
    }
    .md-pb-60 {
        padding-bottom: 60px !important
    }
    .md-m-60 {
        margin: 60px !important
    }
    .md-mt-60 {
        margin-top: 60px !important
    }
    .md-ml-60 {
        margin-left: 60px !important
    }
    .md-mr-60 {
        margin-right: 60px !important
    }
    .md-mb-60 {
        margin-bottom: 60px !important
    }
    .md-p-55 {
        padding: 55px !important
    }
    .md-pt-55 {
        padding-top: 55px !important
    }
    .md-pl-55 {
        padding-left: 55px !important
    }
    .md-pr-55 {
        padding-right: 55px !important
    }
    .md-pb-55 {
        padding-bottom: 55px !important
    }
    .md-m-55 {
        margin: 55px !important
    }
    .md-mt-55 {
        margin-top: 55px !important
    }
    .md-ml-55 {
        margin-left: 55px !important
    }
    .md-mr-55 {
        margin-right: 55px !important
    }
    .md-mb-55 {
        margin-bottom: 55px !important
    }
    .md-p-50 {
        padding: 50px !important
    }
    .md-pt-50 {
        padding-top: 50px !important
    }
    .md-pl-50 {
        padding-left: 50px !important
    }
    .md-pr-50 {
        padding-right: 50px !important
    }
    .md-pb-50 {
        padding-bottom: 50px !important
    }
    .md-m-80 {
        margin: 80px !important
    }
    .md-m-50 {
        margin: 50px !important
    }
    .md-mt-50 {
        margin-top: 50px !important
    }
    .md-ml-50 {
        margin-left: 50px !important
    }
    .md-mr-50 {
        margin-right: 50px !important
    }
    .md-mb-50 {
        margin-bottom: 50px !important
    }
    .md-p-45 {
        padding: 45px !important
    }
    .md-pt-45 {
        padding-top: 45px !important
    }
    .md-pl-45 {
        padding-left: 45px !important
    }
    .md-pr-45 {
        padding-right: 45px !important
    }
    .md-pb-45 {
        padding-bottom: 45px !important
    }
    .md-m-45 {
        margin: 45px !important
    }
    .md-mt-45 {
        margin-top: 45px !important
    }
    .md-ml-45 {
        margin-left: 45px !important
    }
    .md-mr-45 {
        margin-right: 45px !important
    }
    .md-mb-45 {
        margin-bottom: 45px !important
    }
    .md-p-40 {
        padding: 40px !important
    }
    .md-pt-40 {
        padding-top: 40px !important
    }
    .md-pl-40 {
        padding-left: 40px !important
    }
    .md-pr-40 {
        padding-right: 40px !important
    }
    .md-pb-40 {
        padding-bottom: 40px !important
    }
    .md-m-40 {
        margin: 40px !important
    }
    .md-mt-40 {
        margin-top: 40px !important
    }
    .md-ml-40 {
        margin-left: 40px !important
    }
    .md-mr-40 {
        margin-right: 40px !important
    }
    .md-mb-40 {
        margin-bottom: 40px !important
    }
    .md-p-35 {
        padding: 35px !important
    }
    .md-pt-35 {
        padding-top: 35px !important
    }
    .md-pl-35 {
        padding-left: 35px !important
    }
    .md-pr-35 {
        padding-right: 35px !important
    }
    .md-pb-35 {
        padding-bottom: 35px !important
    }
    .md-m-35 {
        margin: 35px !important
    }
    .md-mt-35 {
        margin-top: 35px !important
    }
    .md-ml-35 {
        margin-left: 35px !important
    }
    .md-mr-35 {
        margin-right: 35px !important
    }
    .md-mb-35 {
        margin-bottom: 35px !important
    }
    .md-p-30 {
        padding: 30px !important
    }
    .md-pt-30 {
        padding-top: 30px !important
    }
    .md-pl-30 {
        padding-left: 30px !important
    }
    .md-pr-30 {
        padding-right: 30px !important
    }
    .md-pb-30 {
        padding-bottom: 30px !important
    }
    .md-m-30 {
        margin: 30px !important
    }
    .md-mt-30 {
        margin-top: 30px !important
    }
    .md-ml-30 {
        margin-left: 30px !important
    }
    .md-mr-30 {
        margin-right: 30px !important
    }
    .md-mb-30 {
        margin-bottom: 30px !important
    }
    .md-p-25 {
        padding: 25px !important
    }
    .md-pt-25 {
        padding-top: 25px !important
    }
    .md-pl-25 {
        padding-left: 25px !important
    }
    .md-pr-25 {
        padding-right: 25px !important
    }
    .md-pb-25 {
        padding-bottom: 25px !important
    }
    .md-m-25 {
        margin: 25px !important
    }
    .md-mt-25 {
        margin-top: 25px !important
    }
    .md-ml-25 {
        margin-left: 25px !important
    }
    .md-mr-25 {
        margin-right: 25px !important
    }
    .md-mb-25 {
        margin-bottom: 25px !important
    }
    .md-p-20 {
        padding: 20px !important
    }
    .md-pt-20 {
        padding-top: 20px !important
    }
    .md-pl-20 {
        padding-left: 20px !important
    }
    .md-pr-20 {
        padding-right: 20px !important
    }
    .md-pb-20 {
        padding-bottom: 20px !important
    }
    .md-m-20 {
        margin: 20px !important
    }
    .md-mt-20 {
        margin-top: 20px !important
    }
    .md-mt-25 {
        margin-top: 25px !important
    }
    .md-ml-20 {
        margin-left: 20px !important
    }
    .md-mr-20 {
        margin-right: 20px !important
    }
    .md-mb-20 {
        margin-bottom: 20px !important
    }
    .md-p-15 {
        padding: 15px !important
    }
    .md-pt-15 {
        padding-top: 15px !important
    }
    .md-pl-15 {
        padding-left: 15px !important
    }
    .md-pr-15 {
        padding-right: 15px !important
    }
    .md-pb-15 {
        padding-bottom: 15px !important
    }
    .md-m-15 {
        margin: 15px !important
    }
    .md-mt-15 {
        margin-top: 15px !important
    }
    .md-ml-15 {
        margin-left: 15px !important
    }
    .md-mr-15 {
        margin-right: 15px !important
    }
    .md-mb-15 {
        margin-bottom: 15px !important
    }
    .md-p-10 {
        padding: 10px !important
    }
    .md-pt-10 {
        padding-top: 10px !important
    }
    .md-pl-10 {
        padding-left: 10px !important
    }
    .md-pr-10 {
        padding-right: 10px !important
    }
    .md-pb-10 {
        padding-bottom: 10px !important
    }
    .md-m-10 {
        margin: 10px !important
    }
    .md-mt-10 {
        margin-top: 10px !important
    }
    .md-ml-10 {
        margin-left: 10px !important
    }
    .md-mr-10 {
        margin-right: 10px !important
    }
    .md-mb-10 {
        margin-bottom: 10px !important
    }
    .md-p-5 {
        padding: 5px !important
    }
    .md-pt-5 {
        padding-top: 5px !important
    }
    .md-pl-5 {
        padding-left: 5px !important
    }
    .md-pr-5 {
        padding-right: 5px !important
    }
    .md-pb-5 {
        padding-bottom: 5px !important
    }
    .md-m-5 {
        margin: 5px !important
    }
    .md-mt-5 {
        margin-top: 5px !important
    }
    .md-ml-5 {
        margin-left: 5px !important
    }
    .md-mr-5 {
        margin-right: 5px !important
    }
    .md-mb-5 {
        margin-bottom: 5px !important
    }
    .md-p-0 {
        padding: 0 !important
    }
    .md-pt-0 {
        padding-top: 0 !important
    }
    .md-pl-0 {
        padding-left: 0 !important
    }
    .md-pr-0 {
        padding-right: 0 !important
    }
    .md-pb-0 {
        padding-bottom: 0 !important
    }
    .md-m-0 {
        margin: 0 !important
    }
    .md-mt-0 {
        margin-top: 0 !important
    }
    .md-ml-0 {
        margin-left: 0 !important
    }
    .md-mr-0 {
        margin-right: 0 !important
    }
    .md-mb-0 {
        margin-bottom: 0 !important
    }
    .md-np-30 {
        padding: -30px !important
    }
    .md-npt-30 {
        padding-top: -30px !important
    }
    .md-npl-30 {
        padding-left: -30px !important
    }
    .md-npr-30 {
        padding-right: -30px !important
    }
    .md-npb-30 {
        padding-bottom: -30px !important
    }
    .md-nm-30 {
        margin: -30px !important
    }
    .md-nmt-30 {
        margin-top: -30px !important
    }
    .md-nml-30 {
        margin-left: -30px !important
    }
    .md-nmr-30 {
        margin-right: -30px !important
    }
    .md-nmb-30 {
        margin-bottom: -30px !important
    }
    .md-np-25 {
        padding: -25px !important
    }
    .md-npt-25 {
        padding-top: -25px !important
    }
    .md-npl-25 {
        padding-left: -25px !important
    }
    .md-npr-25 {
        padding-right: -25px !important
    }
    .md-npb-25 {
        padding-bottom: -25px !important
    }
    .md-nm-25 {
        margin: -25px !important
    }
    .md-nmt-25 {
        margin-top: -25px !important
    }
    .md-nml-25 {
        margin-left: -25px !important
    }
    .md-nmr-25 {
        margin-right: -25px !important
    }
    .md-nmb-25 {
        margin-bottom: -25px !important
    }
    .md-np-20 {
        padding: -20px !important
    }
    .md-npt-20 {
        padding-top: -20px !important
    }
    .md-npl-20 {
        padding-left: -20px !important
    }
    .md-npr-20 {
        padding-right: -20px !important
    }
    .md-npb-20 {
        padding-bottom: -20px !important
    }
    .md-nm-20 {
        margin: -20px !important
    }
    .md-nmt-20 {
        margin-top: -20px !important
    }
    .md-nmt-25 {
        margin-top: -25px !important
    }
    .md-nml-20 {
        margin-left: -20px !important
    }
    .md-nmr-20 {
        margin-right: -20px !important
    }
    .md-nmb-20 {
        margin-bottom: -20px !important
    }
    .md-np-15 {
        padding: -15px !important
    }
    .md-npt-15 {
        padding-top: -15px !important
    }
    .md-npl-15 {
        padding-left: -15px !important
    }
    .md-npr-15 {
        padding-right: -15px !important
    }
    .md-npb-15 {
        padding-bottom: -15px !important
    }
    .md-nm-15 {
        margin: -15px !important
    }
    .md-nmt-15 {
        margin-top: -15px !important
    }
    .md-nml-15 {
        margin-left: -15px !important
    }
    .md-nmr-15 {
        margin-right: -15px !important
    }
    .md-nmb-15 {
        margin-bottom: -15px !important
    }
    .md-np-10 {
        padding: -10px !important
    }
    .md-npt-10 {
        padding-top: -10px !important
    }
    .md-npl-10 {
        padding-left: -10px !important
    }
    .md-npr-10 {
        padding-right: -10px !important
    }
    .md-npb-10 {
        padding-bottom: -10px !important
    }
    .md-nm-10 {
        margin: -10px !important
    }
    .md-nmt-10 {
        margin-top: -10px !important
    }
    .md-nml-10 {
        margin-left: -10px !important
    }
    .md-nmr-10 {
        margin-right: -10px !important
    }
    .md-nmb-10 {
        margin-bottom: -10px !important
    }
    .md-np-5 {
        padding: -5px !important
    }
    .md-npt-5 {
        padding-top: -5px !important
    }
    .md-npl-5 {
        padding-left: -5px !important
    }
    .md-npr-5 {
        padding-right: -5px !important
    }
    .md-npb-5 {
        padding-bottom: -5px !important
    }
    .md-nm-5 {
        margin: -5px !important
    }
    .md-nmt-5 {
        margin-top: -5px !important
    }
    .md-nml-5 {
        margin-left: -5px !important
    }
    .md-nmr-5 {
        margin-right: -5px !important
    }
    .md-nmb-5 {
        margin-bottom: -5px !important
    }
    .width-50 {
        width: 50% !important;
    }
    .md-mt--20 {
        margin-top: -20px !important;
    }
    .md-mt--10 {
        margin-top: -10px !important;
    }
    .md-mt--25 {
        margin-top: -25px !important;
    }
    .md-pb-80 {
        padding-bottom: 80px !important;
    }
    .md-lr-20 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .md-lr-25 {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }
    .md-lr-30 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
}

@media (min-width: 1200px) {
    .lg-p-200 {
        padding: 200px !important
    }
    .lg-pt-200 {
        padding-top: 200px !important
    }
    .lg-pl-200 {
        padding-left: 200px !important
    }
    .lg-pr-200 {
        padding-right: 200px !important
    }
    .lg-pb-200 {
        padding-bottom: 200px !important
    }
    .lg-m-200 {
        margin: 200px !important
    }
    .lg-mt-200 {
        margin-top: 200px !important
    }
    .lg-ml-200 {
        margin-left: 200px !important
    }
    .lg-mr-200 {
        margin-right: 200px !important
    }
    .lg-mb-200 {
        margin-bottom: 200px !important
    }
    .lg-p-150 {
        padding: 150px !important
    }
    .lg-pt-150 {
        padding-top: 150px !important
    }
    .lg-pl-150 {
        padding-left: 150px !important
    }
    .lg-pr-150 {
        padding-right: 150px !important
    }
    .lg-pb-150 {
        padding-bottom: 150px !important
    }
    .lg-m-150 {
        margin: 150px !important
    }
    .lg-mt-150 {
        margin-top: 150px !important
    }
    .lg-ml-150 {
        margin-left: 150px !important
    }
    .lg-mr-150 {
        margin-right: 150px !important
    }
    .lg-mb-150 {
        margin-bottom: 150px !important
    }
    .lg-p-100 {
        padding: 100px !important
    }
    .lg-pt-100 {
        padding-top: 100px !important
    }
    .lg-pl-100 {
        padding-left: 100px !important
    }
    .lg-pr-100 {
        padding-right: 100px !important
    }
    .lg-pb-100 {
        padding-bottom: 100px !important
    }
    .lg-m-100 {
        margin: 100px !important
    }
    .lg-mt-100 {
        margin-top: 100px !important
    }
    .lg-ml-100 {
        margin-left: 100px !important
    }
    .lg-mr-100 {
        margin-right: 100px !important
    }
    .lg-mb-100 {
        margin-bottom: 100px !important
    }
    .lg-p-50 {
        padding: 50px !important
    }
    .lg-pt-50 {
        padding-top: 50px !important
    }
    .lg-pl-50 {
        padding-left: 50px !important
    }
    .lg-pr-50 {
        padding-right: 50px !important
    }
    .lg-pb-50 {
        padding-bottom: 50px !important
    }
    .lg-m-50 {
        margin: 50px !important
    }
    .lg-mt-50 {
        margin-top: 50px !important
    }
    .lg-ml-50 {
        margin-left: 50px !important
    }
    .lg-mr-50 {
        margin-right: 50px !important
    }
    .lg-mb-50 {
        margin-bottom: 50px !important
    }
    .lg-p-40 {
        padding: 40px !important
    }
    .lg-pt-40 {
        padding-top: 40px !important
    }
    .lg-pl-40 {
        padding-left: 40px !important
    }
    .lg-pr-40 {
        padding-right: 40px !important
    }
    .lg-pb-40 {
        padding-bottom: 40px !important
    }
    .lg-m-40 {
        margin: 40px !important
    }
    .lg-mt-40 {
        margin-top: 40px !important
    }
    .lg-ml-40 {
        margin-left: 40px !important
    }
    .lg-mr-40 {
        margin-right: 40px !important
    }
    .lg-mb-40 {
        margin-bottom: 40px !important
    }
    .lg-p-30 {
        padding: 30px !important
    }
    .lg-pt-30 {
        padding-top: 30px !important
    }
    .lg-pl-30 {
        padding-left: 30px !important
    }
    .lg-pr-30 {
        padding-right: 30px !important
    }
    .lg-pb-30 {
        padding-bottom: 30px !important
    }
    .lg-m-30 {
        margin: 30px !important
    }
    .lg-mt-30 {
        margin-top: 30px !important
    }
    .lg-ml-30 {
        margin-left: 30px !important
    }
    .lg-mr-30 {
        margin-right: 30px !important
    }
    .lg-mb-30 {
        margin-bottom: 30px !important
    }
    .lg-p-20 {
        padding: 20px !important
    }
    .lg-pt-20 {
        padding-top: 20px !important
    }
    .lg-pl-20 {
        padding-left: 20px !important
    }
    .lg-pr-20 {
        padding-right: 20px !important
    }
    .lg-pb-20 {
        padding-bottom: 20px !important
    }
    .lg-m-20 {
        margin: 20px !important
    }
    .lg-mt-20 {
        margin-top: 20px !important
    }
    .lg-ml-20 {
        margin-left: 20px !important
    }
    .lg-mr-20 {
        margin-right: 20px !important
    }
    .lg-mb-20 {
        margin-bottom: 20px !important
    }
    .lg-p-15 {
        padding: 15px !important
    }
    .lg-pt-15 {
        padding-top: 15px !important
    }
    .lg-pl-15 {
        padding-left: 15px !important
    }
    .lg-pr-15 {
        padding-right: 15px !important
    }
    .lg-pb-15 {
        padding-bottom: 15px !important
    }
    .lg-m-15 {
        margin: 15px !important
    }
    .lg-mt-15 {
        margin-top: 15px !important
    }
    .lg-ml-15 {
        margin-left: 15px !important
    }
    .lg-mr-15 {
        margin-right: 15px !important
    }
    .lg-mb-15 {
        margin-bottom: 15px !important
    }
    .lg-p-10 {
        padding: 10px !important
    }
    .lg-pt-10 {
        padding-top: 10px !important
    }
    .lg-pl-10 {
        padding-left: 10px !important
    }
    .lg-pr-10 {
        padding-right: 10px !important
    }
    .lg-pb-10 {
        padding-bottom: 10px !important
    }
    .lg-m-10 {
        margin: 10px !important
    }
    .lg-mt-10 {
        margin-top: 10px !important
    }
    .lg-ml-10 {
        margin-left: 10px !important
    }
    .lg-mr-10 {
        margin-right: 10px !important
    }
    .lg-mb-10 {
        margin-bottom: 10px !important
    }
    .lg-p-5 {
        padding: 5px !important
    }
    .lg-pt-5 {
        padding-top: 5px !important
    }
    .lg-pl-5 {
        padding-left: 5px !important
    }
    .lg-pr-5 {
        padding-right: 5px !important
    }
    .lg-pb-5 {
        padding-bottom: 5px !important
    }
    .lg-m-5 {
        margin: 5px !important
    }
    .lg-mt-5 {
        margin-top: 5px !important
    }
    .lg-ml-5 {
        margin-left: 5px !important
    }
    .lg-mr-5 {
        margin-right: 5px !important
    }
    .lg-mb-5 {
        margin-bottom: 5px !important
    }
    .lg-p-0 {
        padding: 0 !important
    }
    .lg-pt-0 {
        padding-top: 0 !important
    }
    .lg-pl-0 {
        padding-left: 0 !important
    }
    .lg-pr-0 {
        padding-right: 0 !important
    }
    .lg-pb-0 {
        padding-bottom: 0 !important
    }
    .lg-m-0 {
        margin: 0 !important
    }
    .lg-mt-0 {
        margin-top: 0 !important
    }
    .lg-ml-0 {
        margin-left: 0 !important
    }
    .lg-mr-0 {
        margin-right: 0 !important
    }
    .lg-mb-0 {
        margin-bottom: 0 !important
    }
}

.md-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.height-0 {
    height: 0;
}

.w-100 {
    width: 100%;
}

.cr-pt {
    cursor: pointer;
}

/* .image-userdetails img{
width: 25px;
border-radius: 50%;
height: 25px;
} */


.z-index-01{
    z-index: 1!important;
}
.z-index-09{
    z-index: 9!important;
}
.z-index-99{
    z-index: 99!important;
}
.z-index-999{
    z-index: 999!important;
}
.z-index-1050{
    z-index: 1050!important;
}
.z-index-1051{
    z-index: 1051!important;
}
.z-index-1052{
    z-index: 1052!important;
}
.z-index-1053{
    z-index: 1053!important;
}
.z-index-1054{
    z-index: 1054!important;
}
.z-index-1055{
    z-index: 1055!important;
}
.z-index-1056{
    z-index: 1056!important;
}
.z-index-1057{
    z-index: 1057!important;
}
.z-index-1058{
    z-index: 1058!important;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/animate.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";/*!
* Version - 3.6.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden
*/.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}}.pulse{animation-name:pulse}@keyframes rubberBand{from,to{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from,to{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{animation-name:tada}@keyframes wobble{from,to{transform:translate3d(0,0,0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{animation-name:wobble}@keyframes jello{11.1%,from,to{transform:translate3d(0,0,0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-duration:.75s;animation-name:bounceIn}.bounceOut,.flipOutX{-webkit-animation-duration:.75s}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translate3d(0,0,0)}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translate3d(0,0,0)}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translate3d(0,0,0)}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-duration:.75s;animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}.flipInX{backface-visibility:visible!important;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{animation-duration:.75s;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:translate3d(0,0,0);opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:translate3d(0,0,0);opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:translate3d(0,0,0);opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0,0,0);opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:translate3d(0,0,0);opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0,0,0);opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-duration:2s;animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:translate3d(0,0,0)}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/cytoscape-style.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
#cy {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
}

#cy_level3 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
}

.qtip-bootstrap .qtip-content {
    padding: 0;
    overflow-y: scroll;
    max-height: 150px;
}

.transitiontask-quickview {
    -webkit-padding-start: 0;
    margin-bottom: 0;
}

.transitiontask-quickview li {
    list-style: none;
    padding: 5px 10px;
    color: #666;
}

.transitiontask-quickview .heading {
    color: #151b26;
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize;
    max-width: 55%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.transitiontask-quickview .desc {
    color: #666;
    font-size: 11px;
    font-weight: normal;
    text-transform: capitalize;
    max-width: 97%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


/* Start of styles imported from cytoscape.js-panzoom.css */

.qm-panzoom {
    position: absolute;
    font-size: 12px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
    color: #666;
    font-size: 11px;
    z-index: 99999;
    box-sizing: content-box;
}

.qm-panzoom-zoom-button {
    cursor: pointer;
    padding: 3px;
    text-align: center;
    position: absolute;
    border-radius: 3px;
    width: 10px;
    height: 10px;
    left: 16px;
    background: #fff;
    border: 1px solid #999;
    margin-left: -1px;
    margin-top: -1px;
    z-index: 1;
    box-sizing: content-box;
}

.qm-panzoom-zoom-button:active,
.qm-panzoom-slider-handle:active,
.qm-panzoom-slider-handle.active {
    background: #ddd;
    box-sizing: content-box;
}

.qm-panzoom-pan-button {
    position: absolute;
    z-index: 1;
    height: 16px;
    width: 16px;
    box-sizing: content-box;
}

.qm-panzoom-reset {
    top: 55px;
    box-sizing: content-box;
}

.qm-panzoom-zoom-in {
    top: 80px;
    box-sizing: content-box;
}

.qm-panzoom-zoom-out {
    top: 197px;
    box-sizing: content-box;
}

.qm-panzoom-pan-up {
    top: 0;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #666;
    box-sizing: content-box;
}

.qm-panzoom-pan-down {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    box-sizing: content-box;
}

.qm-panzoom-pan-left {
    top: 50%;
    left: 0;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #666;
    box-sizing: content-box;
}

.qm-panzoom-pan-right {
    top: 50%;
    right: 0;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #666;
    box-sizing: content-box;
}

.qm-panzoom-pan-indicator {
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #000;
    border-radius: 8px;
    margin-left: -5px;
    margin-top: -5px;
    display: none;
    z-index: 999;
    opacity: 0.6;
    box-sizing: content-box;
}

.qm-panzoom-slider {
    position: absolute;
    top: 97px;
    left: 17px;
    height: 100px;
    width: 15px;
    box-sizing: content-box;
}

.qm-panzoom-slider-background {
    position: absolute;
    top: 0;
    width: 2px;
    height: 100px;
    left: 5px;
    background: #fff;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    box-sizing: content-box;
}

.qm-panzoom-slider-handle {
    position: absolute;
    width: 16px;
    height: 8px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 2px;
    margin-left: -2px;
    z-index: 999;
    line-height: 8px;
    cursor: default;
    box-sizing: content-box;
}

.qm-panzoom-slider-handle .icon {
    margin: 0 4px;
    line-height: 10px;
    box-sizing: content-box;
}

.qm-panzoom-no-zoom-tick {
    position: absolute;
    background: #666;
    border: 1px solid #fff;
    border-radius: 2px;
    margin-left: -1px;
    width: 8px;
    height: 2px;
    left: 3px;
    z-index: 1;
    margin-top: 3px;
    box-sizing: content-box;
}

.qm-panzoom-panner {
    position: absolute;
    left: 5px;
    top: 5px;
    height: 40px;
    width: 40px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 40px;
    margin-left: -1px;
    box-sizing: content-box;
}

.qm-panzoom-panner-handle {
    position: absolute;
    left: 0;
    top: 0;
    outline: none;
    height: 40px;
    width: 40px;
    position: absolute;
    z-index: 999;
    box-sizing: content-box;
}

.qm-panzoom-zoom-only .qm-panzoom-slider,
.qm-panzoom-zoom-only .qm-panzoom-panner {
    display: none;
}

.qm-panzoom-zoom-only .qm-panzoom-reset {
    top: 20px;
}

.qm-panzoom-zoom-only .qm-panzoom-zoom-in {
    top: 45px;
}

.qm-panzoom-zoom-only .qm-panzoom-zoom-out {
    top: 70px;
}


/*Work Flow Popper css*/

.popper {
    position: absolute;
}

.popper-div {
    border: 1px solid #e0e6e8;
    background: #ffffff;
    z-index: 999;
    padding: 0;
    max-width: 350px;
    max-height: 350px;
    overflow: hidden;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
}

.popper-div .poper-header {
    box-sizing: border-box;
    overflow: hidden;
    color: #999999;
    padding: 4px 5px;
    font-weight: 600;
    cursor: pointer;
    font-size: 11px;
}

.popper-div-level {
    border: 1px solid #e0e6e8;
    background: #ffffff;
    z-index: 9999;
    padding: 0;
    max-width: 350px;
    max-height: 350px;
    overflow: hidden;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
}

.popper-div-level .poper-header {
    box-sizing: border-box;
    overflow: hidden;
    color: #999999;
    padding: 4px 5px;
    font-weight: 600;
    cursor: pointer;
    font-size: 11px;
}

.poper-task-wrapper {
    min-height: 100px;
    max-height: 160px !important;
    box-sizing: border-box;
    overflow: hidden;
    border-top: 1px solid #e0e6e8;
    overflow-y: scroll;
}

.poper-task-wrapper ul li {
    list-style: none;
    width: 100%;
    display: inline-block;
    padding: 10px;
    border-bottom: 1px dashed #eee;
}

.poper-task-wrapper ul li:last-child {
    border-bottom: none;
}

.poper-task-wrapper img.profile-pic {
    height: 30px;
    border-radius: 50%;
    margin: 2px;
}


/*.popper-div li{
	list-style-type: none;
	padding:8px 0;
}*/


/*.popper-div .custom-popover-wrapper{
	background-color: blue;
	border:1px solid red;
	box-sizing: border-box;
	padding: 1px;
	overflow: hidden;
}*/


/* End of styles imported from cytoscape.js-panzoom.css */
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/jquery.qtip.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************/
/*
 * qTip2 - Pretty powerful tooltips - v2.2.0
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 */
 .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;
	max-width: 280px;
	min-width: 50px;
	font-size: 10.5px;
	line-height: 12px;
	direction: ltr;
	box-shadow: none;
	padding: 0;
}
.qtip-content{
	position: relative;
	padding: 5px 9px;
	overflow: hidden;

	text-align: left;
	word-wrap: break-word;
}
.qtip-titlebar{
	position: relative;
	padding: 5px 35px 5px 10px;
	overflow: hidden;
	border-width: 0 0 1px;
	font-weight: bold;
}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;

		cursor: pointer;
		outline: medium none;

		border-width: 1px;
		border-style: solid;
		border-color: transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}
	
		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border-width: 1px;
	border-style: solid;
	border-color: #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}



/*! Light tooltip style */
.qtip-light{
	background-color: white;
	border-color: #E2E2E2;
	color: #454545;
}

	.qtip-light .qtip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.qtip-dark{
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

	.qtip-dark .qtip-titlebar{
		background-color: #404040;
	}

	.qtip-dark .qtip-icon{
		border-color: #151b26;
	}

	.qtip-dark .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.qtip-cream{
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35;
}

	.qtip-cream .qtip-titlebar{
		background-color: #F0DE7D;
	}

	.qtip-cream .qtip-close .qtip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.qtip-red{
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323;
}

	.qtip-red .qtip-titlebar{
		background-color: #F06D65;
	}

	.qtip-red .qtip-close .qtip-icon{
		background-position: -102px 0;
	}

	.qtip-red .qtip-icon{
		border-color: #D95252;
	}

	.qtip-red .qtip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.qtip-green{
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219;
}

	.qtip-green .qtip-titlebar{
		background-color: #B0DE78;
	}

	.qtip-green .qtip-close .qtip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.qtip-blue{
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.qtip-blue .qtip-titlebar{
		background-color: #D0E9F5;
	}

	.qtip-blue .qtip-close .qtip-icon{
		background-position: -2px 0;
	}



.qtip-shadow{
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap{
	border-radius: 5px;
}

.qtip-rounded .qtip-titlebar{
	border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube{
	border-radius: 2px;
	box-shadow: 0 0 3px #333;

	color: white;
	border-width: 0;

	background: #4A4A4A;
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
}

	.qtip-youtube .qtip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}
	
	.qtip-youtube .qtip-content{
		padding: .75em;
		font: 12px arial,sans-serif;
		
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.qtip-youtube .qtip-icon{
		border-color: #222;
	}

	.qtip-youtube .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.qtip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);
	border-radius: 2px;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.qtip-jtools .qtip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.qtip-jtools .qtip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.qtip-jtools .qtip-titlebar,
	.qtip-jtools .qtip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-jtools .qtip-icon{
		border-color: #555;
	}

	.qtip-jtools .qtip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.qtip-cluetip{
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.qtip-cluetip .qtip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}
	
	.qtip-cluetip .qtip-icon{
		border-color: #808064;
	}
	
	.qtip-cluetip .qtip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.qtip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0 solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.qtip-tipsy .qtip-titlebar{
		padding: 6px 35px 0 10px;
		background-color: transparent;
	}

	.qtip-tipsy .qtip-content{
		padding: 6px 10px;
	}
	
	.qtip-tipsy .qtip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.qtip-tipsy .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.qtip-tipped{
	border: 3px solid #959FA9;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.qtip-tipped .qtip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.qtip-tipped .qtip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.qtip-tipped .qtip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap{
	/** Taken from Bootstrap body */
	font-size: 14px;
	line-height: 20px;
	color: #333333;

	/** Taken from Bootstrap .popover */
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.qtip-bootstrap .qtip-titlebar{
		/** Taken from Bootstrap .popover-title */
		padding: 8px 14px;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ebebeb;
		border-radius: 5px 5px 0 0;
	}

		.qtip-bootstrap .qtip-titlebar .qtip-close{
			/**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
			right: 11px;
			top: 45%;
			border-style: none;
		}

	.qtip-bootstrap .qtip-content{
		/** Taken from Bootstrap .popover-content */
		padding: 9px 14px;
	}

	.qtip-bootstrap .qtip-icon{
		/**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
		background: transparent;
	}

		.qtip-bootstrap .qtip-icon .ui-icon{
			/**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
			width: auto;
			height: auto;

			/* Taken from Bootstrap .close */
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.qtip-bootstrap .qtip-icon .ui-icon:hover{
			/* Taken from Bootstrap .close:hover */
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}



.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
	
}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}
	
	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}

#qtip-overlay{
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}



.qtipmodal-ie6fix{
	position: absolute !important;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/image-crop.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************/
/** Image Cropper css **/

.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
}

.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
    overflow: hidden;
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0;
}

.cropper-modal {
    background-color: #000;
    opacity: .5;
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline-color: rgba(51, 153, 255, 0.75);
    outline: 1px solid #39f;
    overflow: hidden;
    width: 100%;
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%;
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%;
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0;
}

.cropper-center:before,
.cropper-center:after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%;
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0;
}

.cropper-line {
    background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px;
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px;
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
}

.cropper-invisible {
    opacity: 0;
}

.cropper-bg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}


/* Starting customize styles*/

.image-cropping-process .modal-header {
    padding: 15px!important;
    background: #eaeff5;
}

.image-cropping-process .modal-crop-small .modal-header .modal-title {
    margin-top: 0;
    font-size: 17px;
    font-weight: 500;
}

.image-cropping-process .modal-crop-small .qm-img-btn {
    font-size: 12px;
    padding: 0 5px!important;
    border: 1px solid #00000012!important;
    border-radius: 3px!important;
    color: #000!important;
}

.image-cropping-process .modal-crop-small .qm-img-btn i {
    font-size: 21px;
    vertical-align: middle;
}

.image-cropping-process .modal-crop-small .modal-body {
    padding: 10px;
}

.image-cropping-process .modal-crop-small {
    max-width: 516px!important;
}

.image-cropping-process .modal-dialog.modal-crop-small .modal-footer {
    padding: 10px;
    padding-top: 0;
}

.image-cropping-process .modal-dialog.modal-crop-small .modal-footer button {
    margin: 10px 5px 0!important;
    font-size: 10px!important;
    padding: 5px 10px;
}

.image-cropping-process .modal-crop-small .vertical-align-action {
    position: absolute;
    transform: rotate(90deg);
    bottom: 76px;
    left: -40px;
    z-index: 999;
}

.image-cropping-process .modal-crop-small .rotate-align-action {
    position: absolute;
    bottom: -5px;
    z-index: 999;
    left: 27px;
}


/* End of customize styles*/
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/process-app.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************/
/* Testing SourceTree - Gitlabs */


/*order of css style starts
1. Static Dashboard 
2. gridster
3. workflow page
Process card
Process list and edit
initiate form
user management
Task list page
Task Detail page
widget list page
multiple select collpase
help topics
modal form for delete
empty section select icon starts
initate section 
rearrange section
Search field style
myrequest notification section
Myrequest marix page
confugration list seaction
Process Dashboard Styling
requset overview modal viewhistory
select user and group modal
Order of css style ends*/


/* 1. Start dashboard styling */

.dashboard-menu li>a {
    font-size: 11px;
    padding: 10px;
}

.dashboard-banner .btn-dashboard-back:hover,
.dashboard-banner .open>.btn.dropdown-toggle,
.dashboard-banner .open>.btn.dropdown-toggle:hover {
    padding: 4px 10px;
    background: transparent;
    border: 1px solid #ffffff;
    margin: 0;
    color: #666;
}

.dashboard-banner .page-breadcrumb .dashboard-menu li {
    padding: 0;
}

.dashboard-settings .label-hide {
    position: absolute;
    top: -18px;
    display: none;
}

.dashboard-settings .check-new-box:hover>.label-hide {
    display: block;
}

.dashboard-banner .page-breadcrumb ul li {
    float: left;
    color: #202124;
    font-size: 12px;
    list-style: none;
    padding: 0 10px;
}

.dashboard-banner .page-breadcrumb ul li:first-child {
    padding-left: 0;
}

.dashboard-banner .page-breadcrumb ul li p {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

.dashboard-banner .page-breadcrumb ul li a i {
    font-size: 18px;
    color: #202124;
    line-height: 1;
}

.dashboardediticon {
    color: #202124;
    font-size: 16px;
    padding-left: 5px;
}

.dashboard-banner .header-category {
    font-size: 12px;
    font-weight: 400;
}

.dashboard-banner .page-breadcrumb-title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #009efb;
}

.dashboard-banner .header-category span {
    padding: 0;
    color: #505459;
}

.dashboard-banner .header-category span strong {
    font-weight: 600;
}

.dashboard-banner .btn-dashboard-back {
    padding: 4px 10px;
    background: transparent;
    border: 1px solid #202124;
    margin: 0;
    color: #202124;
}

.db-dropdown li a .dashboard-menu {
    min-width: 220px;
    max-width: 220px;
    max-height: 450px;
    min-height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
    right: 0;
    left: auto;
}

.db-dropdown li a .dashboard-menu li {
    padding-left: 0;
}

.report-dashboard .page-breadcrumb ul {
    padding-left: 0;
    width: 100%;
    margin-bottom: 0;
}

.report-dashboard .page-breadcrumb ul li {
    list-style: none;
    float: left;
    padding: 0 10px;
}

.report-dashboard .page-breadcrumb .db-dropdown li a .btn,
.report-dashboard .page-breadcrumb .db-dropdown li a .btn:focus,
.report-dashboard .page-breadcrumb .db-dropdown li a .btn:hover {
    margin: 0;
    background: transparent;
    box-shadow: none;
    color: #999;
    border: 1px solid #ccc;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
}

.edit-dashboardpage .report-dashboard .page-breadcrumb ul li a i {
    font-size: 18px;
    color: #202124;
    line-height: 1;
}

.edit-dashboardpage .report-dashboard .page-breadcrumb ul li p {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}


/* End of Static Dashboard styling */

mat-nav-list {
    min-width: 200px;
    width: 20%;
    border-right: 1px solid grey;
    overflow: auto;
    box-sizing: border-box;
}

mat-nav-list .active,
mat-nav-list .mat-list-item-focus.active:focus {
    background: #afddff;
}

router-outlet+* {
    width: 100%;
    overflow: auto;
}

gridster-item {
    border-radius: inherit;
    /* border-color: #d7dfe3 !important; */
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    /* border: 1px solid #00000020; */
    /* overflow: visible !important;
    height: inherit!important; */
    margin-bottom: 100px;
}

gridster-item div.button-holder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.options {
    padding: 10px;
    display: grid;
}

[draggable] {
    -webkit-user-select: none;
            user-select: none;
    cursor: pointer;
}

gridster.fixed {
    overflow: auto;
    overflow-x: scroll;
    overflow-y: scroll;
}
.task-details-summary gridster {
    background: inherit;
}
.initaiteform gridster {
    background: inherit;
}
.entity--formmasterdetails gridster{
    background: inherit;
}
gridster {
    box-sizing: border-box !important;
    background: inherit;
    height: calc(100vh - 0vh) !important;
    /* height: auto !important; */
    -webkit-user-select: none !important;
    user-select: none !important;
    /*display: block !important;*/
    /*overflow: visible !important;*/
    margin-bottom: 50px !important;
}


/* End of gridster styling*/


/* 3. Start workflow page styling*/

.workflow-overview-container .milestone-timeline .workflow-timeline {
    min-height: 450px;
    max-height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.add-document-type .selection-process p {
    background: #eee !important;
    padding: 5px 10px;
    color: #555;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #ffffff;
    margin: 10px 0;
}

.add-document-type .selection-process .delete-icon .icons {
    font-size: 16px;
    vertical-align: bottom;
    color: #cccccc;
    margin-top: 0;
}

.add-document-type .selection-process .form-control,
.form-group .form-contro {
    font-size: 12px !important;
}

.add-document-type .selection-process .form-group .form-control {
    height: 30px !important;
}

.add-document-type .doc-name a {
    font-size: 12px;
    font-weight: 400;
}

.add-document-type .doc-name a i {
    font-size: 12px;
    border: 1px solid #eee;
    padding: 2px;
}

.activity-selection ul {
    left: auto !important;
    right: 0;
    padding: 0;
}

.activity-selection ul li {
    padding: 0 !important;
    background: #ffffff !important;
    border-bottom: none !important;
}

.activity-selection ul li a:hover,
.activity-selection ul li a:focus {
    background: #edf1f5 !important;
}

.activity-selection ul li a {
      width: 100%;
    font-size: 13px;
    text-align: left;
    margin: 0;
    color: #555555;
    font-weight: 500;
}

.system-task-form .multi-select-list .form-group textarea {
    border-bottom: none;
    background: #ffffff;
}

.system-task-form .collapse-content {
    border: 1px dashed #ddd;
    background: #fafafa;
    margin-bottom: 10px;
}

.system-task-form .collapse-content .navbar-nav>li>a {
    background: transparent !important;
    padding: 0 !important;
}

.system-task-form .collapse-content .navbar-nav>li:last-child {
    margin-right: 15px;
    margin-left: 5px;
}

.system-task-form .collapse-content .dropdown-menu-icon .form-control {
    height: 23px;
    margin-top: 5px;
    margin-bottom: 0;
    background: #ffffff;
    font-size: 10px;
    padding: 0 !important;
}

.system-task-form .new-condition .btn {
    padding: 3px 6px;
    font-size: 11px;
    background: #bcbcbc;
    margin-bottom: 8px;
    margin-top: 15px;
}

.system-task-form .collapse-content .new-condition p {
    font-size: 10px;
    color: #999;
}

.system-task-form .btn-simple .badge {
    padding: 2px 7px;
    font-size: 9px;
    line-height: 1.4;
    background: #c5bebe;
}

.system-task-form .collapse-content .dropdown-menu-icon .btn {
    background: #ffffff !important;
    color: #555 !important;
    padding: 3px 6px;
    margin: 8px 12px;
    box-shadow: none;
    border: 1px solid #eee !important;
    border-radius: 0;
    text-transform: capitalize;
}

.system-task-form .collapse-content .horiz-icon .material-icons {
    color: #c5bebe;
    font-size: 20px;
    vertical-align: -webkit-baseline-middle;
    cursor: pointer;
}

.systemtaskform .sys-cardaction {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    padding: 10px;
    margin-bottom: 5px;
}

.systemtaskform .sys-cardaction .checkbox-label {
    font-size: 11px;
}

.systemtaskform .sys-cardaction {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    padding: 10px;
    margin-bottom: 5px;
}

.systemtaskform .sys-cardaction .checkbox-label {
    font-size: 11px;
}

.system-task-form .collapse-content .form-group label.control-label {
    margin: 10px 0 0 0 !important;
}

.system-task-form .collapse-content .delete-icon i {
    float: right;
    font-size: 16px;
    padding: 3px;
    border: 0.75pt solid #d5dce0;
    ;
    background: #ffffff;
    margin: 5px 0;
}

.systemtaskform .button-sysactions .btn {
    margin: 0 !important;
    width: 100%;
    margin-bottom: 5px;
}

.systemtaskform .decision-count .btn {
    margin: 0 !important;
    font-size: 10px;
    line-height: 3.4;
    padding: 0;
}

.systemtaskform .sys-cardaction .checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 7px;
    margin-bottom: 7px;
}

.roles-view-details .grouptype-section .groupmange-icon .material-icons {
    color: #222222;
    font-size: 17px!important;
    float: left;
    margin-right: 5px;
}

.workflow-page .card {
    background: transparent;
    border: 2px dashed #ccc;
    box-shadow: none;
    cursor: pointer;
}

.workflow-page .workflow-content {
    display: block;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
}

.workflow-page .workflow-content .material-icons {
    font-size: 100px;
    color: #a0a0a0;
}

.workflow-section ul.decition-btns {
    padding: 0;
    list-style: none;
    margin-top: 30px;
    display: inline-flex;
}

.workflow-section ul.decition-btns li button {
    padding: 5px;
    margin: 5px;
}

.workflow-panel {
    margin-bottom: 5px;
    padding: 20px 0 0 0;
    min-height: calc(100vh - 35vh);
    border: none;
    box-shadow: none;
    overflow: hidden;
    width: 100%;
    position: relative;
    border-radius: 2px;
    box-sizing: border-box;
    background: #fff;
}

.workflow-main-panel .table-head-section {
    min-height: 70px;
}

.workflow-main-panel .filter-fropdown .btn-filter {
    padding: 2px 5px;
    background: transparent;
    border: 1px dashed #aaa;
    margin: 3px;
}

.workflow-main-panel .filter-fropdown .btn-filter .material-icons {
    font-size: 18px;
    vertical-align: middle;
}

.workflow-main-panel .filter-fropdown .dropdown-menu {
    top: 27px;
    left: -120px;
}

.workflow-main-panel .btn-simple-delete {
    color: #f44336;
    background: #fafafa;
    border: 1px solid #ececec;
    box-shadow: none !important;
}

.workflow-main-panel .card-title {
    margin: 15px 5px !important;
    font-size: 16px;
    font-weight: 300;
}

.workflow-main-panel .showby-options {
    width: 200px;
}

.workflow-main-panel .showby-options .btn-group.open>.dropdown-toggle.btn {
    background: #999;
}

.workflow-main-panel .showby-options .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    background: #ffffff !important;
    border: 1px solid #999;
    color: #ffffff;
    min-height: 30px;
    border-radius: 2px;
}

.workflow-main-panel .showby-options .dropdown-menu li a:hover {
    background: #f1f1f1;
    color: #151b26;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.0), 0 7px 10px -5px rgba(156, 39, 176, 0.0);
}

.body-panel-workflow {
    margin-top: 20px;
    height: 500px;
    overflow-y: scroll;
    overflow-x: none !important;
}

.workflow-section .close {
    line-height: 1.5;
}

.workflow-overview-container {
    padding: 0;
    height: calc(100vh - 24vh);
    margin: 0;
    border-radius: 4px;
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    background: #ffffff;
    border: 1px solid #00000020;
}

.workflow-overview-container .header-section {
    padding: 22px 15px;
    background: #ffffff;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.workflow-overview-container .header-section .title {
   font-weight: 500;
    font-size: 14px;
    margin: 0;
    color: #3e3e3e;
    padding: 0;
    line-height: 1;
}

.workflow-overview-container .header-section .closeaction i {
    font-size: 15px;
    color: #6d6e6f;
}
.workflow-overview-container .header-section .closeaction .delete-action{
        color: #e46a76!important;
} 
.overview-section {
    padding: 0;
}

.quickaddbuttons {
    padding: 0;
}

.quickaddbuttons ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -o-padding-start: 0;
    float: left;
    border: none;
    box-shadow: none;
}

.quickaddbuttons ul .onfirst-processload {
    text-align: center !important;
    display: inline-table !important;
    position: relative !important;
    width: 100% !important;
    border-radius: 0;
}

.quickaddbuttons ul .onfirst-processload img {
    height: 34px;
    width: 34px !important;
    padding: 2px;
    box-sizing: border-box;
    box-shadow: none;
}

.quickaddbuttons ul .after-selectstart {
    opacity: 0.7;
    pointer-events: none;
}

.quickaddbuttons ul .after-selectstart img,
.quickaddbuttons ul .after-selectstart p {
    cursor: not-allowed;
    color: #151b26;
}

.quickaddbuttons ul li {
    float: left;
    width: auto;
    list-style: none;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 0;
    cursor: pointer !important;
}

.quickaddbuttons ul li:hover {
    cursor: not-allowed;
    padding: 5px 15px;
    border-radius: 2px;
}

.quickaddbuttons ul li img {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 34px;
    padding: 2px;
    height: 34px;
    opacity: 0.45;
}

.quickaddbuttons ul li p {
    margin-bottom: 0;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    color: #151b26;
    text-transform: uppercase;
}

.quickaddbuttons ul li img:hover {
    opacity: 1;
}

.onempty-process {
    text-align: center;
    margin: 60% 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.8;
    color: #777;
    height: calc(100vh - 61vh);
}

.onempty-process img {
    opacity: 0.6;
    padding: 10px;
}

.onempty-process a {
    color: #202124;
    font-weight: 700;
    cursor: pointer;
}

.timeline-milestones {
    padding: 0;
}

.timeline-milestones ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -o-padding-strat: 0;
    margin-bottom: 0;
}

.timeline-milestones ul li {
    list-style: none;
    text-decoration: none;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    border-radius: 3px;
    box-shadow: none;
    text-transform: capitalize;
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;
    margin: 0 3px 3px 3px;
    background: #ffffff;
    /* box-shadow: 0 3px 15px rgba(0, 0, 0, 0.12); */
}

.timeline-milestones ul li:hover {
    background: #f1f1f1;
}

.scrolling-content-section {
       overflow-y: scroll;
    max-height: 500px;
    overflow-x: hidden;
    min-height: 500px;
}

.workflow-timeline {
    position: relative;
    padding: 0 10px;
    margin-top: 5px;
    margin-bottom: 30px;
}

.workflow-timeline .flowline {
    position: absolute;
    width: 2px;
    display: block;
    background: currentColor;
    top: -20px;
    bottom: 0;
    margin-left: 21px;
    color: transparent;
}

.workflow-timeline .separator {
    border-top: 1px solid currentColor;
    padding: 5px 5px 5px 40px;
    font-style: italic;
    font-size: .9em;
    margin-left: 30px;
}

.workflow-timeline .flowline::before {
    top: -12px;
}

.workflow-timeline .flowline::after {
    bottom: -12px;
    color: transparent;
}

.workflow-timeline .flowline::before,
.workflow-timeline .flowline::after {
    content: '';
    position: absolute;
    left: -5px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background: transparent;
}

.workflow-timeline .timeline-list {
    position: relative;
    padding: 5px 10px 10px 50px;
    clear: both;
    margin-top: 20px;
    border-bottom: 1px solid transparent;
}

.workflow-timeline .timeline-list:hover {
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
}

.workflow-timeline .timeline-list:hover .timeline-body strong {
    color: #4285f4 !important;
}

.workflow-timeline .timeline-list::before {
    position: absolute;
    display: block;
    top: 8px;
    left: -24px;
    content: '';
    width: 0;
    height: 0;
    border: inherit;
    border-width: 12px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.workflow-timeline .timeline-list .timeline-heading.icon * {
    font-size: 20px;
    vertical-align: middle;
    line-height: 40px;
}

.workflow-timeline .timeline-list .timeline-heading.icon {
    position: absolute;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    float: left;
    box-shadow: none !important;
    border: none;
    background: #ffffff;
}

.workflow-timeline .timeline-list .timeline-heading img {
    width: 40px;
}

.workflow-timeline .panel-outline {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.workflow-timeline .panel-outline .timeline-body {
    padding: 3px 0 0 0;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
}

.workflow-timeline .panel-outline .timeline-body p {
    margin-bottom: 0;
}

.workflow-timeline .panel-outline .timeline-body .editaction i,
.milestone-details .title .editaction i {
    display: none;
}

.workflow-timeline .panel-outline:hover .timeline-body .editaction i,
.milestone-details .title .editaction i {
    font-size: 15px;
    color: #666;
    display: block;
}

.workflow-timeline .panel-outline .timeline-heading:not(.icon) {
    display: none;
}

.milestone-details {
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
}

.milestone-details .title {
    font-size: 14px;
    font-weight: 600;
    color: #666;
    margin-bottom: 10px;
}

.milestone-details .desc {
    font-size: 13px;
    font-weight: 400;
    color: #666;
}

.milestone-details .milestone-type {
    font-size: 11px;
    font-weight: 400;
    color: #666;
}

.milestone-details .milestone-type {
    font-size: 11px;
    font-weight: 400;
    color: #666;
}

.single-milestone-action-preview {
    padding: 0 10px;
}

.single-milestone-action-preview .action-title {
    font-weight: 600;
    font-size: 13px;
    color: #666;
    text-align: left;
}

.add-new-process .modal-content .content-area .milestone-img,
.add-new-process .modal-content .content-area .process-form-img {
    padding: 0;
}

.add-new-process .modal-content .content-area .milestone-img img {
    width: 150px;
    padding: 40px;
    height: 150px;
}

.add-new-process .modal-content .content-area .milestone-img .milestone-name {
    font-size: 12px !important;
    text-align: center;
    font-weight: 600;
}

.modal-dialog.add-new-process {
    width: 510px;
}

.add-new-process .modal-content .modal-body {
    padding: 15px 20px;
}

.add-new-process .modal-content .modal-footer {
    padding: 10px 20px;
}

.single-milestone-action-preview .action-lists ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -o-padding-start: 0;
    padding-left: 0;
}

.single-milestone-action-preview .action-lists ul li {
    list-style: none;
    text-decoration: none;
    font-size: 12px;
    color: #666;
    font-weight: 400;
}

.single-milestone-action-buttons {
    padding: 0;
    bottom: 3%;
    position: absolute;
    text-align: center;
    margin: 0;
    right: 5%;
}

.header-process-details span {
    padding-right: 20px;
}

.header-process-details {
    font-size: 12px;
    font-weight: 400;
    color: #505459;
}

.header-process-details strong {
    font-weight: 600;
    color: #505459;
}

.workflow-container .header-section {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: none;
    background: #ffffff;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.workflow-container .footer-section {
    position: absolute;
    bottom: 3%;
    z-index: 1;
}

.workflow-container .header-section .heading-workflowh4 {
    margin: 10px 0 0 15px;
    font-size: 18px;
    font-weight: 600;
    padding: 20px 0 15px 0;
    color: #151b26;
    line-height: 0;
}

.workflow-container .header-section .save-confirmation,
.customform-main-header .save-confirmation {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding-top: 10px;
}

.workflow-container .header-section .save-confirmation .btn,
.customform-main-header .save-confirmation .btn {
    margin: 0 0;
    padding: 4px 10px;
    font-size: 9px;
}

.sortlisting ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -o-padding-start: 0;
    padding-left: 0;
}

.sortlisting ul li {
    list-style: none;
    float: left;
    padding: 0 2px;
    color: #666;
    font-weight: 400;
    font-size: 11px;
    line-height: 2.4;
    opacity: 0.7;
}

.sortlisting ul li:first-child {
    padding: 0;
}

.sortlisting ul li a {
    padding: 3px 5px;
    background: #d5ecd7;
    border-radius: 2px;
    color: #202124;
    font-weight: 400;
    border: 1px solid #b8d4c3;
    cursor: pointer;
}

.sortlisting ul li .active {
    background: #b9d3f5;
    border: 1px solid #94aed2;
    color: #000000;
}


/* .form-group .btn.file-type-choose .material-icons {
    vertical-align: text-top;
    font-size: 21px;
    top: 2px;
    position: relative;
    right: -4px;
    color: #999;
} */

.transition-subsection-overview {
    padding: 10px 0;
}

.activity-dropdown-selection,
.activity-delete-action {
    visibility: hidden;
}

.activity-list:hover .activity-delete-action {
    visibility: visible;
}

.transition-subsection-overview .activity-title {
    padding: 10px;
    font-weight: 600;
    color: #4353FF;
    font-size: 12px;
    margin: 0;
}

.transition-subsection-overview .task-list-panel {
    padding: 0;
    background: 0;
    margin: 0;
    border-radius: 2px;
}

.transition-subsection-overview .task-list-panel .title {
    font-size: 13px;
    font-weight: 600;
    color: #151b26;
}

.transition-subsection-overview .task-list-panel .type,
.transition-subsection-overview .task-list-panel i {
    font-size: 14px;
    color: #666;
    vertical-align: middle;
        padding: 0 3px;
}

.transition-subsection-overview .task-list-panel i.icon-task-brand {
    font-size: 24px;
    color: #777;
    vertical-align: middle;
    padding: 5px;
}

.transition-subsection-overview .task-list-panel .type-tags {
    font-size: 11px;
    color: #666;
    background: #ddd;
}

.transition-subsection-overview .items-listing .task-list-panel i.delete-action {
    visibility: visible;
    color: #e46a76;
}

.transition-subsection-overview .items-listing li:hover .task-list-panel i.delete-action {
    visibility: visible;
}

.preview-condition .activity-title .icon-add button,
.preview-task .activity-title .icon-add button,
.preview-activity .activity-title .icon-add button {
    display: block;
    transition: width 2s;
    font-size: 12px;
}

.add-task-workflow .task-heading {
   font-size: 13px;
    font-weight: 500;
    color: #3e3e3e;
    padding: 5px 0;
}

.add-task-workflow .task-contentarea .button-display .edit-icon i {
    font-size: 14px;
    vertical-align: bottom;
    color: #999;
}

.add-task-workflow .task-contentarea .button-display .checkbox {
    margin: 0;
}

.add-task-workflow .task-contentarea .button-display .btn {
    margin: 0;
    width: 100%;
}

.add-task-workflow .task-contentarea .action-iconz i {
    font-size: 17px;
    padding: 4px;
    margin: 5px 0;
    border: 1px solid #eee;
    height: 27px;
    width: 27px;
    text-align: center;
    box-sizing: border-box;
}

.add-task-workflow .task-contentarea .button-input .form-group .form-control {
    margin-top: 5px;
    height: 27px;
}

.add-task-workflow .task-contentarea .button-display {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    padding: 10px;
    margin-bottom: 15px;
}

.items-listing .no-task-found img {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
    opacity: 0.3;
}

.condition-body {
    background: url('icon-form-condition.PNG');
    background-repeat: no-repeat;
    background-size: 75px 75px;
    background-position: right 0 top 0;
}

.condition-count-overview {
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    overflow: hidden;
    display: flex;
    /* justify-content: center; */
    flex-flow: column nowrap;
    align-items: center;
    margin: auto;
    margin-top: 0;
    background: #ffffff;
    border: 1px solid #d2d2d2;
    transition-duration: 800ms;
}

.condition-count-overview:hover {
    background: #edf1f5;
}

.condition-count {
    font-size: 24px;
    font-weight: 600;
    padding: 15px 0;
}

.condition-description {
    font-size: 12px;
    font-weight: 400;
    padding: 0;
    line-height: 2;
}

.condition-footer {
    padding: 3px 10px;
    border-top: 1px solid #d2d2d2;
    width: 100%;
    cursor: pointer;
    text-align: right;
    box-sizing: border-box;
}

.condition-footer a {
    color: #777;
    font-weight: 600;
    font-size: 10px;
}

.workflow-exit-button {
    position: absolute;
    min-height: 66px;
    background: #f7f7f7;
}

.workflow-exit-button i {
    line-height: 2.4;
    color: #999999;
    padding: 0 5px;
}

.task-list-panel .label {
    border-radius: 12px;
    padding: 2px 8px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    background: inherit;
    color: #666;
}

.condition-form-content .choose-mtdata p {
    font-size: 10px;
    color: rgb(153, 153, 153);
    font-weight: 600;
    margin-bottom: 0;
    cursor: pointer;
    text-align: left;
}

.condition-form-content .multiselect-mtdata ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    padding: 5px;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.12), 0 2px 2px rgba(255, 255, 255, 0.24);
    background: #f5f5f5;
    margin-top: 0;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

.condition-form-content .multiselect-mtdata ul li {
    list-style: none;
}

.condition-form-content .multiselect-mtdata ul li a {
    cursor: pointer;
    margin: 2px 3px 2px 0;
    padding: 0 8px;
    border-radius: 12px;
    color: #999999;
    font-size: 10px;
    text-transform: inherit;
    line-height: 2em;
    padding-left: 0.8em;
    float: left;
    background: #ffffff;
    border: 1px solid #999999;
    font-weight: 600;
}

.condition-form-content .multiselect-mtdata ul li a i {
    font-size: 11px;
    line-height: 2;
    margin-left: 3px;
    font-weight: 700;
    vertical-align: middle;
}

.condition-form-content .delete-icon i {
    font-size: 16px;
    color: #e46a76;
    vertical-align: -webkit-baseline-middle;
    position: absolute;
    right: -20px;
    top: 3px;
}

.condition-form-content .form-select-condition {
    margin: 8px 0;
    font-size: 10px;
}

.no-conditions-found p {
    font-size: 11px;
    text-align: center;
    margin-top: 10px;
}

.no-conditions-found img {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
    opacity: 0.1;
}

.condition-form-content .form-group .form-control {
    margin-top: -7px;
    padding: 5px !important;
    font-weight: normal;
    border: none;
    max-height: 42px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24);
}

.condition-add-new-btn,
.condition-add-new-btn:hover,
.condition-add-new-btn:focus {
    padding: 5px 10px !important;
    background: #ffffff !important;
    border: 1px dashed #03a9f3;
    font-size: 10px;
    color: #03a9f3;
    font-weight: 600 !important;
    border-radius: 20px;
    text-align: center;
    display: block;
    margin: 10px auto !important;
}


/*workflow page style ends*/


/* Process card view Starts*/

.process-info-overview {
    padding: 0;
    background: #ffffff;
    font-size: 13px;
    font-weight: 400;
    position: fixed;
    width: 23%;
    height: 75%;
    border: 1px solid rgba(0, 0, 0, .125);
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.process-info-overview-header .process-name-dp {
    border-radius: 50%;
    padding: 7px 0;
    font-size: 52px;
    color: #ffffff;
    text-align: center;
}

.process-name-dp img {
    height: 50px;
}

.process-info-overview-header .info-process-name .formedit-btn i {
    font-size: 16px;
    color: #777;
    margin-left: 30px;
    vertical-align: middle;
}

.process-info-overview-header .info-process-name {
    text-align: center;
    margin: 8px 0;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}

.process-info-overview-header .info-process-code {
      font-size: 12px;
    margin: 5px 0;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    font-weight: 500;
}

.process-info-overview-header {
    padding: 20px 15px;
    background: #00bcd4;
    min-height: 163px;
    border-radius: 4px 4px 0 0;
}

.createform-popup .modal-dialog {
    width: 95%;
    margin: 0 auto;
    max-width: 95%;
    min-width: 95%;
    height: 100%;
}

.createform-popup .modal-dialog .modal-content {
    height: 100%;
    background: #F6F6F6;
}
.customform-content-body{
    padding: 5px;
}

.createform-popup .edit-widget-dashboard .modal-content .modal-body {
    background: #eee;
}

.customform-main-header {
    background: #ffffff;
    padding: 10px 20px;
    min-height: 65px;
    border-radius: 4px;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    box-shadow: 0 0.1em rgba(0, 0, 0, .25);
}

.customform-main-header .form-headertitle {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 0!important;
    line-height: 2;
    padding: 11px 15px;
}

.edit-entity .customform-main-header {
    min-height: 60px!important;
}

.edit-entity .customform-main-header .form-headertitle {
    padding: 5px;
}

.customform-main-header .form-details ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -o-padding-start: 0;
    -ms-padding-start: 0;
    padding-left: 0;
    margin: 0;
}

.customform-main-header .popup-actions li .comment-info .status-text i {
    font-size: 10px !important;
}

.modal-header .customform-main-header .checkbox .checkbox-material:before {
    display: block;
    position: absolute;
    left: 5px;
    content: "";
    height: 7px;
    width: 7px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    transform: scale3d(2.3, 2.3, 1);
    top: 4px;
}

.customform-main-header .form-details ul li {
    list-style: none;
    font-size: 12px;
    color: #343a40;
    line-height: 2.0;
    font-weight: 400;
    text-align: left;
    float: left;
    padding-left: 10px;
}

.customform-main-header .form-details ul li .checkbox {
    margin: 0 !important;
}

.customform-main-header .popup-actions {
    float: right;
}

.customform-main-header .popup-actions .dropdown button:focus,
.customform-main-header .popup-actions .open>.btn.dropdown-toggle {
    box-shadow: none;
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px !important;
    border: 1px solid #3e3e52;
    border-radius: 3px;
    background: #f8f4f4;
    padding: 5px 40px;
    color: #151b26;
}

.customform-main-header .popup-actions li a .btn-history {
    box-shadow: none;
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px !important;
    border: 1px solid #3e3e52;
    border-radius: 3px;
    background: #f8f4f4;
    padding: 5px 40px;
    color: #151b26;
}

.customform-main-header .popup-actions li {
    float: left;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    list-style: none;
    padding: 0 20px;
    line-height: 3;
    vertical-align: middle;
}

.customform-main-header .popup-actions li:last-child {
    padding-right: 0;
}

.customform-main-header .popup-actions li i {
    font-size: 16px;
    color: #333;
}
.initaiteform .createrequest-popup gridster,
.initaterequest-form .viewonly-forms  gridster,
.task-contentgridster gridster{
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
       min-height: 100%;
    max-height: 100%;
}
.task-contentgridster,
.task-form-section{
    height: calc(100vh - 18vh);
    display: block;
    position: relative;
}
.task-details-summary .task-contentgridster {
       height: calc(100vh - 23vh);
}
.task-details-summary gridster{
        width: 100% !important;
    height: calc(100vh - 0vh) !important;
    margin-bottom: 0!important;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
       min-height: 100%;
    max-height: 100%;
}

#master-view-details .standard-form-layout{
width: 100%;
}
.customform-content-body.process-form-tab {
   padding: 0;
    background: #edf4f8;
       min-height: calc(100vh - 0vh);
    max-height: calc(100vh - 8vh);
    overflow-y: hidden;
    overflow-x: hidden;
    padding-bottom: 10px;
}

.customform-content-body .process-tab-form-section .tab-content {
    min-height: 480px;
    max-height: 480px;
    overflow: hidden;
}

.process-form-content-section .modal-footer {
    height: 65px;
    margin-top: 15px;
    position: fixed;
    bottom: 0;
}

.process-form-content-section .modal-footer .cancel-modal-btn button {
    height: 65px;
    width: 130px;
}

.process-form-content-section .modal-footer .save-confirmation-section .save-confirmation {
    font-size: 12px;
    font-weight: 400;
    line-height: 3;
    text-align: right;
    text-transform: uppercase;
}

.customform-content-body .process-tab-form-section .gridster-main-content .gridster-content-position {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    height: calc(100vh - 28vh) !important;
    overflow-x: hidden !important;
}

.customform-content-body .process-tab-form-section .gridster-main-content {
    min-height: calc(100vh - 20vh) !important;
    max-height: calc(100vh - 20vh) !important;
    height: calc(100vh - 20vh) !important;
}

.customform-content-body .process-tab-form-section {
    background: transparent;
    font-size: 12px;
    min-height: calc(100vh - 0vh);
    max-height: calc(100vh - 0vh);
    font-weight: 400;
    margin: 0;
    /*margin: 15px 50px 10px;*/
    /* box-shadow: 0 6px 10px #c3c3c3; */
}

.customform-content .form-data-heading {
    border: none;
    padding-left: 5px;
    font-size: 14px !important;
    color: #000000;
    width: 100%;
    z-index: 99 !important;
    box-sizing: border-box;
    background-color: transparent;
}

.customform-content .form-data-heading:hover {
    background: #F9FCB7 !important;
    transition: background 0s ease-out !important;
}

.customform-content .form-data-heading:focus {
    background: #F9FCB7 !important;
    transition: background 0s ease-out !important;
    border: none;
    z-index: 99 !important;
}

.vertical-customtab,
.task-vertical-customtab {
    border-bottom: none;
    /* box-shadow: 2px 2px 3px -2px #eee; */
    /* background: #f4f4f4; */
    background-color: transparent;
    border-radius: 2px;
}

.vertical-customtab ul.form-design-tab {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    margin: 0;
}

.vertical-customtab .form-design-tab ul li,
.task-vertical-customtab ul li {
    float: left;
}

.vertical-customtab .nav.form-design-tab>li>a,
.task-vertical-customtab ul.nav li>a {
    padding: 10px 20px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    border: none !important;
    cursor: pointer !important;
    line-height: 2.4 !important;
    background: #fff !important;
    /* border-bottom: 0 solid #00bcd4 !important; */
    color: #333 !important;
}

.vertical-customtab .nav.form-design-tab>li:hover a {
    padding: 10px 20px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    border: none !important;
    cursor: pointer !important;
    line-height: 2.4 !important;
    background: #fff !important;
    /* border-bottom: 0 solid #00bcd4 !important; */
    color: #333 !important;
}

.vertical-customtab .nav.form-design-tab>li>a.new-tab-add {
    font-size: 11px !important;
    color: #000 !important;
    font-weight: 300 !important;
    /* line-height: 3.5 !important; */
}

.vertical-customtab .nav.form-design-tab>li:hover a.new-tab-add {
    /* border-bottom: 0 solid transparent !important; */
    font-size: 11px !important;
    color: #000 !important;
    font-weight: 400 !important;
    text-decoration: underline;
    text-decoration-style: dotted !important;
    background: none !important;
}

.vertical-customtab .nav.form-design-tab>li>a.new-tab-add i {
    font-size: 14px !important;
    line-height: 1.9 !important;
    visibility: hidden;
}

.vertical-customtab .nav.form-design-tab>li:hover a.new-tab-add i {
    visibility: visible;
}

.vertical-customtab .nav.form-design-tab>li.active a {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    line-height: 2.4;
    color: #333;
}

.task-vertical-customtab ul li:hover a {
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 400;
    border: none;
    cursor: pointer;
    line-height: 2.4;
    color: #202124;
    background: none;
}

.task-vertical-customtab ul.nav li.active a {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    line-height: 2.4;
    color: #111;
}

.vertical-customtab .input-onhover {
    padding: 5px 0 0 0 !important;
}

.vertical-customtab input,
.task-vertical-customtab input {
    height: 28px !important;
    border: 1px solid #ccc !important;
    padding: 5px !important;
    border-radius: 2px !important;
    background: #F9FCB7 !important;
    transition: background 0s ease-out !important;
}

.customform-main-header .formtitle-action i {
    font-size: 15px;
    margin-top: 0;
    line-height: 1;
    vertical-align: middle;
}

.customform-content {
    padding: 10px;
}

.tab-action-buttons {
    padding: 0 10px;
}

.tab-action-buttons i {
    font-size: 20px;
    line-height: 1;
    margin-top: 0;
    font-weight: 600;
}

.tab-action-buttons ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    margin: 0;
}

.tab-action-buttons ul li {
    list-style: none;
    float: right;
    padding: 5px 10px;
    font-size: 14px;
    color: #333;
    line-height: 2;
}

.tab-action-buttons ul li button {
    margin: 0;
}

.customform-content-body .process-tab-form-section  .gridster-content-position .gridster-dashboard-main .more-menu {
    font-size: 18px;
    color: #151b26;
    float: right;
    margin: 3px;
}

.create-form-modal .modal-content .modal-footer {
    padding: 15px 20px;
}

.create-form-modal .modal-content .modal-body {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
}

.dynamic-form-container {
    box-sizing: border-box;
    /*padding: 1px;*/
    background: #ffffff;
    /*overflow: scroll;
    overflow-x: hidden;*/
}

.choose-color-section ul {
    margin-left: 0;
    padding-left: 5px;
}

.choose-color-section ul li {
    list-style: none;
    float: left;
    padding: 3px;
}

.choose-color-section ul li button {
    padding: 0 !important;
    height: 20px;
    width: 20px;
    margin: 0 !important;
}

.insert-data-modal .insert-list-content ul {
    padding-left: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    margin-bottom: 0;
}

.insert-data-modal .insert-list-content ul li {
    list-style: none;
    width: 100%;
    display: inline-block;
}

.insert-input-view {
    width: 93%;
    float: right;
}

.insert-checkbox-view .checkbox .checkbox-material {
    top: 0;
}

.insert-input-view .form-group p {
    font-size: 11px;
}

.insert-input-view .form-group .btn.file-type-choose {
    margin: 0;
    background: transparent;
    color: #555;
    box-shadow: none;
    border: 0.75pt solid #d5dce0;
    width: 100%;
    text-align: left;
    height: 36px;
    line-height: 2.3;
    padding: 5px 7px;
    text-transform: capitalize;
    border-radius: 0;
    cursor: default;
}

.insert-input-view .form-group .btn.file-type-choose i {
    vertical-align: middle;
    font-size: 15px;
    top: 7px !important;
    position: relative;
    right: -2px;
    color: #999;
}

.insert-input-view .form-group .file-type-choose input {
    position: absolute;
    font-size: 50px;
    opacity: 0;
    right: 0;
    top: 0;
}

.insert-data-modal .filter-btn {
    border: 0.75pt solid #d5dce0;
    height: 36px;
    margin-top: -7px;
    padding: 5px;
    border-right: none;
}

.insert-data-modal .filter-btn a i {
    font-size: 14px;
    vertical-align: text-top;
    color: #999;
}

.drag-icon,
.moving-icon {
    height: 35px;
    width: 9%;
    background: #9999994d;
    padding: 5px;
    display: inline-block;
    line-height: 2.2
}

.drag-icon i {
    padding: 2px;
    vertical-align: middle;
    font-size: 19px;
    font-weight: 300;
}

.listofdata {
    width: 90%;
    background: #f0f0f0;
    display: inline-block;
    padding: 5px;
    height: 35px;
    line-height: 2.2
}

.add-tab-action .untitled-icons i {
    font-size: 13px !important;
    padding: 5px;
    border: 1px solid #ddd;
}

.tab-action-buttons .btn-default {
    background: #508ef5 !important;
    color: #ffffff !important;
}

.process-insertdata-modal .qm-btn-addnewfield {
    color: #ffffff !important;
    background: #00c292 !important;
    border-color: #00c292 !important;
    margin: 0;
    padding: 9px 20px;
    border-radius: 0;
    border: none;
    font-size: 12px;
}

.small-choose-modal {
    width: 640px;
    margin-top: 16% !important;
}

.form-placement-actions .action-label {
    float: right;
    margin-bottom: 0 !important;
    margin-top: 5px !important;
    display: none;
    cursor: pointer;
}

.form-placement-actions .form-group:hover .action-label {
    display: block;
}

.form-placement-actions .form-click-action ul {
    padding-left: 0;
    width: 100%;
    top: 0;
    display: inline-block;
    margin-bottom: 0;
}

.form-placement-actions .form-click-action ul li:first-child {
    padding: 0 10px 0 0;
}

.form-placement-actions .form-click-action ul li {
    list-style: none;
    float: left;
    padding: 0 10px;
}

.customform-content .more-menu-delete-grid {
    right: 0;
    left: auto;
    top: 15px;
}

.form-placement-actions .form-click-action .form-check-label .form-check-input {
    vertical-align: sub;
}

.form-placement-actions .form-click-action .delete-event {
    font-size: 12px;
}

.form-placement-actions .form-click-action .delete-event i {
    font-size: 16px;
    color: #999;
}


/*form modal process add ends*/

.card-action-buttons .btn .material-icons {
    font-size: 16px;
}


/*initiate page styling starts*/

.choose-qm-fa-icon ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
}

.choose-qm-fa-icon ul li {
    list-style: none;
    display: inline-flex;
    width: auto;
    padding: 5px;
    margin: 5px;
    border: 1px solid transparent;
}

.choose-qm-fa-icon ul li.active,
.choose-qm-fa-icon ul li:hover {
    background: #edfff5;
    border-radius: 4px;
    border: 1px solid #56d4b5;
}

.choose-qm-fa-icon ul li a {
    color: #aaaaaa;
    font-weight: 600;
}

.choose-qm-fa-icon ul li a i {
    margin: 0;
    padding: 5px;
    font-size: 35px;
}

.choose-qm-fa-icon ul li a i:hover {
    opacity: 1;
}


/*initate request*/


/* .ini-request-listing {
    overflow-y: scroll;
    min-height: calc(100vh - 36vh);
    max-height: calc(100vh - 36vh);
    } */

.ini-request-listing .card {
    border-color: #d7dfe3;
    border-radius: 4px;
    margin-bottom: 10px;
    transition: 1s;
    border: 1px solid #d7dfe3;
    box-shadow: none;
}

.ini-request-listing .card:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.30);
    box-shadow: 0 16px 30px 1px rgba(0, 0, 0, .1);
    transition: 1s;
}

.initate-card-button .fa-arrow-right {
    display: none;
}

.ini-request-listing .card:hover .initate-card-button,
.initate-card-button:focus {
    color: #00c292 !important;
    background: rgba(0, 194, 146, 0.1);
    border-color: #00c292 !important;
    box-shadow: none;
    transition: 3s;
}

.ini-request-listing .card-body {
    -o-box-flex: 1;
    -ms-box-flex: 1;
    flex: 1 1 auto;
    padding: 12px;
}

.ini-request-listing .cat-brand {
    line-height: 45px;
    width: 45px;
    height: 45px;
    font-size: 30px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
}

.ini-request-listing .cat-brand img {
    width: 100%;
    height: auto;
    opacity: 0.7;
}

.ini-request-listing .cat-brand i {
    color: #d5dce0;
}

.ini-request-listing .processname {
    font-size: 13px;
    font-weight: 600;
    color: #151b26;
    margin: 5px 0;
}

.ini-request-listing .cat-name {
    font-size: 12px;
    font-weight: 300;
    color: #777;
    margin: 0;
}
.font-size18padding i{
    font-size: 18px!important;
    padding-right: 5px;
}

.ini-request-listing .label {
       border-radius: 8px;
    padding: 2px 10px;
    text-transform: capitalize;
    cursor: pointer;
    background: transparent!important;
    color: #555555;
    font-size: 14px;
    font-weight: 500;
}

.initate-card-button {
    margin: 10px 0 0 0;
    float: right;
    background: transparent;
    color: #151b26;
    border: 1px dashed rgba(000, 000, 000, 0.2);
    border-radius: 3px;
    box-shadow: none;
}

.ini-dashboard-task-metrics .card {
    border-radius: 3px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.card-48bbf8 {
    background: #48bbf8!important;
    border: 1px solid rgb(38, 198, 218)!important;
}

.card-183588 {
    background: #183588!important;
    border: 1px solid #183588!important;
}

.ini-dashboard-task-metrics .card-body {
    flex: 1 1 auto;
    padding: 10px;
}

.ini-dashboard-task-metrics .cat-brand i {
    font-size: 68px;
    color: #ffffff;
    padding: 5px;
    opacity: 0.15;
    cursor: default;
    position: absolute;
    bottom: 0;
    right: 0;
}

.ini-dashboard-task-metrics .title {
       font-size: 16px;
    margin: 0;
    color: #fff;
    font-weight: 500;
    line-height: 1.4;
}

.ini-dashboard-task-metrics .subtitle {
    font-size: 11px;
    margin: 5px 0;
    color: #ffffff;
    font-weight: 400;
    line-height: 1.4;
    min-height: 30px;
}

.ini-dashboard-task-metrics .total-count {
    font-size: 24px;
    margin: 15px 0 0 0;
    color: #ffffff;
    font-weight: 600;
    text-align: right;
}

.ini-dashboard-task-metrics .total-count span {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.initaterequest-contentarea .request-tab-section .cke_combo_text {
    line-height: 26px !important;
    padding-left: 10px !important;
    width: 40px !important;
}

.initaterequest-contentarea .request-tab-section .cke_top {
    padding: 0 !important;
}

.initaterequest-contentarea .request-tab-section .cke_toolgroup {
    margin: 0 0 3px 0 !important;
    padding-right: 0 !important;
}

.initaterequest-contentarea .request-tab-section a.cke_button,
.initaterequest-contentarea .request-tab-section a.cke_button:hover {
    height: 16px !important;
    padding: 3px 5px !important;
}

.initaterequest-contentarea .request-tab-section .cke_ltr .cke_button__paste_icon {
    /*//background: url(icons.png?t=95e5d83) no-repeat 0 -264px !important;*/
}

.initaterequest-contentarea .request-tab-section a.cke_button_off:hover,
.initaterequest-contentarea .request-tab-section a.cke_button_off:focus,
.initaterequest-contentarea .request-tab-section a.cke_button_off:active {
    border: none !important;
}

.initaterequest-contentarea .request-tab-section .cke_button_label {
    padding-left: 0 !important;
    margin-top: 2px !important;
    line-height: 16px !important;
    font-size: 11px !important;
    font-weight: 600;
}

.initaterequest-contentarea .request-tab-section .cke_combo {
    margin-bottom: 0 !important;
}

.initaterequest-contentarea .request-tab-section .cke_combo_on a.cke_combo_button,
.initaterequest-contentarea .request-tab-section .cke_combo_off a.cke_combo_button:hover,
.initaterequest-contentarea .request-tab-section .cke_combo_off a.cke_combo_button:focus,
.initaterequest-contentarea .request-tab-section .cke_combo_off a.cke_combo_button:active {
    border: none !important;
    margin-bottom: 0 !important;
}

.initaterequest-contentarea .request-tab-section .cke_toolbar_start+.cke_combo_on a.cke_combo_button,
.initaterequest-contentarea .request-tab-section .cke_toolbar_start+.cke_combo_off a.cke_combo_button:hover,
.initaterequest-contentarea .request-tab-section .cke_toolbar_start+.cke_combo_off a.cke_combo_button:focus,
.initaterequest-contentarea .request-tab-section .cke_toolbar_start+.cke_combo_off a.cke_combo_button:active {
    padding: 0 !important;
    margin-left: 0 !important;
    font-size: 11px !important;
    margin-top: 0 !important;
    line-height: 16px !important;
}

.initaterequest-contentarea .request-tab-section a.cke_combo_button {
    padding: 0 !important;
}

.intitate-request-details .card .card-header {
    padding: 0;
    z-index: 3;
}

.form-info-section {
    height: 36px;
}

.form-info-section {
    padding: 6px 10px;
    background: #eef5f9;
    margin-top: -7px;
    margin-bottom: 15px;
}

.form-info-section strong {
    font-size: 14px;
    font-weight: 600;
    color: #151b26;
}

.form-info-section .count-user-part {
    font-size: 12px;
    font-weight: 400;
    color: #505459;
    padding: 0 10px;
    line-height: 1.5;
}

.form-info-section .add-user-part {
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    padding: 0 10px;
    line-height: 2;
}

.form-info-section .add-user-part i {
    font-size: 20px;
}


/* Start user MyProfile Page Styling */


.myprofile-page .myprofile-preview .my-profile-img img {
    border-radius: 50%;
}

.myprofile-page .myprofile-preview .user-primary-details {
    padding: 20px 10px;
    font-size: 12px;
    text-align: center;
    margin-top: 50px;
    padding-top: 0;
}

.myprofile-page .myprofile-preview .user-primary-details .usernameh2 {
    font-size: 16px;
    color: #343a40;
    margin: 0 0 10px 0;
    font-weight: 600;
    text-transform: uppercase;
}

.myprofile-page .myprofile-preview .user-primary-details .userdetailsh6 {
    font-size: 12px;
    color: #6c757d;
    margin: 5px 0 10px 0;
    text-transform: capitalize;
    font-weight: 600;
}

.myprofile-page .myprofile-preview .details-divider {
    border-top: 0.5px solid #ddd;
}

.myprofile-page .myprofile-preview .user-secondary-details {
    padding: 10px;
}

.myprofile-page .myprofile-preview .user-secondary-details ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-left: 0;
}

.myprofile-page .myprofile-preview .user-secondary-details ul li {
    list-style: none;
    font-size: 12px;
    color: #343a40;
    line-height: 1.8;
    font-weight: 400;
    text-align: left;
}

.myprofile-page .myprofile-preview .user-secondary-details ul li strong {
    color: #6c757d;
    font-weight: 600;
}

.myprofile-page .myprofile-preview .user-secondary-details ul li p {
    font-weight: 600;
}

.myprofile-tab-section {
    background: #ffffff;
    font-size: 12px;
    min-height: calc(100vh - 40vh);
    max-height: calc(100vh - 40vh);
    font-weight: 400;
}
.cusomform-height{
    height: calc(100vh - 15vh);
    display: block;
}
.myprofile-tab-section .nav {
    border-bottom:none;
    background: #E6EAEA;
}

/* .myprofile-tab-section .tab-content {
        padding: 15px;
        min-height: 500px;
        max-height: 500px;
        overflow-y: scroll;
    } */

.myprofile-tab-section .nav>li {
    float: left;
    width: 50%;
    text-align: center;
}

.myprofile-tab-section .nav>li>a {
    padding: 10px 15px;
  font-size: 13px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
}

.myprofile-tab-section .nav>li:active a {
    cursor: pointer;
    border-bottom: 2px solid #6c757d;
    padding: 11px 15px;
    font-weight: 600;
    background: #fff;
    /* border-bottom: 2px solid #508ef5; */
    border-bottom: none;
}


/* .myprofile-tab-section .nav>li .active {
        cursor: pointer;
        border-bottom: 2px solid #6c757d;
        padding: 10px 15px;
        font-weight: 600;
        background: #c2dbef;
        border-bottom: 2px solid #508ef5;
    } */

.confirmchangepassword-notification {
    padding: 15px;
    background: transparent;
    color: #26c6da;
    font-size: 12px;
    text-align: left;
    font-weight: 400;
    border-radius: 2px;
    border: 1px solid #26c6da;
    margin-bottom: 15px;
}


/*my profile end */


/*user configuration*/
.myprofile-preview .my-profile-img button.user-profile-edit,
.myprofile-preview .my-profile-img button.user-profile-edit:hover {
    border-radius: 30px;
    background: transparent;
    border-color: transparent;
    position: absolute;
    top: 15px;
    right: 0;
}

.myprofile-preview .my-profile-img button.user-profile-edit i {
    font-size: 18px;
}

.roles-view-details .onlistingcatergory {
    min-height: calc(100vh - 20vh);
}

.roles-view-details .form-content-section {
    /* min-height: calc(100vh - 20vh); */
}

.fileinput .thumbnail {
    box-shadow: none;
}

.roles-view-details .myprofile-preview .btn-delete.addedit-user {
    position: absolute;
    bottom: 0;
    left: 30%;
}


/* #usermanagement-group-link .static-table .table>tbody>tr>td {
  padding: 7px 5px!important;
  vertical-align: middle!important;
  font-size: 12px;
  } */

.roles-view-details .my-profile-img img {
        width: 100px;
    height: 100px;
    display: block;
    margin: auto;
    margin-top: 30px;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

.roles-view-details .divider {
    border-bottom: 1px solid #eee;
    margin: 0 15px;
}

.grouptype-section .left-tab-header ul li a .grouptype-length {
    margin: 0;
    font-weight: 400;
    color: #505459;
    font-size: 13px;
    text-transform: capitalize;
}

.grouptype-section .left-tab-header ul li a .grouptype-length i {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    padding: 0;
    color: #999;
}

.roles-view-details .grouptype-section ul li a:hover .roles-tab-icon .material-icons,
.roles-view-details .grouptype-section ul li.active a .roles-tab-icon .material-icons {
    display: block;
    visibility: visible;
}

.roles-view-details .grouptype-section .roles-tab-icon .material-icons {
    position: absolute;
    top: 30%;
    right: 10px;
    font-size: 18px;
    padding: 0;
    color: #8899a6;
    display: none;
    visibility: hidden;
}


/* .roles-view-details  .user-info-designation{
  font-size: 10px;
  } */

.table-status-img .user-table-thumbnail .status-icon {
    position: relative;
    left: -7px;
    bottom: -9px;
}

.user-manage-upload .upload-content .upload-btn-icon {
    padding: 3px 5px;
}

.user-manage-upload .thumbnail img {
    min-height: auto !important;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background: transparent;
}

.user-manage-upload .upload-btn-icon i {
    vertical-align: middle;
    font-size: 13px !important;
    top: -1px;
    position: relative;
}

.user-manage-upload .fileinput .thumbnail {
    margin-bottom: 0;
}

.user-status-dropdown .dropdown-menu {
    top: 78px;
    left: 13px;
}

.user-status-dropdown .dropdown-menu li>a {
    padding: 10px;
}

.user-status-dropdown .dropdown-toggle .material-icons {
    font-size: 14px;
    color: #323232;
}

.roles-view-details .roles-left-sidemenu {
    min-height: 370px;
    max-height: 370px;
    overflow-y: scroll;
}

.manage-roleedit-filter .dropdown-toggle i {
    font-size: 15px;
}


/*user configuration end*/


/*task card view style starts*/

.task-card-panel {
    margin-bottom: 20px;
}

.task-card-panel .card .card-title {
  margin-top: 5px;
    font-size: 14px;
    text-align: left;
    color: #555555;
    font-weight: 600;
}

.task-card-panel .card .card-content .category-name {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    color: #202124;
    opacity: 0.6;
    line-height: inherit;
    text-align: left;
}

.task-card-panel .card .card-content .category {
         font-size: 13px;
    line-height: 1.5;
    text-align: left;
    color: #607d8b;
    font-weight: 500;
}

.task-card-panel .card [data-background] {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    margin: -10px 15px 0;
    border-radius: 3px;
    padding: 10px;
    background: #999999;
    position: relative;
}

.stats img {
    width: 10%;
    border-radius: 50%;
    position: relative;
    top: -5px;
}


/*task card view ends*/


/*workflow*/

.no-task-found img {
    height: 50px;
    width: 50px;
    display: block;
    margin: 0 auto;
    opacity: 0.2;
}

.no-task-found p {
    font-size: 11px;
    text-align: center;
    color: #777;
    font-weight: 400;
    margin-bottom: 0;
}


/*workflow*/


/*process form*/

.quickfilter-section ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-left: 0;
    margin: 0;
}

.quickfilter-section li:first-child {
    border: none;
    padding: 0;
    line-height: 3.6;
    font-size: 11px;
    font-weight: 600;
}

.quickfilter-section li {
    list-style: none;
    float: left;
    border: 1px dashed #ccc;
    padding: 2px 15px;
    border-radius: 2px;
    margin: 2px;
}

.dashboard-task-content .chat-count {
    position: absolute;
    top: 5px;
    right: 5px;
}

.dashboard-task-content .expand-icon {
    color: #aaa;
    font-size: 18px;
    cursor: pointer;
}

.dashboard-task-content .expand-more button,
.dashboard-task-content .expand-more button:hover,
.dashboard-task-content .expand-more button:focus {
    color: #8d97ad !important;
    border-top:none;
    background: transparent !important;
    font-size: 10px;
    padding: 4px 4px 2px 4px;
    line-height: 1.6;
    border-radius: 3px;
    text-transform: capitalize;
  
    width: 100% !important;
    box-shadow: none;
    text-align: right;
}

.dashboard-task-content .side-content {
      border: none;
    padding: 0;
    background: #ffffff;
    margin: 0;
    width: 100%;
    box-shadow: none;
    border-top: none;
    position: relative;
    top: 1px;
}

.dashboard-task-content .card-content .task-card-panel:first-child {
    margin-top: 0 !important;
}

.user-table-thumbnail img {
    width: 27px;
    border-radius: 50%;
    height: 27px;
}

.onempty-record .card-batch .card-content {
    position: relative;
    border: 1px dotted #d2d2d2;
    padding: 50px;
}

.onempty-record .card-batch .card-content p {
    font-size: 12px;
    color: #777;
}

.onempty-chathistory {
 text-align: center;    
     padding: 70px 0;
    background: #ffff;
}

.onempty-chathistory i {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    font-size: 120px;
    color: #d2d2d2;
}

.onempty-chathistory p {
        font-size: 14px;
    color: #505459;
    text-align: center;
    padding: 10px 25px;
    font-weight: 600;
    padding-bottom: 35px;
}

.onempty-tasksoverdue {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    width: 100%;
}

.onempty-tasksoverdue {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    width: 100%;
}

.onempty-tasksoverdue img {
    text-align: center;
    padding: 25px;
    width: 100px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30%;
}

.onempty-tasksoverdue p {
    font-size: 12px;
    color: #505459;
    text-align: center;
    padding: 0 25px;
    font-weight: 600;
}

.external-task-details {
    position: fixed;
}

.task-details-card-actions .doc-listing {
    max-width: 250px;
    min-width: 250px;
    padding: 5px;
    border-radius: 3px;
}

.complete-task-page .card-content .task-card-panel:first-child {
    margin-top: 0 !important;
}

.complete-task-page .task-card-header .btn {
    margin: 5px 0;
    padding: 5px 10px !important;
}

.complete-task-page .task-card-header {
    color: #ffffff;
    background: #41B05F;
    border-color: #41B05F;
    border-radius: 2px;
}

.complete-task-page .task-card-header .input-type-search .form-group {
    padding-bottom: 0 !important;
}

.complete-task-page .task-card-header .input-type-search .form-group .form-control {
    margin-top: 0 !important;
}

.complete-task-page .task-card-header .material-icons {
    font-size: 50px;
    vertical-align: top;
    opacity: 0.9 !important;
    top: -4px !important;
    right: 15px;
    position: absolute;
}

.complete-task-page .content-scrollbar {
    max-height: calc(100vh - 32vh);
    overflow-y: scroll;
    min-height: calc(100vh - 32vh);
    margin-top: -9px;
    /*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0));*/
}


/* .provisiontasklisting .perfect-s
} */

.complete-task-page .expand-more button {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: 1px dotted #ddd;
}

.complete-task-page .expand-more button:hover {
    border: 1px dotted #41b05f;
    background: #ffffff !important;
}

.task-details-summary .card .card-content .card-title {
    margin-top: 0;
    margin-bottom: 0 !important;
    font-size: 17px;
    color: #323232;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    line-height: 2.2;
}

.task-details-summary .card-form-header {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0;
    box-shadow: none;
    border-radius: 3px;
    color: #828282;
    background: #ffffff;
    border: 1px solid #d6eafa;
}

.task-details-summary .card-form-header .card-title {
    font-size: 16px;
    color: #202124;
    font-weight: 400;
    margin: 15px;
}
.ckpara{
      background: #f1f1f1;
    font-size: 13px;
    border-radius: 3px;
    word-break: break-word;
    padding: 20px!important;
}

.task-details-summary .form-group .form-control {
    margin-top: 0;
    padding: 0 5px !important;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.97);
}

.task-details-summary .form-group.is-focused select.form-control {
    box-shadow: none;
    border-color: #D2D2D2;
}

.task-details-summary .form-group.has-error.is-focused .form-control {
    background-image: none !important;
}

.task-details-summary .form-group.label-floating label.control-label,
.task-details-summary .form-group.label-placeholder label.control-label {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.47);
}

.completed-task-button,
.completed-task-button:focus {
    color: #26c6da;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    padding: 10px 15px !important;
    width: 100%;
    font-weight: 600;
    transition: all ease 0.2s;
    box-shadow: none;
}

.completed-task-button:hover {
    color: #26c6da;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    padding: 10px 15px !important;
    width: 100%;
    transition: all 2s ease;
    transition: all ease 0.2s;
    box-shadow: none;
}


/*task-list page ends*/

.complete-task-page .completetask-header {
    padding: 20px 10px !important;
    z-index: 3;
    font-size: 15px;
    font-weight: normal;
}

.advanced-search-section {
    background: #ffffff;
    border: 1px solid #f5f5f5;
}

.advanced-search-section .dropdown a.sort-by {
    font-size: 12px !important;
    cursor: pointer;
    padding-right: 150px;
}

.advanced-search-section .dropdown a.sort-by .caret {
    float: right;
    top: -10px;
    position: relative;
}

.advanced-search-section .dropdown {
    top: 1px;
    border: 1px solid #d2d2d2;
    padding: 6px 20px;
    text-align: left;
    font-weight: 400;
    padding-left: 8px;
    width: 100%;
}

.advanced-search-section ul.dropdown-menu {
    width: 100%;
    margin: 0;
    padding: 0;
}

.advanced-search-section ul.dropdown-menu li a {
    margin: 0;
    font-size: 12px;
    padding: 10px 15px;
}

.complete-task-page .header-text {
    line-height: 2;
    font-weight: 600;
    font-size: 14px;
    color: #505459;
}

.task-details-footer .footer-content p {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    padding: 12px 20px;
    color: #26c6da;
}

.task-details-footer .footer-content p i {
    width: 0;
    font-size: 17px;
    padding: 0 20px 0 0;
    vertical-align: sub;
    color: #26c6da;
}

.taskdetails-header-action {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.taskdetails-header-action ul.doc-listing {
    overflow-y: scroll;
    overflow-x: hidden;
}

.taskdetails-header-action .task-document-listing .listing-icons:first-child {
    border-left: 1px dotted #eee;
    height: auto;
}

.taskdetails-header-action .task-document-listing .listing-icons.task-grp {
        border-bottom: 4px solid #03a9f3;
}
.taskdetails-header-action  .listing-icons.task-grpdoc {
    border-bottom: 4px solid #f3bf03;
}
.taskdetails-header-action .task-document-listing .listing-icons {
    float: right;
    list-style: none;
    padding: 5px 10px;
    border-left: 1px dotted #eee;
    height: 56px;
}
.descriptionpara  .copyuserto {
/*    text-decoration: underline;*/
    padding-right: 20px;
/*    cursor: pointer;*/
}

#taskdetails-modal .taskdetails-header-action .task-document-listing .listing-icons{
    padding: 5px ;
}
.taskactionbtns li {
    background: transparent!important;
    border: none!important;
}

.taskdetails-header-action .task-document-listing li:last-child {
    /* border-right: none; */
}

.taskdetails-header-action .task-document-listing {
    width: auto;
    display: inherit;
    margin-bottom: 0;
    padding-left: 0;
    /* float: right; */
}

.task-details-card-actions .dropdown-data i {
    font-size: 24px;
    vertical-align: middle;
    color: #607D8B;
}

.task-details-card-actions .history-topicdetails {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    margin: 0;
}

.task-details-card-actions .dropdown-header .dropdowndescription,
.action-topicdeatils {
    text-transform: initial;
    font-size: 12px;
    margin: 0;
    border-bottom: none;
    font-weight: 400;
    color: #999;
}

.assigned-content table td .table-doc-name {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #151b26;
}

.assigned-content table td p {
    margin-top: 0;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    margin-bottom: 0;
}

.assigned-content table td p .user-response {
       color: #455a64;
    font-weight: 500;
    font-size: 12px;
}

.assigned-content .status-icons i {
    vertical-align: text-bottom;
    color: #999;
    font-size: 27px;
    text-align: center;
}

.listing-icons .no-documentsfound,
.no-documentsfound {
margin:15px 0;
background: #fff;
    text-align: center;
    border: 2px dashed #E0E0E0;
    padding: 40px 20px;
    border-radius: 5px;
}
.separatordoc{
    line-height: 3.5;
}
.uploadseparator{
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    width: 100%;
    margin: auto;
    left: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
}
.no-documentsfound  .material-symbols-outlined{
        font-size: 50px;
            cursor: pointer;
    color: gray;
    background: #f1f2ff;
    padding: 5px 15px;
    margin-bottom: 10px;
    border-radius: 3px;
}

.listing-icons .no-documentsfound i,
.no-documentsfound i {
    text-align: center;
    display: block;
    font-size: 60px;
    color: #B5D0E8;
    margin: 10px 0;
    opacity: 0.5;
}

.listing-icons .no-documentsfound p,
.no-documentsfound p {
    font-size: 12px;
    font-weight: 500;
    color: #999;
    margin-bottom: 0;
    text-align: center;
}

.dropdown-milestones .comment-history .history-topicdetails {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 1.5;
}

.popup-actions .dropdown-milestones {
    padding: 0 !important;
    margin: 0 !important;
}

.customform-main-header .popup-actions .dropdown-milestones li .comment-info .status-text i {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #151b26 !important;
}

.comment-message p .btn-simple.pop {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 11px !important;
    text-transform: capitalize;
    font-weight: 400;
}

.complete-task-page .task-card-header .completed-icon .material-icons {
    font-size: 35px;
    vertical-align: top;
    opacity: 0.3 !important;
    top: -4px !important;
    position: absolute;
    left: 130px;
}

.task-details-card-overview {
    border-bottom: none;
    background: #f9f9f9;
    border-radius: 0px;
    box-shadow: none;
    border-width: 0 15px;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
}
.large__mainmodalform #taskdetails-modal .modal--outersection .modal-header{
    height: 57px;
}
.large__mainmodalform #taskdetails-modal .modal--outersection{
        max-width: 90%;
    min-width: 90%;
}
/* .inprogress-ribbon {
    border-color: transparent transparent transparent #03a9f3;
    border-width: 0 5px;
    border-style: solid;
} */

.completed-ribbon {
    border-color: transparent transparent transparent #26c6da;
    border-width: 0 5px;
    border-style: solid;
}

.atrisk-ribbon {
    border-color: transparent transparent transparent #fb9678;
    border-width: 0 5px;
    border-style: solid;
}

.overdue-ribbon {
    border-color: transparent transparent transparent #e46a76;
    border-width: 0 5px;
    border-style: solid;
}

.task-details-card-overview .task-details-card-actions .dropdown-content .dropdown-header {
    font-size: 12px;
    color: #666;
    font-weight: 400;
    text-transform: inherit;
    padding: 0;
    white-space: inherit !important;
}

.task-details-card-overview .task-details-card-actions .doc-listing a {
    color: #151b26 !important;
    padding: 0 !important;
    text-decoration: none;
    display: block !important;
    font-size: 13px;
    margin-top: 15px;
    font-weight: 600;
}

.task-details-card-overview .task-details-card-actions .doc-listing a:hover {
    background: transparent !important;
}

.task-details-card-overview .task-title {
    font-size: 16px;
    color: #555555;
    font-weight: 600;
    padding: 0;
    line-height: 2.2;
}

.task-details-card-overview .task-title .icons {
    vertical-align: text-bottom;
    font-size: 18px;
}

.task-details-card-overview .task-description {
    font-size: 13px;
    color: #777777;
    font-weight: 500;
}

.task-details-card-overview .stats img {
    height: 25px;
    width: 25px;
    top: 0;
}

.task-details-card-overview .stats {
    font-size: 12px;
    color: #777;
    font-size: 12px;
    margin-bottom: 5px;
    list-style: none;
    display: flex;
    padding-left: 0;
}

.task-details-card-overview .stats li {
    padding: 0 15px 0 0;
}

.task-details-card-actions .dropdown .dropdown-content.task-detail-dropdown .btn.btn-sm {
    padding: 10px;
    font-size: 12px;
}

.task-details-card-overview .task-details-card-actions .dropdown:hover .dropdown-content.task-detail-dropdown {
    display: block;
    right: -20px;
    padding: 15px;
    top: 100%;
    min-width: 320px;
    box-shadow: 1px 1px 3px rgba(86, 84, 86, 0.3);
    border: 0.75px solid #DADADA;
    background: #ffffff;
    color: #777;
}

.task-details-card-overview .task-details-card-actions .dropdown {
    position: relative;
    display: inline-block;
    padding: 0 !important;
}

.task-details-card-overview .task-title .stat-text {
    font-size: 12px;
    font-weight: 600;
}

.task-details-card-overview .task-details-card-actions .dropdown-content {
    display: none;
    position: absolute;
    background: #f1f1f1;
    min-width: 400px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 99;
    right: 0 !important;
    max-height: 350px;
    min-height: 350px;
    overflow-y: scroll;
}

.task-details-card-overview .task-details-card-actions .dropdown-content.btn-content {
    display: none;
    position: absolute;
    background: #f1f1f1;
    min-width: 300px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 99;
}

.task-details-card-overview .task-details-card-actions .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.task-details-card-overview .task-details-card-actions .dropdown-content .dropdown-header {
    font-size: 13px;
    color: #666;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 5px;
}

.task-details-card-overview .dropdown-content .table .cr-pt td img {
    width: 35px;
    height: 32px;
    border-radius: 50%;
}

.task-details-card-overview .task-details-card-actions .dropdown-content a:hover {
    background: #ddd;
}

.task-details-card-overview .task-details-card-actions .dropdown-content.btn-content {
    max-height: auto;
    min-height: auto;
}

.task-details-card-overview .task-details-card-actions .dropdown:hover .dropdown-content {
    display: block;
    right: 0;
    padding: 15px;
    top: 100%;
    box-shadow: 1px 1px 3px rgba(86, 84, 86, 0.3);
    border: 0.75px solid #DADADA;
    background: #ffffff;
    color: #777;
}

.task-details-card-overview .task-details-card-actions .assign-task-content .dropdown-btn-border .dropdown button .dropdown-data {
    background: transparent;
    color: #666;
    box-shadow: none;
    height: 90px;
    width: 100%;
}

.task-details-card-overview .task-details-card-actions .assign-task-content .dropdown-btn-border {
    border-left: 1px dashed #777;
}

.task-details-card-overview .action-button {
    background: #00bcd4;
    color: #ffffff;
    border: 1px dashed #00bcd4;
    margin: 0;
    padding: 15px 30px;
}

.task-details-card-overview .action-button:hover {
    background: #00bcd4;
    color: #ffffff;
    border: 1px dashed #00bcd4;
    margin: 0;
    padding: 15px 30px;
    transition: width 2s;
}

.task-details-card-overview .view-assignedtask .dropdown-data {
    padding: 0;
    font-size: 10px;
    font-weight: 600;
    color: #999;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0.2px;
}

.task-details-card-overview .view-assignedtask .dropdown-data i {
    font-size: 30px;
    vertical-align: middle;
    color: #00bcd4 !important;
}

.task-details-card-overview .action-button,
.task-details-card-overview .action-button:hover {
    padding: 10px 25px;
    margin: 5px;
}

.task-details-summary .task-grid-content .card-content {
    margin: 0 0px;
    padding-bottom: 10px;
    padding-left: 0 !important;
    padding-right: 0 !important;    
        background-color:#f5f5f5;
}

.task-details-card-overview .task-title .process-username {
    font-size: 12px;
    font-weight: 400;
    color: #777;
}

.task-details-card-overview .task-details-card-actions .dropdown-content {
    min-width: 350px !important;
    max-width: 350px !important;
}

.task-details-summary .task-grid-content {
    background: transparent;
}

.task-details-summary .task-grid-content .card-content .form-heading {
    margin: 10px;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    padding: 0;
    color: #151b26;
}

.task-formtitle-header {
    margin: 1px 0 0;
    background: #f2f2f2;
    padding: 10px;
}

.task-details-summary .task-grid-content .form-content-section {
    box-shadow: none;
    margin-bottom: 0;
    background: #ffffff;
    border-radius: 0;
    padding: 0;
    min-height: auto;
    /* max-height: calc(100vh - 46vh); */
    overflow-y: scroll;
    overflow-x: scroll;
    box-shadow: 0 6px 10px #c3c3c3;
}

.task-details-card-actions .comment-history .comments {
    font-size: 12px;
    margin-bottom: 10px;
}

.task-details-card-actions .comment-history li {
    list-style: none;
    width: 100%;
    padding: 0;
    line-height: 1;
}

.task-details-card-actions .comment-history.timeline {
    margin-top: 0;
}

.task-details-card-actions .comment-history.timeline li {
    margin-bottom: 0;
}

.task-details-card-actions .comment-history .comments .comment-date {
    font-size: 11px;
    color: #aaa;
    position: relative;
    top: 18px;
}

.task-details-card-actions .comment-history .comments .comment-date i {
    font-size: 14px;
    vertical-align: sub;
    color: #777 !important;
}

.task-details-card-actions .comment-history .comments .Timline-icon {
    position: absolute;
    z-index: 9;
    cursor: pointer;
    left: 19%;
}

.task-details-card-actions .comment-history .comments .comment-info b {
    color: #151b26;
    font-size: 13px;
    font-weight: 600 !important;
}

.task-details-card-actions .comment-history .comments .comment-info {
    font-size: 11px;
    font-weight: 400 !important;
    padding-left: 25.5%;
    color: #151b26;
    line-height: 1.7;
    display: inline-block;
}
.clr3e3e3e{
    color: #3e3e3e!important;
}
.tasklistinggg .process-icons i{
line-height: 1.4;
padding: 0!important;
}
.memebersalign{
    position: absolute;
    right: 10px;
    top: 38px;
}
.taskviewbtn{
/*background: #cee8ed;*/
    padding:  10px 5px;
    position: relative;
    right: 0;
    color: #736f6f;
    font-size: 10px;
    top: 0;
    font-weight: 600;
}

.task-details-card-actions .comment-history .comments .comment-info .status-text {
    font-size: 11px !important;
    font-weight: 400;
    padding-left: 0;
    line-height: 1.2;
}

.task-details-card-actions .comment-history .comments .comment-message {
    padding-left: 25.5%;
    font-size: 11px;
    margin: 5px 0;
}

.task-details-card-actions .comment-history .comments .Timline-icon {
    padding: 0;
    margin: 0;
    background: #ffffff;
}

.task-details-card-actions .comment-history .comments .Timline-icon i {
    font-size: 13px !important;
    border-radius: 50%;
    margin: 0 0 0 -4px;
    height: 20px;
    width: 20px;
    line-height: 1.7;
    color: #777;
    top: 0 !important;
}

.task-details-card-actions .comment-history .comments .Timline-icon:before {
    background: #ddd;
    border-radius: 2px;
    bottom: -35px;
    content: "";
    height: 30px;
    left: 5px;
    position: absolute;
    width: 1px;
}

.task-details-card-actions .comment-message p {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 600;
    color: #777;
}

.task-details-card-actions .history-btn {
    font-size: 12px;
    font-weight: 500;
    color: #607D8B;
    cursor: pointer;
    text-align: center;
    letter-spacing: inherit;
}

.task-card-summary .card-content {
    padding: 5px 15px;
    position: relative;
}

.task-card-summary .category {
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 12px;
    font-weight: 600;
    color: #666;
}

.task-card-summary .description {
    font-size: 12px;
    color: #333;
    line-height: 1.4;
    padding: 10px 0;
}

.task-card-summary .card-footer {
    margin: 0;
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
}

.task-card-summary .card-content .stats {
    line-height: 22px;
    color: #999999;
    font-size: 12px;
    padding-bottom: 5px;
}

.task-card-summary .card-content .stats .material-icons {
    position: relative;
    top: 4px;
    font-size: 16px;
}

.task-card-summary .divider {
    border-bottom: 1px solid #eee;
    margin: 0 10px;
    padding: 5px 0;
}

.task-card-summary .card-content .btn {
    padding: 5px 13px !important;
    font-size: 11px;
    border: 1px solid #666;
    background: transparent;
    color: #333;
    box-shadow: none;
    margin-bottom: 0;
}

.task-details-card-actions .doc-listing {
    max-width: 350px !important;
    min-width: 350px !important;
    padding: 15px !important;
    border-radius: 3px !important;
    min-height: 350px;
    max-height: 350px;
    overflow-y: scroll;
}

.task-details-card-actions .doc-listing li a {
    padding: 10px 10px !important;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #555;
}

.task-details-card-actions .doc-listing li a:hover {
    background: #efefef !important;
}

.task-overview-section .task-panel-body {
    margin-bottom: 30px;
    border-color: #d7dfe3;
    border-radius: 4px;
    -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    background: #ffffff;
    border: 1px solid #00000020;
}

.task-overview-section .task-panel-body .card-block {
    -ms-box-flex: 1;
    -o-box-flex: 1;
    -moz-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    cursor: pointer;
}

.task-overview-section .task-panel-body .card-block:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.30);
    box-shadow: 0 16px 30px 1px rgba(0, 0, 0, .1);
}
#list-user .intitaterequset-page .card-title,
.task-overview-section .task-panel-body .card-block .card-title {
       margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: #555555; 
}

.task-overview-section .task-panel-body .card-block:hover .card-title {
    color: #1e88e5;
}

.task-overview-section .task-panel-body .card-block i {
    display: none;
    float: right;
    font-size: 20px;
    color: #1e88e5;
}

.task-overview-section .task-panel-body .card-block:hover i {
    display: block;
}

.task-overview-section .task-panel-body .card-block:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.0985);
}

.task-overview-section .task-panel-body .card-block .card-subtitle {
    font-weight: 300;
    color: #505459;
    margin: 0;
    font-size: 11px;
}

.task-overview-section .task-panel-body .card-block .card-graph-filter {
    font-weight: 300;
    color: #505459;
    margin: 0;
    font-size: 11px;
    border-bottom: 1px dotted #000000;
    text-decoration: none;
    line-height: 1;
}

.task-overview-section .task-panel-body .card-block .graph-section {
    padding: 20px;
}

.task-overview-section .graph-section,
.task-overview-section .data-section {
    min-height: 350px;
    max-height: 350px;
}

.task-overview-section .task-panel-body .card-block .list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 0;
}

.task-activity-section .activity-list ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.task-activity-section .activity-list ul li {
    list-style: none;
    text-decoration: none;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    border-radius: 3px;
    box-shadow: none;
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;
    margin: 0 3px;
    background: #f1f1f1;
}

.task-details-summary .nav-pills.nav-pills-rose>li a {
    border-left: 5px solid transparent;
    border: 1px solid transparent;
    box-shadow: none;
    line-height: 1.6;
    text-transform: capitalize;
   font-size: 13px;
    min-width: 100px;
    transition: all .3s;
    padding: 10px 15px;
    color: #555555;
    border-radius: 0;
}

.grouptype-section .task-details-summary .nav-pills.nav-pills-rose {
     overflow: auto;
    min-height: auto;
    max-height: 545px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.grouptype-section .task-details-summary .heading-group {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    padding: 8px;
    line-height: 1.9;
}

.task-details-summary .nav-pills.nav-stacked>li+li {
    margin: 0 !important;
}

.task-activity-section .activity-list ul li .task-list-panel {
    padding: 0;
    background: 0;
    margin: 0;
    border-radius: 2px;
}

.task-activity-section .activity-list ul li .task-list-panel .title {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
}

.task-activity-section .activity-list ul li .task-list-panel .label {
    border-radius: 12px;
    padding: 2px 8px;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 400;
    background: #eee;
    color: #666;
}

.task-activity-section .activity-list ul li .task-list-panel i {
    font-size: 11px;
    color: #666;
    vertical-align: text-bottom;
}

.task-activity-section .activity-dropdown-selection .dropdown-menu {
    right: 0;
    left: auto;
}

.task-activity-section .activity-dropdown-selection .dropdown-menu li a {
    font-size: 12px;
    padding: 10px 15px;
    margin: 0;
}

.task-activity-section:hover .activity-dropdown-selection {
    visibility: visible;
}

.task-activity-section hr {
    margin-top: 20px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px dashed #eee;
}

.sys-cardaction .task-activity-section .task-heading {
    font-size: 15px;
    font-weight: 600;
    color: #555;
    padding: 5px 0;
}

.activity-dropdown-selection,
.activity-delete-action {
    visibility: inherit;
}

.activity-list:hover .activity-delete-action {
    visibility: visible;
}

.task-details-summary .nav-pills>li>a {
    line-height: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    min-width: 100px;
    text-align: center;
    color: #555555;
    transition: all .3s;
    padding: 15px;
}

.task-details-summary .nav-pills>li i {
    display: block;
    font-size: 30px;
    padding: 0 0 15px 0;
}

.task-details-summary .task-tab-icon i {
    /* position: absolute; */
    top: 30%;
    right: 10px;
    font-size: 14px !important;
    padding: 0 !important;
}

.task-details-summary .task-tab-icon .sucess-done {
    color: #26c6da;
}

.task-details-summary .task-tab-icon .warning-required {
    color: #f44336;
}

.task-details-summary .task-tab-icon .deafult-correct {
    color: #555;
}

.task-details-summary .nav-pills.nav-pills-rose>li a {
    text-align: left;
}

.task-details-summary .nav-pills.nav-pills-rose>li.active>a {
background: #f2f9ff;
    box-shadow: none;
    line-height: 1.6;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500;
    min-width: 100px;
    text-align: left;
    transition: all .3s;
    padding: 10px 15px;
    color: #3e3e3e;
    border-radius: 0;
    border-left: 4px solid #009efb;
}

.task-details-summary .nav-pills.nav-pills-rose>li.active>a:focus,
.task-details-summary .nav-pills.nav-pills-rose>li.active>a:hover {
    background: #c2dbef;
    box-shadow: none !important;
    text-align: left;
    color: rgba(0, 0, 0, .87);
    cursor: pointer;
}

.task-assign .btn {
    border: 1px dashed #666 !important;
    margin: 5px 0;
    width: 100%;
}

.modal-general .modal-content .modal-header {
    padding-top: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 10px !important;
    padding-left: 15px !important;
}

.assign-task-content .panel .panel-heading {
    background: transparent;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.assign-task-content .table tr td img {
    width: 30px;
    border-radius: 50% !important;
    height: 30px;
}

.assign-task-content .table tr td .material-icons {
    font-size: 16px;
}

.assign-task-content .static-table .btn.btn-just-icon {
    font-size: 12px !important;
    padding: 5px 5px !important;
    line-height: 0;
    font-weight: 400;
    margin-top: 0;
}

.assign-task-content .btn.btn-success,
.assign-task-content .btn.btn-success:hover,
.assigned-content .btn.btn-success,
.assigned-content .btn.btn-success:hover {
    background: #26c6da !important;
    color: #ffffff !important;
    border: none;
}

.assign-task-content .btn.btn-danger,
.assign-task-content .btn.btn-danger:hover,
.assigned-content .btn.btn-danger,
.assigned-content .btn.btn-danger:hover {
    background: #f44336;
    color: #ffffff;
    border: none;
}

.assign-task-content .card-title {
    color: #999999;
    font-size: 14px;
}

.task-modal-form .modal-dialog {
    margin: 30px auto !important;
}

.frame .content .contact-profile .social-media i:nth-last-child(1) {
    margin-right: 0;
}

.frame .content .contact-profile .social-media i {
    margin-left: 14px;
    cursor: pointer;
    font-size: 12px;
}

.frame {
    width: 100%;
    height: 93vh;
    min-height: 400px;
    max-height: 400px;
}

.frame .content {
    float: right;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.frame .content .contact-profile {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #eee;
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
}

.frame .content .contact-profile img {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin: 9px 12px 0 9px;
}

.frame .content .contact-profile p {
    float: left;
}

.frame .content .contact-profile .social-media {
    float: right;
}

.frame .content .contact-profile .social-media i {
    margin-left: 14px;
    cursor: pointer;
}

.frame .content .contact-profile .social-media i:nth-last-child(1) {
    margin-right: 20px;
}

.frame .content .contact-profile .social-media i:hover {
    color: #435f7a;
}

.frame .content .messages {
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    width: calc(100% - -5px);
    padding: 15px;
    min-height: 360px;
    max-height: 360px;
}

.frame .content .messages::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

.frame .content .messages::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
}

.frame .content .messages ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
}

.frame .content .messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    margin: 5px 5px 5px 0;
    width: calc(100% - 10px);
    font-size: 12px;
}

.frame .content .messages ul li:nth-last-child(1) {
    margin-bottom: 20px;
}

.frame .content .messages ul li.sent img {
    margin: 0;
}

.frame .content .messages ul li.sent p {
    background: #aaaaaa;
    color: #ffffff;
}

.frame .content .messages ul li.replies img {
    float: right;
    margin: 0;
}

.frame .content .messages ul li.replies p {
    background: #eee;
    float: right;
}

.frame .content .messages ul li img {
    width: 40px;
    height: 40px;
    margin-right: 5px;
    margin-top: -5px;
    border-radius: 50%;
    float: left;
    border: 1px solid #eee;
    background: #eee;
}
.flutter-app #notesreview .dropdown-menu.tag-description.projecttadkdrodpdowndiv ,
.flutter-app #Activity .dropdown-menu.tag-description.projecttadkdrodpdowndiv {
    width: calc(100vw - 1110px);
}
.frame .content .messages ul li p.received-message-preview p,
    .frame .content .messages ul li p.sent-message-preview p{
    display: inline-block;
    padding: 0;
    border-radius: 10px;
    line-height:normal ;
    margin-top: 0;
    word-break: break-word;
    min-height: auto;
    font-size: 12px;
    margin: 0;
}
.task-details-summary .writemsg-panel quill-editor .ql-editor{
    height: calc(100vh - 90vh);
}
.frame .content .messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 10px;
    line-height: 130%;
    margin-top: 5px;
    word-break: break-word;
    min-height: 35px;
    font-size: 12px;
}

.frame .content .messages ul li span.attachment-file {
    display: block;
    padding: 5px;
    border-radius: 6px;
    background: #eeeeee;
    color: #777;
    margin: 5px 0 0 0;
    cursor: pointer;
}

.frame .content .messages ul li span.attachment-file i {
    vertical-align: middle;
    font-size: 15px;
}

.frame .content .message-input {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

.frame .content .message-input .wrap {
    position: relative;
    padding: 0 15px 0 0;
}

.frame .content .message-input .wrap .text-input-box input {
    border: 1px solid #dcdcdc;
    border-right: none;
    width: calc(100% - 95px);
    padding: 9px;
    font-size: 11px;
    color: #32465a;
    margin-bottom: 10px;
}

.frame .content .message-input .wrap .fileinput-new input {
    cursor: pointer;
}

.frame .content .message-input .wrap .fileinput-new {
    padding: 3px 10px;
    cursor: pointer;
    margin: 0;
    background: transparent;
    color: #777;
}

.frame .content .message-input .wrap .fileinput-new i {
    line-height: 35px;
    font-size: 20px;
    font-weight: 600;
}

.frame .content .message-input .wrap .text-input-box input:focus {
    outline: none;
}

.frame .content .message-input .wrap .attachment {
    position: absolute;
    z-index: 4;
    margin-top: 0;
    font-size: 1.1em;
    color: #435f7a;
    opacity: 1;
    cursor: pointer;
    background: #efefef;
    padding: 14px 12px;
}

.frame .content .message-input .wrap .attachment:hover {
    opacity: 1;
}

.frame .content .message-input .wrap button {
    float: right;
    border: none;
    width: 55px;
    padding: 10px 10px;
    cursor: pointer;
    background: #00bcd4;
    color: #f5f5f5;
    margin-right: 0;
}


/* .frame .content .message-input .wrap button:hover {
  background: #435f7a;
  } */

.frame .content .message-input .wrap button:focus {
    outline: none;
}

.material-icons.view-calanderview {
    padding: 0;
    font-size: 12px;
    display: inline-block !important;
}

.popup.modal-task {
    /*position: inherit;*/
    top: 0;
    right: 15px;
    bottom: 0;
    left: 0;
    z-index: 9;
    display: none;
    overflow: hidden;
    outline: 0;
    opacity: 1;
    border-radius: 3px;
    border: none;
}

.popup.modal-task.right.fade.in .popup-inner {
    top: 0;
    z-index: 99;
    right: 15px;
}


/* #calanderview-task{
  position: fixed;
  padding-right: 15px;
  opacity: 1;
  z-index: 9;
  } */

.calender-popup-tasklists.popup.right .popup-content .content-area {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: calc(100vh - 35vh);
    max-height: calc(100vh - 35vh);
    padding: 15px;
}

.task-calender .tasks-view-tabs.nav-pills>li a.active,
.task-calender .tasks-view-tabs.nav-pills>li a.active:focus,
.task-calender .tasks-view-tabs.nav-pills>li a.active:hover {
    border-radius: 0;
    transition: inherit;
}


/* .task-calender .tasks-view-tabs.nav-pills:not(.nav-pills-icons)>li>a {
border-radius: 0;
line-height: 20px;
color: #666666;
font-size: 11px;
padding: 6px;
background: #ffffff;
box-shadow: none!important;
} */

.task-calender .tasks-view-tabs.nav-pills:not(.nav-pills-icons)>li>a {
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.20;
    text-transform: capitalize;
    color: #5f6368;
    font-size: 12px;
    cursor: pointer;
    box-shadow: none;
    font-weight: 600;
    line-height: 0;
    background: #f7f7f7 !important;
    min-width: 200px;
}

.task-calender .tasks-view-tabs.nav-pills>li a.active,
.task-calender .tasks-view-tabs.nav-pills>li a.active:focus,
.task-calender .tasks-view-tabs.nav-pills>li a.active:hover {
    background: #ffffff !important;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.task-calender .tasks-view-tabs.nav-pills:not(.nav-pills-icons)>li>a p {
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    color: #999;
    padding: 0;
    display: block;
    line-height: 1.9;
    text-align: left;
}

.task-calender .tasks-view-tabs.nav-pills:not(.nav-pills-icons)>li>a p.main-heading {
    font-size: 12px !important;
    font-weight: 600;
    color: #333 !important;
}

.task-calender .tasks-view-tabs.nav-pills:not(.nav-pills-icons)>li>a span {
    padding: 0;
}

.task-calender .popup-view.nav-pills:not(.nav-pills-icons)>li>a {
    padding: 7px;
    box-shadow: none !important;
    cursor: pointer;
    border-radius: 4px;
}

.task-calender .tasks-view-tabs.nav-pills {
    background: #ffffff;
    border-radius: 0;
    margin-bottom: 4px;
    min-width: 100%;
    overflow-y: hidden !important;
    border: 1px solid #e2e8ea;
}

.task-calender .task-tab-list.perfect-scrollbar-on::-webkit-scrollbar,
.task-calender .task-tab-list.perfect-scrollbar-on::-webkit-scrollbar-thumb,
.task-calender .task-tab-list.panel-scrollbar::-webkit-scrollbar-thumb,
.task-calender .task-tab-list.panel-scrollbar::-webkit-scrollbar {
    /*width: 2px!important;*/
    height: 0 !important;
    background: #ffffff !important;
    background: #ffffff !important;
}


/* .task-calender .tasks-view-tabs.nav-pills:not(.nav-pills-icons)>li:first-child>a {
  color: #508ef5!important;
  padding: 4px 20px;
  font-weight: 600;
  background: transparent;
  min-height: 60px; 
  line-height: 5;
  } */

.tasks-view-tabs .all-task-home a img {
    width: 85%;
    margin: 0;
    height: auto;
}

.task-calender .tasks-view-tabs.nav-pills:not(.nav-pills-icons)>.all-task-home>a {
    padding: 13px 10px;
    min-height: 68px;
    line-height: 4;
}

.task-calender .tasks-view-tabs .close-taskicon i {
    position: absolute;
    top: 15px;
    right: -10px;
    font-size: 12px !important;
    width: 20px;
    height: 20px;
    line-height: 1.3;
}

.task-details-card-panel {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: 0;
    color: #202124;
    background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.3));
    border: none;
    box-shadow: 0 0 3px rgba(86, 84, 86, 0.2);
}

.task-calender .tasks-view-tabs.nav-pills button {
    font-size: 8px;
    padding: 2px;
    margin: 5px;
    border: 1px solid #999999;
}

.task-calender .tasks-view-tabs.nav-pills .close-task button {
    padding: 7px;
    margin: 4px 5px;
}

.task-calender .nav-pills>li .task-view-switch-button i.material-icons {
    padding: 0 !important;
    vertical-align: middle;
    font-size: 18px;
    top: 0;
    position: relative;
}

.task-list-view .card .card-header {
    padding: 10px 20px 10px;
    z-index: 1;
}

.task-view-card .panel .panel-heading {
    background: #000008;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin: 10px 0;
}

.chatbox-startdate {
      font-size: 12px;
    color: #3e3e3e;
}

.chatbox-enddate {
    font-size: 13px;
    color: #202124;
}

.task-details-summary .fixed {
    position: relative !important;
    width: 100% !important;
    height: calc(100vh - 0vh) !important;
    margin-bottom: 0!important;
}

.task-details-summary .form-content-section {
    /* border-left: 1px solid #e5e9ec!important; */
    box-shadow: none;
    margin-bottom: 0;
    background: #ffffff;
    border-radius: 0;
    padding: 0;
    min-height: calc(100vh - 33vh);
    max-height: calc(100vh - 33vh);
    overflow-y: scroll;
}

.task-details-footer {
    background: transparent;
    min-height: auto;
    padding: 0;
    z-index: 99;
    border-top: none;
    position: absolute;
    right: -8%;
    bottom: 5%;
}

.task-details-footer .footer-content {
    padding: 0;
    float: right;
}

.task-details-footer .footer-content .btn {
    padding: 7px 12px !important;
    line-height: inherit;
    border-radius: 0;
    margin: 0;
    width: 80px;
    margin-bottom: 5px!important;
}

.task-details-footer .btn .material-icons {
    vertical-align: middle;
    font-size: 30px;
    top: -1px;
    position: relative;
    display: block;
    opacity: 0.5;
}


/*end of the task detail page*/


/*widget list page starts*/

.widget-section .table>thead>tr>td,
.table>tbody>tr>td,
.widget-section .table>tfoot>tr>td {
    padding: 5px 8px;
    vertical-align: middle;
    font-size: 12px;
}

.widget-list-page li a i {
    font-size: 20px;
    color: #999;
}

.widget-section .panel-heading {
    padding: 10px 0;
    color: #777 !important;
}

.widget-section .panel-heading .card-title {
    vertical-align: middle;
    color: #555;
}

.widget-list .panel-body .widget-list-name {
    border-bottom: 1px solid #ddd;
    padding: 8px;
    font-size: 12px;
}

.widget-list .panel-body .widget-list-name:last-child {
    border-bottom: none;
}

.widget-list .panel-body .widget-list-page li {
    float: left;
}

.widget-list .panel-body .widget-list-page li a i {
    font-size: 16px;
    padding: 0 8px;
    color: #777;
    cursor: pointer;
}

.widget-section .widget-list-container {
    height: calc(100vh - 22vh);
    background: #ffffff;
    padding: 5px 15px;
}

.widget-section .static-table .table>thead>tr>th {
    background: #ffffff;
}

.widget-list-container .static-table .table>tbody>tr:active,
.widget-list-container .static-table .table>tbody>tr:hover {
    border-left: 5px solid #26c6da;
    padding: 3px 5px;
}

.widget-content-container {
    padding: 10px;
}

.widget-preview-container .widget-content-container img {
    width: 100%;
    height: auto;
}

.edit-property-button {
    float: right;
}

.edit-property-button i {
    font-size: 16px;
    color: #a9afbb;
    line-height: 1.4;
}

.widget-preview-container .btn-favorite_border,
.widget-preview-container .btn-favorite_border:focus,
.widget-preview-container .btn-favorite_border:hover {
    margin: 0;
    padding: 5px 20px;
    width: 100%;
    color: #ffffff;
    background: #26c6da;
    border: 1px solid #26c6da;
}

.widget-preview-container .btn-unfavorite_border,
.widget-preview-container .btn-unfavorite_border:focus,
.widget-preview-container .btn-unfavorite_border:hover {
    margin: 0;
    padding: 5px 20px;
    width: 100%;
    color: #26c6da;
    background: transparent;
    border: 1px solid #26c6da;
}

.widget-preview-container .btn-close-overview,
.widget-preview-container .btn-close-overview:focus,
.widget-preview-container .btn-close-overview:hover {
    margin: 0;
    padding: 3px 10px;
    color: #a9afbb;
    background: transparent;
    border: 1px solid #a9afbb;
}

.config-filter {
    font-size: 12px;
    color: #32465a;
}

.config-filter .title,
.config-setting .title {
    line-height: 2;
    font-size: 12px;
    font-weight: 700;
    color: #32465a;
    padding: 5px 10px;
}

.config-filter .togglebutton label {
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    color: #32465a;
    padding: 10px 0;
}

.config-filter .togglebutton input {
    float: right;
    text-align: right;
}

.config-setting .card-button-listing {
    padding: 10px;
    margin: 5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.30);
    border-radius: 2px;
}

.config-setting .card-detail-view .button-properties {
    margin: 0;
    padding: 0 10px;
}

.config-setting .card-button-listing ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.config-setting .card-button-listing ul li {
    list-style: none;
    font-size: 12px;
    color: #32465a;
    font-weight: 400;
}

.config-setting .card-button-listing ul li:first-child {
    line-height: 2;
    font-size: 12px;
    font-weight: 700;
    color: #32465a;
    border-bottom: 1px dashed #b9b9b9;
    padding: 5px 0;
    margin-bottom: 10px;
}

.config-setting .card-button-listing .button-preview {
    padding: 0;
}

.config-setting .card-button-listing .button-preview .custom-tile-button {
    margin: 0 !important;
    width: 100% !important;
    padding: 10px 20px !important;
}

.button-properties ul li strong {
    float: right;
}


/* start choose Widgets*/

.qm-larger-modal .modal-dialog {
    width: 1305px;
    margin: 30px;
}

.qm-larger-modal .modal-dialog .modal-content {
    height: calc(100vh - 9vh);
}

.qm-larger-modal .edit-widget-dashboard .modal-content .modal-body {
    background: #eee;
    padding: 10px;
}

.qm-larger-modal .edit-widget-dashboard .modal-content .modal-body .tab-content {
    height: 450px;
    overflow-y: hidden;
}

.qm-larger-modal .edit-widget-dashboard .modal-header .btn {
    margin: -1px 20px 0;
}

.qm-larger-modal .edit-widget-dashboard .modal-header {
    min-height: 45px;
    padding: 12px 15px;
    max-height: 45px;
}

.qm-larger-modal .widget-body.perfect-scrollbar-on::-webkit-scrollbar,
.qm-larger-modal .widget-body.panel-scrollbar::-webkit-scrollbar {
    background: #ffffff;
}

.qm-larger-modal .widget-body {
    max-height: 365px;
    min-height: 365px;
    overflow-y: scroll;
}

.edit-widget-dashboard .static-table .form-group {
    padding-bottom: 0;
    margin: 10px 0 5px;
}


/* end choose Widgets*/


/*multiple select collpase*/

.multiselect-collapse button {
    width: 100%;
    text-align: left;
    background: #ffffff !important;
    color: #555 !important;
    border: 0.75pt solid #d5dce0;
    box-shadow: none !important;
    padding: 10px 10px;
    text-transform: capitalize;
    margin: 0;
    height: 36px;
    border-radius: 0 !important;
    line-height: 1.4;
}

.multiselect-collapse .dropdown-search {
    width: 100%;
    padding: 5px 10px;
    border: none !important;
    margin: 0;
    border-bottom: 1px solid #aaa !important;
    margin-bottom: 5px;
}

.multiselect-collapse {
    font-weight: 300;
    font-size: 12px;
}

.multiselect-collapse ul {
    padding-left: 0;
    min-height: 400px;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.multiselect-collapse ul li {
    list-style: none;
    display: inline-block;
    width: 100%;
    border: 1px solid #eee;
    margin: 0;
    background: #f9f9f9;
    height: 40px;
}

.multiselect-collapse .user-images img {
    width: 30px;
    height: 30px;
    display: block;
    margin: auto;
    margin-top: 3px;
    border-radius: 50%;
}

.multiselect-collapse .user-employee-details .user-name {
    font-size: 12px;
    font-weight: 600;
    color: #151b26;
    margin-bottom: 0;
    width: 40%;
    float: left;
}

.multiselect-collapse .employeee-data {
    font-size: 11px;
    color: #151b26;
    font-weight: 400;
    margin-right: 10px;
}

.multiselect-collapse .employeee-data .material-icons {
    font-size: 18px !important;
    color: #999;
    vertical-align: text-bottom;
}

.multiselect-collapse .multiselect-user .checkbox {
    position: absolute;
    display: block;
    top: 10px;
    margin: 0 5px;
}

.multiselect-collapse .multiselect-user .checkbox input[type=checkbox]:checked+.checkbox-material:before {
    animation: none;
}

.multiselect-collapse .multiselect-user .checkbox .checkbox-material:before {
    display: none;
    background: transparent;
    top: 0;
}

.multiselect-collapse .filtericon,
.multiselect-collapse .searchicon {
    height: 32px;
    background: #eae8e8;
    border-bottom: 0.7px solid #999;
}

.multiselect-collapse .filtericon i,
.multiselect-collapse .searchicon i {
    padding: 10px 15px;
}

.multiselect-collapse input,
.multiselect-collapse input::-webkit-input-placeholder {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #999;
}

.multiselect-collapse .perfect-scrollbar-on::-webkit-scrollbar,
.multiselect-collapse .panel-scrollbar::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    background: #ffffff;
}

.multiselect-collapse .user-employee-details {
    line-height: 3.3;
}


/*multiple select collpase*/


/*help topics*/

.helptopic-page .header-button .btn.btn-primary {
    margin: 0;
    background: #03a9f3 !important;
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.14), 0 1px 5px 0 rgba(153, 153, 153, 0.14);
}

.helptopic-page .header-button .btn.btn-primary:hover {
    background: #03a9f3 !important;
    box-shadow: none;
}

.helptopic-page .table-head-section {
    border: none;
}

.helptpoic-page .helptopic-content {
    margin-top: 130px;
}

.helptopic-page .helptopic-content img {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
    opacity: 0.3;
}

.helptopic-page .helptopic-content p {
    text-align: center;
    margin: 10px 0;
    color: #999;
    font-size: 11px;
}

.helptopic-page .btn-add-topics .btn {
    margin: 0;
    background: #00c292;
}

.helptopic-page .btn-add-topics {
    text-align: center;
    display: block;
}

.helptopic-page .helpdata-topic-text {
    padding: 10px 0;
}

.helptopic-page .cke_contents {
    height: 250px !important;
}

.helptopic-page .cke_chrome,
.initate-ckeditor .cke_chrome {
    width: auto;
    box-shadow: none;
    border: 1px solid #eee;
}

.helptopic-page .cke_bottom,
.initate-ckeditor .cke_bottom {
    display: none !important;
}

.helptopic-page-footer {
    position: absolute;
    bottom: 0;
}


/*help topics ends*/


/*modal form for delete starts*/

.modal-small {
    width: 320px;
    margin: 0 auto;
}

.delete-modalform .modal-body {
    padding: 30px 70px;
}

.delete-modalform .modal-body .delete-confirmation {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 15px;
    margin-top: 10px;
}

.deleteconfirmation-modal .modal-body .delete-confirmation {
    font-size: 16px;
    color: #333;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 15px;
    margin-top: 10px;
}


/*modal form for delete ends*/


/*empty section icon starts*/

.clicking-section img {
    width: 250px;
    height: 250px;
    opacity: 1;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}

.clicking-section .unselect-preview-container {
    height: calc(100vh - 22vh);
    background: transparent;
    padding: 5px 15px;
}

.clicking-section .unselect-preview-container .card-content {
    margin: 20% 0;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 600;
    color: #151b26;
    text-align: center;
    opacity: 0.55;
}


/*empty section icon ends*/


/*process data add*/

.process-sub-menu .dropdown-menu .all-status .material-icons {
    font-size: 17px;
    vertical-align: sub;
}

.process-deletebtn {
    position: absolute;
    bottom: 5px;
    margin-bottom: 0;
    text-align: center;
    padding: 0;
    left: -1px;
}

.process-data-1 .delete-iconform i {
    font-size: 16px;
    color: #999;
    padding: 0 4px;
}

.process-data-1 .delete-iconform ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.process-data-1 .delete-iconform ul li {
    float: right;
}

.process-data-1.add-btn-form {
    margin: 0 !important;
    padding: 2px 7px !important;
    background: #03a9f3 !important;
    border: 1px solid #03a9f3 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    font-weight: 600;
    border-radius: 2px;
}

.process-data-1 .add-btn-form i {
    font-size: 16px;
}

.select-fieldname .field-btn-input {
    padding-left: 0;
    width: 100%;
    position: relative;
    display: flex;
    margin-bottom: 0;
}

.select-fieldname .field-btn-input li {
    list-style: none;
    float: left;
    width: 50%;
    padding: 0 5px;
}

.select-fieldname .field-btn-input li:first-child {
    padding-left: 0;
}

.select-fieldname .field-btn-input li:first-child .btn,
.select-fieldname .field-btn-input li:first-child .btn:hover,
.select-fieldname .field-btn-input li:first-child .btn:focus {
    margin: 0;
}

.select-fieldname .field-btn-input li .btn,
.select-fieldname .field-btn-input li .btn:hover,
.select-fieldname .field-btn-input li .btn:focus {
    width: 100%;
    margin: 0 5px;
    height: 32px;
    background: transparent;
    color: #999;
    border: 1px solid #eee;
    box-shadow: none;
    font-weight: 600;
    font-size: 12px;
}

.select-fieldname .field-btn-input li.active .btn {
    background: #00c292 !important;
    border: 1px solid #00c292 !important;
    color: #ffffff;
    font-weight: 600;
}

.insert-list-content .insert-checkbox-view label .checkbox-formlabel {
    font-size: 12px;
}

.popup-modal-body .content-area .process-data .close-search {
    top: 8px;
    right: 6px;
}


/*initate request */


/* .intitaterequset-page .request-maincard{
  padding: 10px 15px;
  background: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
  cursor: default;
}
.intitaterequset-page .request-maincard .request-cardbody h4{
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.intitaterequset-page .request-maincard .request-cardbody p{
  font-size: 11px;
  margin-bottom: 0;
  color:#777;
  font-weight: 400;
}
.intitaterequset-page .request-cardfooter {
  display: inline-block;
  width: 100%;
}
.intitaterequset-page .request-cardfooter .btn{
  margin: 0;
}
.intitaterequset-page .request-card .initiate-request-btn{
  font-size: 16px;
  color: #777;
  margin-right: 5px;
  }  */

.input-field-initiate-form input {
    border: none;
    border-bottom: none;
    padding: 0;
    margin: 0;
    width: 185px;
    background: transparent;
    text-decoration-style: dashed;
    text-decoration: underline;
}

.input-field-initiate-form input::-webkit-input-placeholder {
    font-size: 11px !important;
}

.input-field-initiate-form input:focus {
    background: #F9FCB7 !important;
}

.request-tab-section {
    background: #ffffff;
    font-size: 12px;
    min-height: 430px;
    max-height: 430px;
    font-weight: 400;
}

.request-tab-section .nav {
    border-bottom: 1px dotted #dee2e6;
    background: #ffffff;
}

.request-tab-section .nav>li {
    float: left;
}

.request-tab-section .nav>li>a {
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 600;
}

.request-tab-section .nav>li>a {
    cursor: pointer;
    padding: 15px 30px;
    font-weight: 400;
    color: #505459;
    background: #ffffff;
    border-bottom: 3px solid transparent;
}

.request-tab-section .nav>li>a:hover,
.request-tab-section .nav>li>a:active,
.request-tab-section .nav>li>a.active {
    color: #333;
    background: #e1e1e1;
}

.request-tab-section .tab-content {
    padding: 15px;
    /* min-height: 450px; */
    /* max-height: 450px; */
    overflow-y: scroll;
}

.request-card {
    background: #ffffff;
    display: block;
    background: #ffffff;
    margin: 0;
    box-shadow: 1px 1px 8px #999;
    cursor: pointer;
    padding: 10px;
    min-height: 85px;
}

.workflow-design-section {
    margin: 0;
    padding: 5px 10px 5px 5px;
}

.request-card .cat-icon,
.request-card .content-section {
    display: table-cell;
    vertical-align: top;
    padding-right: 0;
    padding: 5px 0;
}

.cat-icon img {
    position: absolute;
    right: 5px;
    top: -5px;
    height: 60px;
    opacity: 0.05;
}


/* .card-body h5{
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  } */

.cat-name small {
    font-size: 12px;
    font-weight: 400;
    color: #555;
    line-height: 2.;
}

.userdashboard-notication-section .notification-body ul li .icons {
    vertical-align: sub;
}

.userdashboard-notication-section .notification-body {
    min-height: 300px;
    max-height: 330px;
    overflow-y: scroll;
}

.userdashboard-notication-section .notification-title {
  padding: 13px;
    padding-bottom: 0;
    background: #f9f9ff;
}

.request-notification-section .card-title .clear-icons .material-icons {
    float: right;
    text-align: right;
    font-size: 24px;
    color: #aaa;
    padding: 0;
}

.metrix-icon img {
    width: 70px;
    float: right;
    margin: 0;
    opacity: 1;
    cursor: default;
    position: absolute;
    top: -10px;
    right: -12px;
    padding: 10px;
}

.info-img i {
    color: #242739;
    font-size: 20px;
    opacity: 0.50;
    padding-right: 10px;
}

.info-modal-form {
    width: 200px !important;
    margin: 180px auto !important;
}

.info-modal-form .modal-content {
    font-size: 11px;
    line-height: 1.7;
}

.info-modal-form .modal-footer {
    padding: 5px !important;
}

.information-details .dropdown,
.helpdetailed .dropdown {
    position: relative;
    display: inline-block;
}

.information-details .dropdown-content,
.helpdetailed .dropdown-content {
    display: none;
    position: absolute;
    background: #f1f1f1;
    min-width: 250px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 2;
    top: 23px;
    right: 0;
}

.information-details .dropdown-content a,
.helpdetailed .dropdown-content a {
    color: #555;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 11px;
    line-height: 1.6;
    font-weight: 400;
}

.information-details .dropdown:hover .dropdown-content,
.helpdetailed .dropdown:hover .dropdown-content {
    display: block;
}

.onempty-record .onempty-content img {
    width: 60px;
}

.onempty-record .onempty-content .addheading b {
    cursor: pointer;
}


/*initate request ends*/


/*request list dashboard starts*/


/* #request-list-section .card-content.request-list{
  height: 405px;
}
#request-list-section .card-content .card-title{
  border-bottom: 1px solid #ccc;
  padding: 5px 0 10px 0;
}
.request-initiate{
  height: calc(100vh - 35vh);
  overflow-y: scroll;
}
#request-list-section .card-content.request-list ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
#request-list-section .card-content.request-list ul li{
  padding: 8px 12px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.10);
  height: 58px;
  margin: 0 5px 5px 5px;
}
#request-list-section .card-content.request-list ul li .request-title{
  font-size: 13px;
  color: #777;
  font-weight: 600;
  padding: 0 10px;
}  
#request-list-section .card-content.request-list ul li .view-request{
  font-size: 20px;
  color: #777;
  margin-top: 10px;
} 
#request-list-section .card-content.request-list ul li .request-title .date{
  font-size: 11px;
  padding: 0 30px;
}
#request-list-section .card-content.request-list ul li .request-title .label{
  font-size: 8px;
  padding: 2px 6px;
  margin-left: 10px;
}
#request-list-section .card-content.request-list ul li .request-title p{
  margin: 0;
}
#request-list-section .card-content.request-list ul li .request-icon i{
  font-size: 18px;
  vertical-align: middle;
  margin-top: 2px;
}  
#request-list-section .card-content.no-of-request{
  height: 105px;
}
#request-list-section .card-content.no-of-request .pending-list{
  background: #ddd;
  width: 80px;
  height: 80px;
  padding: 30px 30px;
  border-radius: 50px;
  font-size: 35px;
  color: #666;
  border: 1px solid #ccc;
}
#request-list-section .card-content.no-of-request .pending-task{
  font-size: 18px;  
  color: #555;
  border: 1px solid #ccc;
}
#request-list-section .card-content.no-of-request .pending-task:hover{
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.10);
  } */

.no-pending-task img {
    text-align: center;
    padding: 0 5px 5px 5px;
    width: 50px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}

.no-pending-task p {
    font-size: 12px;
    color: #333;
    text-align: center;
    padding: 0 25px;
    font-weight: 600;
}

.pending-list-view-btn {
    font-size: 14px;
    font-weight: 600;
}

.label-deny {
    background: #fb9678;
    border-color: #fb9678;
}

.label-restart {
    background: #03a9f3;
    border-color: #03a9f3;
}

.label-cancel {
    background: #e46a76;
    border-color: #e46a76;
}

.fixed-table-list .process-name .sub-processname,
.submissionflutter .choose--entity__listing .taskorgname{
        font-weight: 500;
    color: #505459;
    font-size: 14px;
    line-height: 1.8;
}
.initiaterequest-table-list .process-name .sub-processname,
.notification-body .notification-detail .person-name {
    font-weight: 400;
    color: #505459;
    font-size: 11px;
}

/*request list dashboard ends*/


/*rearrange tab modal starts*/

.rearrange-listcontent ul {
    padding-left: 0;
}

.rearrange-listcontent ul li {
    list-style: none;
    margin-bottom: 5px;
}

.rearrange-icon {
    float: left;
    /*display: none;*/
    display: inline-grid;
    height: 0;
}

.rearrange-form-modal .popup-modal-content .popup-modal-body .content-area .rearrange-list .vertical-icon {
    float: left;
    height: 0;
}

.rearrange-form-modal .popup-modal-content .popup-modal-body .content-area .rearrange-list .vertical-icon i,
.rearrange-icon i {
    font-size: 18px;
    color: #555;
    height: 17px;
}

.vertical-icon i:hover .rearrange-icon i {
    display: inline-grid !important;
}

.rearrange-form-modal .popup-modal-content .popup-modal-body .content-area .rearrange-list {
    padding: 5px 0;
}

.rearrange-form-modal .popup-modal-content .popup-modal-body .content-area .rearrange-list .vertical-icon i {
    font-size: 19px;
    padding: 7px 7px;
    background: #f5f5f5;
    height: 33px;
    width: 33px;
}

.rearrange-form-modal .popup-modal-content .popup-modal-body .content-area .rearrange-list .rearrange-icon:hover {
    padding: 0;
    background: #ccc;
}

.rearrange-form-modal .popup-modal-content .popup-modal-body .content-area .rearrange-list .rearrange-icon i {
    padding: 0 5px;
    background: #eee;
}

.rearrange-form-modal .popup-modal-content .popup-modal-body .content-area .rearrange-list .rearrange-icon i:hover {
    background: #ccc;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.rearrange-form-modal .popup-modal-content .popup-modal-body .content-area .rearrange-list .rearrange {
    padding: 6px 10px;
    background: #f5f5f5;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    margin-left: 37px;
}

.vertical-icon .drag-icon:hover i {
    display: none;
}

.vertical-icon .rearrange-icon:hover i {
    display: block;
}


/*rearrange tab modal ends*/


/*search initiate*/

.animate-firstrequest {
    animation-duration: 0.75s;
    background: #f9f9f9;
    border-left: 3px solid #2196f3 !important;
}

.btn-searching {
    margin: 0;
    border: 1px dotted #cccccc;
    background: #ffffff;
    color: #555;
    margin: 0;
    float: right;
    margin-top: -27px;
}

.search-control {
    padding: 5px 10px !important;
    color: #222 !important;
    margin-top: 0 !important;
}

.search-control .form-group {
    padding-bottom: 0 !important;
}

.group-search .form-control {
    margin: 0 !important;
    border: none !important;
    background: #f9f9f9;
}

.search-control i {
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: 5px;
}

.search-control .process-sub-menu .btn,
.search-control .process-sub-menu .btn:hover {
    margin: 0 10px;
    width: 100%;
    background: none;
    box-shadow: none;
    color: #555;
    text-align: left;
    height: 36px;
    border-radius: 0;
    background: #f9f9f9;
}

.search-control .process-sub-menu .btn:focus {
    background: #f9f9f9;
    color: #555;
}

.search-control .dropdown-scroll-bar {
    width: 100% !important;
    left: 0 !important;
}


/*search style end*/


/*myrequest notification section starts*/

.userdashboard-notication-section .card-body {
    padding: 15px;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.request-notification-section .userdashboard-notication-section .card-body {
    min-height: calc(100vh - 140px);
    max-height: calc(100vh - 140px);
    overflow-y: hidden;
    overflow-x: hidden;
    border-top: none;
    box-shadow: none;
    border: none;
}

.request-notification-section .userdashboard-notication-section .notification-body {
    min-height: auto;
    max-height: 560px;
    overflow-y: scroll;
} 
.userdashboard-notication-section .card-title strong {
   font-size: 18px;
    font-weight: 500;
    color: #555555;
}

.userdashboard-notication-section .card-title p {
    font-size: 12px;
    font-weight: 400;
    color: #505459;
}

.userdashboard-notication-section .cat-img img {
    width: 100%;
    height: auto;
    height: 35px;
    width: 35px;
}

.userdashboard-notication-section .recentreq-viewbtn {
    font-size: 12px;
    line-height: 2.4;
    font-weight: 600;
    padding: 0;
    border-radius: 0;
    color: #528ff0;
}

.userdashboard-notication-section .recentreq-viewbtn:hover {
    text-decoration: underline;
}

.userdashboard-notication-section .process-name,
.choose--entity__listing .requestname {
       margin: 3px 0;
    text-transform: inherit;
    cursor: pointer;
    background: transparent!important;
    color: #555555;
    font-size: 15px;
    font-weight: 600;
}

.userdashboard-notication-section .label {
    text-transform: uppercase;
    border: none;
    padding: 4px 15px;
    margin: 0;
    font-size: 10px;
    font-weight: 700;
    border-radius: 20px;
    text-align: center;
    margin-top: -10px;
        opacity: .7;
}

.userdashboard-notication-section .task-date {
    color: #777;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.userdashboard-notication-section .task-date i {
    font-size: 14px;
    vertical-align: text-top;
    color: #d2d2d2;
}
.text-labeladding{
        border: 1px solid #03A9F4;
    background: none;
    color: #03A9F4!important;
    padding: 3px 6px!important;
}
.additionaldivuser {
border: 1px solid #03A9F4;
    padding: 3px 8px;
    border-radius: 20px;
    display: flex;
    text-align: center;
    margin: auto;
    color: #2196F3;
}
.userdashboard-notication-section .status {
    font-weight: 500;
    font-size: 14px;
    opacity: 1;
    padding: 1px 5px;
    border-radius: 3px;
        text-transform: inherit;
}

.userdashboard-notication-section .status i {
    font-size: 15px;
    vertical-align: middle;
}

.userdashboard-notication-section tr {
    border-left: 3px solid transparent;
/*    background: #fcfeff;*/
}

.userdashboard-notication-section tr:hover {
    background: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.12), 0 0 0 rgba(0, 0, 0, 0.24);
/*    border-left: 3px solid #528ff0;*/
}
.userdashboard-notication-section .questionnairelistsection tr:hover {
        background: transparent;
    border-radius: none;
    box-shadow: none;
    border-left: none;
}
.userdashboard-notication-section tr.active {
    background: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.12), 0 0 0 rgba(0, 0, 0, 0.24);
    border-left: 3px solid #528ff0;
}

.userdashboard-notication-section .table-responsive tbody i.view-request-icon {
    font-size: 20px;
    color: #777;
    text-align: center;
}
.table-responsive table{
    background-color: #ffffff;
}
.request-notification-section .userdashboard-notication-section .notification-title i {
    font-size: 32px;
    color: #777;
    padding: 5px 0;
    vertical-align: top;
}

.request-notification-section .userdashboard-notication-section .notification-body ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.request-notification-section .userdashboard-notication-section .notification-body ul li {
    cursor: pointer;
    padding: 5px 5px;
    color: #37bff0 !important;
    background: #F5F6F7;
    border-bottom: 2px solid #37bff0;
}

.request-notification-section .userdashboard-notication-section .notification-body ul li p.comments {
    padding-left: 45px;
    margin: 0 3px;
    font-size: 11px;
    font-weight: 600;
    color: #777;
}

.request-notification-section .userdashboard-notication-section .notification-body ul li p.comments .read-more-section {
    font-size: 12px;
    color: #555;
    font-weight: 600;
    cursor: pointer;
}

.request-notification-section .userdashboard-notication-section .notification-body ul li p.comments i {
    color: #ccc !important;
    font-size: 16px !important;
    vertical-align: middle;
}

.request-notification-section .userdashboard-notication-section .notification-body ul li:last-child {
    border: none;
}

.request-notification-section .userdashboard-notication-section .notification-body ul li .user-img img {
    /*border-radius: 50%;*/
    width: 35px;
    margin-top: 4px;
}

.request-notification-section .userdashboard-notication-section .notification-body ul li .notification-detail {
    font-size: 12px;
    font-weight: 500;
    padding-left: 0;
    color: #777777;
    padding-top: 5px;
}

.request-notification-section .userdashboard-notication-section .notification-detail i {
    font-size: 14px;
}

.request-notification-section .userdashboard-notication-section .notification-detail b {
    color: #4a4a4a;
    font-weight: 600;
    font-size: 14px;
}

.userdashboard-notication-section .fixed-table-list {
    /* overflow-y: scroll;
    min-height: calc(100vh - 37vh);
    max-height: calc(100vh - 37vh); */
    padding-top: 10px;
}

.intitaterequset-page .userdashboard-notication-section .fixed-table-list {
    padding-top: 10px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: auto;
    max-height: 520px;
}
.userdashboard-notication-section .table-responsive {
       min-height: inherit;
    max-height: calc(100vh - 210px);
}


/*myrequest notification section ends*/


/*requested page matrix starts*/

.requset-matrix ul {
    padding-left: 0;
}

.requset-matrix ul li {
    list-style: none;
    float: left;
    position: relative;
    margin: 5px 5px 5px 0;
    border-radius: 3px;
    width: 19.677%;
}

.requset-matrix ul li:last-child {
    margin-right: 0;
}

.requset-matrix ul li .card {
    height: 120px;
}

.requseted-contentarea {
    height: calc(100vh - 29vh);
    /* background: #f44336; */
    overflow-y: hidden;
    overflow-x: hidden;
}

.listing-panel {
    min-height: calc(100vh - 29vh);
    max-height: calc(100vh - 29vh);
    overflow-y: scroll;
    overflow-x: hidden;
}

.notification-panel {
    min-height: calc(100vh - 29vh);
    max-height: calc(100vh - 29vh);
}

.myrequest-metrics-section {
    width: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: transparent;
    border-radius: 2px;
    padding: 0;
    box-shadow: none;
    border-bottom: none;
}

.myrequest-metrics-section ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.myrequest-metrics-section ul li {
    list-style: none;
    float: left;
    width: auto;
    padding: 10px 15px;
    border-right: none;
    cursor: pointer;
    background: #fff;
    margin-right: 5px;
    border-radius: 2px;
}

.myrequest-metrics-section ul li:last-child {
    border-right: none;
}

.myrequest-metrics-section ul li:nth-last-child(2) {
    border-right: none;
}

.load-more-section .load-more-btn,
.load-more-section .load-more-btn:focus {
    background: #eee !important;
    color: #151b26;
    padding: 5px 10px;
    margin: 0;
}

.load-more-section {
    position: absolute;
    bottom: -12px;
    text-align: center;
    left: 40%;
}

.load-more-section .load-more-btn i {
    font-size: 12px !important;
    margin-right: 5px;
}

.title {
  color: #555555;
    font-weight: 500;
    margin: 0;
    font-size: 10px;
}

.metrix-icon i {
    font-weight: 600;
    margin: 0;
    font-size: 20px;
    text-align: left;
    padding: 0;
    opacity: 0.7;
    cursor: default;
    position: relative;
    top: 0;
    right: 0;
    padding-right: 10px;
}

.metrix-count {
color: #455a64;
    font-weight: 600;
    margin: 0;
    font-size: 18px;
    text-align: left;
}

.metrix-count strong {
    font-size: 12px;
    font-weight: 400;
    color: #817f7f;
    line-height: 1;
    text-transform: inherit;
}
 .process-tab-section .leadinfosection .title{
color: #464646;
}
.for-workflow .metrix-icon i {
    font-weight: 700;
    font-size: 22px;
    text-align: right;
    padding: 10px;
    opacity: 0.7;
    cursor: default;
}

.for-workflow .metrix-count {
    font-weight: 400;
    margin: 0;
    font-size: 37px;
    text-align: right;
    padding-right: 15px;
    line-height: 1.15;
    opacity: 0.75;
}

.for-workflow .metrix-count strong {
    font-size: 12px;
    font-weight: 400;
    color: #90a4ae;
}

.for-workflow .title {
    color: #505459;
    font-weight: 600;
    margin: 0;
    font-size: 12px;
    text-align: left;
    float: left;
}

.for-workflow .primary-title {
   color: #607d8b;
    font-weight: 500;
    font-size: 12px;
}

.for-workflow .user-primary-title {
    font-size: 16px;
}


/* .for-workflow .metrixcard-01{
    background: red;
}
.for-workflow .metrixcard-02{
    background: yellow;
}
.for-workflow .metrixcard-03{
    background: pink;
}
.for-workflow .metrixcard-04{
    background: blue;
}
.for-workflow .metrixcard-05{
    background: green;
    } */

.for-workflow .metrixcard-01 .metrix-count {
    color: #1E88E5;
}

.for-workflow .metrixcard-02 .metrix-count {
    color: #7460ee;
}

.for-workflow .metrixcard-03 .metrix-count {
    color: #55ce63;
}

.for-workflow .metrixcard-04 .metrix-count {
    color: #FFB22B;
}

.for-workflow .metrixcard-05 .metrix-count {
    color: #90a4ae;
}

.myrequest-metrics-section .metric-bar {
    position: relative;
    bottom: 0;
    min-height: 3px;
    border-radius: 20px;
    margin: 10px 0 0 0;
}

.myrequest-metrics-section .initiated-bar {
    background: #7460ee;
}

.myrequest-metrics-section .inprogress-bar {
    background: #508ef5;
}

.myrequest-metrics-section .cancelled-bar {
    background: #fc4b6c;
}

.myrequest-metrics-section .restart-bar {
    background: #ffb22b;
}

.myrequest-metrics-section .closed-bar {
    background: #00bcd4;
}

.myrequest-metrics-section .color-initiated {
    color: #7460ee;
}

.myrequest-metrics-section .color-inprogress {
    color: #508ef5;
}

.myrequest-metrics-section .color-cancelled {
    color: #fc4b6c;
}

.myrequest-metrics-section .color-restart {
    color: #ffb22b;
}

.myrequest-metrics-section .color-closed {
    color: #00bcd4;
}


/*myrequest matrix page ends*/


/*confugration list seaction starts*/

.configuration-listing-section .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background: #ffffff;
    background-clip: border-box;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border: none;
    color: #536c79;
    margin-bottom: 1.5rem;
/*    -webkit-box-shadow: 0 0 20px -4px #c2cfd6;*/
/*    -moz-box-shadow: 0 0 20px -4px #c2cfd6;*/
/*    box-shadow: 0 0 20px -4px #c2cfd6;*/
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    min-height: 200px;
}

.configuration-listing-section .widget-body,
.widget-footer {
    padding: 15px 20px;
}

.configuration-listing-section .widget-title {
     font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
    color: #555555;
    padding: 0;
}

.configuration-listing-section small,
.small {
       text-align: center;
    color: #9e9c9c;
    font-size: 13px;
    font-weight: 400;
}
.cmrbody .card.usersetting-cards {
    border-left: none !important;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.configuration-listing-section .app-icon .fa,
.configuration-listing-section .app-icon .material-symbols-outlined,
.configuration-listing-section .app-icon .material-icons {
    font-size: 130px;
    position: absolute;
    right: 15px;
    opacity: 0.08;
    top: 5px;
}
.right .intitaterequset-page .cards-grid .card-header-warning .app-icon .fa,
.right .intitaterequset-page .cards-grid .card-header-warning .app-icon .material-icons{
     opacity: 0.30;
}
.configuration-metrix {
    text-align: center;
    padding: 0;
    padding-left: 10px;
}

.configuration-metrix .userlength {
    margin: 0;
    font-size: 40px;
    font-weight: 600;
    color: #505459;
    line-height: 1.5em;
}
.usersetting-cards{
    width: 280px !important;
}
.configuration-metrix p {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #505459;
}
.ums-selected-notification-panel{
    padding: 0 10px;
    background: #f0f3f4;
    width: 100%;
    text-align: right;
    font-size: 12px;
    color: #000;
    font-weight: 600;
}
.useruploadtablescroll{
    min-height: 450px;
    max-height: 450px;
    overflow: auto;
    overflow-y: scroll;
}


/*confugration list seaction ends*/


/** Start Process Dashboard Styling **/

.metric-count-list {
    padding: 15px 0 0 0;
}

.metric-count-list .count-widget {
    text-align: center;
    border-right: 1px solid #ccc;
}

.metric-count-list .count-widget:last-child {
    border-right: none;
}

.metric-count-list .count-widget .count-ddh6 {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #505459;
    text-transform: uppercase;
    line-height: 1.5em;
}

.metric-count-list .count-widget b {
    font-weight: 600;
    color: #455a64;
    font-size: 18px;
    line-height: 1.8;
}

.metric-count-list .count-widget p {
    font-size: 12px;
    font-weight: 400;
    color: #505459;
}

.dashboard-breadcrumb-right-section .animated-search-widget .process-sub-menu .btn,
.dashboard-breadcrumb-right-section .animated-search-widget .process-sub-menu .btn:hover,
.dashboard-breadcrumb-right-section .animated-search-widget .process-sub-menu .btn:focus {
    margin: 0;
    background: transparent;
    box-shadow: none;
    color: #999;
    border: 1px solid #ccc;
    padding: 5px 0;
    margin-top: 15px;
    width: 100%;
    text-align: center;
}

.maincontent-header {
    padding: 15px;
    background: #ffffff;
    border-bottom: 1px solid rgba(153, 153, 153, 0.12);
}

.maincontent-header .card-title {
    color: #455a64;
    font-weight: 400;
    margin: 0 !important;
    font-size: 19px;
    line-height: 1.8;
}

.maincontent-header .card-subtitle {
    font-weight: 300;
    color: #505459;
    margin: 0;
    font-size: 11px;
}

.dashboard-main-content {
    padding: 10px;
    overflow-x: hidden;
}

.global-metric-section {
    margin: 25px;
}

.global-metric-card {
    width: 100%;
    margin: 0;
    color: inherit;
    background: #ffffff;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background: #ffffff;
    background-clip: border-box;
    border-color: #d7dfe3;
    border-radius: 4px;
    -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #00000020;
}

.maincontent-header .metric-inner-flex .metric-innercount {
    color: #455a64;
    font-weight: 600;
    margin: 0 !important;
    font-size: 20px;
    line-height: 1.4;
    display: block;
}

.maincontent-header .metric-inner-flex .request-types {
    font-weight: 300;
    color: #505459;
    margin: 0;
    font-size: 13px;
    line-height: 1.5em;
}

.maincontent-header .metric-icon i {
    font-size: 42px;
    line-height: 1.2;
}

.canvas-section {
    padding: 50px;
}

.global-metrix-section .desc {
    font-size: 10px;
    color: #505459;
    font-weight: 300;
}

.global-metrix-section .process-card-title .card-title {
    color: #455a64;
    font-weight: 400;
    font-size: 19px;
}

.global-metrix-section .graph-section {
    padding: 40px !important;
}

.global-metrix-canvas-section {
    min-height: 360px;
    max-height: 360px;
}

.dashboard-workflow-section {
    min-height: 480px !important;
    max-height: 480px !important;
}


/** End of Process Dashboard Styling **/


/*requset overview modal viewhistory style starts*/

.dropdown-milestones {
    right: 0;
    left: auto;
    top: 54px;
}


/*requset overview modal viewhistory style ends*/


/*help topics starts*/

.popup-content .help-detailed-frame .helptopic-content {
    min-height: calc(100vh - 55vh) !important;
    max-height: calc(100vh - 55vh) !important;
    padding: 20px 30px;
    margin-bottom: 10px;
}

.popup-content .help-detailed-frame .helptopic-content p {
    font-size: 12px;
    font-weight: 400;
    color: #555;
}

.help-detailed-frame .help-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.help-detailed-frame .help-video iframe,
.help-detailed-frame .help-video object,
.help-detailed-frame .help-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*help topics ends*/


/* 
 .task-card-header img{
    width: 80px;
    display: block;
    position: absolute;
    top: 0;
    opacity: 0.2;
    right: 0;
    }  */

.view-assignedtask .btn-simple {
    padding: 0;
    margin: 15px 0;
    line-height: 1.8;
}

.view-assignedtask .asigned-tasks {
    float: left;
    list-style: none;
    padding: 5px 0;
    height: 56px;
}
.bg-transparent{
        background: transparent!important;
}
.request-notification-section .notification-title .material-symbols-outlined{
    font-size: 25px!important;
    padding: 0!important;
}
.process-icons i,
.taskcardicon i {
    font-size: 40px!important;
/*    opacity: 0.5;*/
    color: #607D8B!important;
    padding: 10px 0px;
}
#performance .cmrbody .card{
        width: 23.5%!important;
        margin-left: 10px!important;
}
.cr-pt .taskviewbtn{
left: 10px;
    top: 0;
    padding:  10px;
}
.initate-process-icons i {
    font-size: 44px;
    margin-top: 15px;
    text-align: left;
    display: inline-block;
}


/* .tasks-view-tabs>li a i {
    display: block!important; 
   font-size: 35px!important; 
   padding: 0!important; 
   height: 42px;
   width: 42px;
   line-height: 1.3;
   } */


/*qm process detailed dashboard*/

.advance-filter .btn i {
    font-size: 11px !important;
    top: 0 !important;
    right: -5px;
}

.advance-filter .btn {
    margin: 15px 0;
}

.qm-processdetailed-dashboard .header-tilte {
    margin: 20px;
    text-align: center;
    font-size: 21px;
    font-weight: 400;
    color: #151b26;
}

.qm-processdetailed-dashboard .canvas-section {
    padding: 50px 0;
}

.qm-processdetailed-dashboard .rhs-metrics-content .graph-section0 {
    min-height: 410px;
    padding: 40px;
}

.qm-processdetailed-dashboard .rhs-analytics-content .gantt-graph-details,
.qm-processdetailed-dashboard .rhs-table-details {
    min-height: 370px;
    max-height: 370px;
}

.qm-processdetailed-dashboard .qm-table-content .requesteduser-image img {
    width: 25px;
    border-radius: 50%;
    height: 25px;
}

.qm-processdetailed-dashboard .qm-table-content .card .card-title {
    color: #455a64 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    margin-top: 3px !important;
}

.qm-processdetailed-dashboard .task-overview-section .rhs-table-details .initiaterequest-table-list td .icons {
    display: inline-block;
    font-size: 15px;
    float: inherit;
    vertical-align: sub;
    color: #999;
}

.qm-processdetailed-dashboard .task-overview-section .rhs-table-details .initiaterequest-table-list .requester-details img {
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.qm-processdetailed-dashboard .rhs-table-details .initiaterequest-table-list>tbody>tr>td {
    padding: 10px 10px;
}

.qm-processdetailed-dashboard .task-overview-section .rhs-table-details .initiaterequest-table-list .requested-name {
    color: #666;
    font-weight: 600;
    font-size: 13px;
    margin: 0;
}

.qm-processdetailed-dashboard .task-overview-section .rhs-table-details .initiaterequest-table-list .Requester-id i {
    font-size: 14px !important;
    color: #ccc;
    vertical-align: sub;
}

.qm-processdetailed-dashboard .task-overview-section .rhs-table-details .initiaterequest-table-list .Requester-id {
    font-weight: 400 !important;
    color: #505459 !important;
    font-size: 11px !important;
}

.dashboard-detailed-table .modal-content .modal-header,
.dashboard-detailed-table .modal-content .modal-footer {
    min-height: 60px;
    padding: 10px 15px;
    font-size: 12px;
    color: #111;
    font-weight: bold;
    background: #fff;
}

.qm-table-content .card-block {
    border-bottom: 1px solid #ddd;
    padding: 10px 0 !important;
}

.dashboard-detailed-table .modal-content .modal-footer {
    position: absolute;
    bottom: 0;
}

.choose-category .chosed-image .initaledit-icon a {
    font-size: 16px;
    color: #777;
}

.edit-select-icon .modal-header,
.select-icon .modal-header {
    padding: 15px;
    border-bottom: 1px solid #ffffff;
    min-height: 16.43px;
    font-weight: 600;
}

.edit-select-icon .modal-footer,
.select-icon .modal-footer {
    padding: 10px;
    border-bottom: 1px solid #ffffff;
    min-height: 16.43px;
    font-weight: 600;
}

.edit-select-icon .modal-header .modal-title,
.select-icon .modal-header .modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #2a2b33;
    font-size: 16px;
    font-weight: 400;
}

.task-card-panel .card-stats .card-content .process-icons i {
    float: left;
    margin-top: 5px;
}

.search-btn-icons .btn i {
    font-size: 13px !important;
    top: 0 !important;
}


/*task top listing*/

.tasks-view-tabs .task-toptab-listing {
    height: 54px;
    border-right: 1px solid #e3e3e3;
    margin-left: 0 !important;
}

.task-toptab-listing .nav-pills>li>a {
    min-width: 200px;
}

.task-calender .tasks-view-tabs.nav-pills:not(.nav-pills-icons)>.task-toptab-listing:first-child>a {
    color: #555555!important;
    padding: 10px;
    font-weight: 600;
    line-height: initial;
    min-width: 150px;
    font-size: 15px;
}

.tasks-view-tabs .task-toptab-listing .toptab-addon {
    display: inline-block;
    padding: 10px 0!important;
    min-height: 54px;
}

.tasks-view-tabs .task-toptab-listing .closing-tab {
    position: absolute;
    top: 5px;
    right: 5px;
}

.tasks-view-tabs .task-toptab-listing .closing-tab i {
    font-size: 12px !important;
    line-height: 1.2;
    width: 16px;
    height: 16px;
    color: #6b6f82 !important;
    font-weight: 400;
    border: 1px solid #6b6f82;
    border-radius: 50%;
}

.tasks-view-tabs .task-toptab-listing:hover .closing-tab {
    opacity: 1;
    color: red;
}

.task-tab-snippet {
    float: left;
    text-align: left;
    line-height: normal;
    padding: 0;
}

.tasks-view-tabs .task-toptab-listing .toptab-addon .process-name {
    font-size: 13px;
    font-weight: 600;
    line-height: inherit;
    display: block;
    color: #555555;
}

.tasks-view-tabs .task-toptab-listing .toptab-addon i {
    display: block;
    padding: 0;
    font-size: 34px;
    color: #777;
    z-index: 99;
    opacity: 0.6;
}

.tasks-view-tabs .task-toptab-listing .toptab-addon .request-username {
    font-size: 12px;
    color: #777777;
    min-height: inherit;
    line-height: inherit;
    font-weight: 500;
}

.tasks-view-tabs .task-toptab-listing .all-tasks-tab img {
    width: 35px;
    height: 35px;
}

.tasks-view-tabs .task-toptab-listing .toptab-addon .task-process-icons img {
    width: 35px;
    height: 35px;
}

.process-people-tab-section .onlistingcatergory {
    min-height: calc(100vh - 43vh) !important;
}


/*detailed dashboard sticky header*/

.foward-backward-icons i {
    font-size: 17px;
    font-weight: 700;
    color: #777;
    position: relative;
    top: 4px;
}

.six-monthcount {
    font-size: 12px;
    font-weight: 400;
    color: #777;
}

.other-monthcount {
    font-size: 11px;
    font-weight: 400;
    color: #ccc;
    letter-spacing: -1px;
    cursor: pointer;
}

.count-dataiocns {
    text-align: center;
    display: block;
}

.advance-filter .btn {
    margin: 1px 0 0;
    height: 28px;
}

.qm-processdetailed-dashboard .global-metrix-section .process-card-title .card-title {
    color: #455a64 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}


/* .qm-processdetailed-dashboard .top-sticky-mertics .task-overview-section .task-panel-body .card-block {
  opacity: 0.7;
}
.qm-processdetailed-dashboard  .top-sticky-mertics .task-overview-section .task-panel-body .card-block.active{
  opacity: 1;
  } */

.global-metrix-canvas-section .canvas-section img {
    display: block;
    margin: auto;
}

.btn-tog-workflowgnatt {
    margin: 0 !important;
    background: transparent !important;
    color: #555 !important;
    box-shadow: none !important;
    border: 1px solid #eee !important;
}

.qm-processdetailed-dashboard .task-overview-section .task-panel-body .card-block small {
    font-size: 11px;
    color: #999;
    font-weight: 300;
}

.top-container {
    height: 70px;
}

.qm-processdetailed-dashboard .wrappercontent .scrollabledata {
    padding: 0 0;
}

.qm-processdetailed-dashboard .wrappercontent {
    margin: auto;
    position: relative;
    padding: 0;
}

.qm-processdetailed-dashboard .navstickyheadertop {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: transparent;
    display: block;
    width: 100%;
    padding: 0;
    z-index: 9;
    transition: top 0.10s;
}

.qm-processdetailed-dashboard .navstickyheadertop .pagenav {
    display: block;
    padding-top: 5px;
}

.qm-processdetailed-dashboard .fixed .pagenav {
    margin-bottom: 15px;
    padding-top: 5px;
}

.qm-processdetailed-dashboard .fixed .pagenav a {
    opacity: 0.6;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: 600;
    color: #777;
    border: 1px solid #ccc;
    padding: 8px 30px;
    background: #fff;
}

.qm-processdetailed-dashboard .fixed a:hover,
.qm-processdetailed-dashboard .fixed a.active {
    background: #00bcd4;
    color: #151b26;
    border: 2px solid #00bcd4;
}

.qm-processdetailed-dashboard .navstickyheadertop a {
    opacity: 0.6;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: 600;
    color: #777;
    border: 1px solid #ccc;
    padding: 8px 30px;
    background: #fff;
}

.qm-processdetailed-dashboard .navstickyheadertop a:hover,
.qm-processdetailed-dashboard .navstickyheadertop a.active {
    opacity: 1;
    border: 1px solid #00bcd4;
    background: rgba(0, 188, 212, 0.1);
    padding: 8px 30px;
    border-radius: 2px;
}

.qm-processdetailed-dashboard .fixed {
    position: fixed;
    top: 50px;
    width: 98%;
    left: 35px;
    background: #eef5f9;
    padding-bottom: 0;
    border-bottom: 1px dotted #d5d7d8;
    z-index: 99;
}

.popper-div {
    z-index: 999 !important;
}

.qm-processdetailed-dashboard .first-scrolldata {
    padding-top: 80px !important;
}

.qm-processdetailed-dashboard .wrappercontent .maincontent-header {
    padding: 10px 15px;
}

.qm-processdetailed-dashboard .wrappercontent .maincontent-header .card-title {
    font-weight: 600;
    font-size: 14px;
}

.qm-processdetailed-dashboard .wrappercontent .maincontent-header .card-subtitle {
    font-weight: 400;
    text-transform: inherit;
}

.qm-processdetailed-dashboard .wrappercontent .metric-inner-flex {
    border-right: 1px solid #eee;
    height: 40px;
}

.qm-processdetailed-dashboard .wrappercontent .maincontent-header .metric-inner-flex .metric-innercount {
    font-size: 30px;
    text-align: left;
    display: inline-block;
}

.qm-processdetailed-dashboard .wrappercontent .maincontent-header .metric-inner-flex .request-types {
    font-size: 12px;
    text-align: left;
    font-weight: 400;
    vertical-align: super;
}

.qm-processdetailed-dashboard .maincontent-header .metric-icon i {
    font-size: 25px;
    line-height: 1.5;
}

.qm-processdetailed-dashboard .task-overview-section .task-panel-body .card-block button {
    padding: 5px 10px;
}

.qm-processdetailed-dashboard .task-overview-section .task-panel-body .card-block .btn i,
.qm-processdetailed-dashboard .task-overview-section .task-panel-body .card-block .btn i:hover {
    display: inline-block;
    float: inherit;
    color: #ccc;
    font-size: 15px;
    font-weight: 300;
}

.milestone-timeline .condition-title,
.milestone-timeline .activity-title {
    padding: 10px 5px;
    font-weight: 500;
    color: #3e3e3e;
    font-size: 13px;
    margin: 0;
}

.milestone-timeline .condition-title .info-icons i,
.milestone-timeline .activity-title .info-icons i {
    color: #78a6cf;
    font-size: 15px;
}

.milestone-timeline .condition-title .dropbtn,
.milestone-timeline .activity-title .dropbtn {
    border: none;
}

.milestone-timeline .condition-title .dropdown,
.milestone-timeline .activity-title .dropdown {
    position: relative;
    display: inline-block;
}
.milestone-timeline.customform-hrkp .condition-title .dropdown-content{
    left:75px;
}
.milestone-timeline .condition-title .dropdown-content,
.milestone-timeline .activity-title .dropdown-content {
    display: none;
    position: absolute;
    background: #f1f1f1;
    min-width: 250px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    top: 23px;
    right: 0;
    text-align: left;
}

.milestone-timeline .transition-subsection-overview .activity-title .dropdown-content {
    left: -100px !important;
}

.milestone-timeline .condition-title .dropdown-content p,
.milestone-timeline .activity-title .dropdown-content p {
    color: #555;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 11px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 0;
}

.milestone-timeline .condition-title .dropdown:hover .dropdown-content,
.milestone-timeline .activity-title .dropdown:hover .dropdown-content {
    display: block;
}

.overview-metrics .card-metrics-workflow {
    padding: 5px;
    height: 40px;
    border-radius: 2px;
    margin: 0;
    line-height: 1;
}

.overview-metrics .card-metrics-workflow.box1 .header-metrics,
.overview-metrics .card-metrics-workflow.box2 .header-metrics {
    /* line-height: 3; */
}

.overview-metrics .card-metrics-workflow.box1 {
    background: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
    box-shadow: inset 0 0 18px #5e9c76;
}

.overview-metrics .card-metrics-workflow.box2 {
    background: linear-gradient(45deg, #0288d1 0%, #00e3ff8c 100%);
    box-shadow: inset 0 0 18px #4788c7;
}

.overview-metrics .card-metrics-workflow.box3 {
    background: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
    box-shadow: inset 0 0 18px #bc6f0a;
}

.overview-metrics .card-metrics-workflow.box4 {
    background: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
    box-shadow: inset 0 0 18px #f44336;
}

.overview-metrics .card-metrics-workflow img {
    width: 40px;
    position: absolute;
    display: block;
    margin: auto;
    height: 40px;
    padding: 5px;
    top: 1px;
    right: 0;
    opacity: 0.6;
    display: none;
}

.overview-metrics .card-metrics-workflow .header-metrics {
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-transform: inherit;
    margin: 0;
    line-height: 1.6;
}

.overview-metrics .card-metrics-workflow p {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.overview-metrics .user-group-count .groupcounts i,
.overview-metrics .user-group-count .usercounts i {
    font-size: 15px;
    vertical-align: sub;
    color: #B5D0E8 !important;
}

.overview-metrics .user-group-count .groupcounts,
.overview-metrics .user-group-count .usercounts {
    font-size: 12px;
    font-weight: 400;
    color: #555;
}

.overview-metrics .user-group-count .heading {
    color: #666;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0;
}

.overview-metrics .user-group-count {
    margin-top: 10px;
}

.overview-metrics .user-group-count .groups-box ul {
    padding-left: 0;
    margin-top: 10px;
    display: inline-block;
}

.overview-metrics .user-group-count .groups-box ul li {
    list-style: none;
    width: auto;
    float: left;
    font-size: 11px;
    font-weight: 400;
    background: transparent;
    border: 1px solid #ddd;
    padding: 0 10px;
    margin: 2px;
}

.processedit-datatype-addition .card-content {
    border: 1px dashed #aaa;
}

.processedit-datatype-addition .card-content .card-title a i {
    font-size: 20px;
}

.graph-content-section .nograph-section {
    min-height: 265px;
}

.table-head-section .header-stylefortable {
    border-bottom: 2px solid #f9f9f9;
    padding: 10px 0 0;
}

.header-stylefortable .card-title {
    line-height: 2;
    margin-bottom: 0;
}

.workflow-schedule ul {
    padding-left: 0;
}

.workflow-schedule ul li {
    list-style: none;
    width: 100%;
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    color: #777;
}

.workflow-schedule .workflow-user .icons {
    font-size: 29px;
    display: block;
    margin: auto;
    text-align: center;
    border: 1px solid #ddd;
    padding: 5px;
}

.workflow-schedule .workflow-userstasks-schedule h4 {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    color: #777;
    padding: 0;
}

.workflow-schedule .workflow-userstasks-schedule p {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 300;
    color: #505459;
    margin: 0;
    padding: 0;
}

.workflow-schedule .workflow-userstasks-schedule p i {
    font-size: 17px;
    vertical-align: sub;
    color: #999;
}

.standard-filter-lists ul {
    -webkit-padding-start: 0;
    margin-bottom: 0;
}

.standard-filter-lists ul li {
    float: left;
    list-style: none;
    padding: 0 25px;
}

.standard-filter-lists ul li.list-dropdown {
    width: 20%;
    padding: 0 10px;
}

.standard-filter-lists ul li.list-search {
    width: auto;
    padding: 0;
}

.standard-filter-lists ul li .form-group .form-control {
    background: #ffffff;
    border-radius: 5px;
    height: 30px;
    margin-top: 0;
}

.standard-filter-lists ul li .form-group {
    margin: 0 0 0 0 !important;
    padding-bottom: 0 !important;
}

.list-date {
    background: #fff;
    border-radius: 5px;
    height: 30px;
    border: 0.75pt solid #d5dce0;
}

.stickymenu-workflow {
    position: absolute;
    top: 20px;
    right: 10px;
    opacity: 1;
}

.stickymenu-workflow ul li {
    float: left;
    list-style: none;
    padding: 0 5px;
}

.stickymenu-workflow ul li .btn {
    margin: 0;
    background: #f9f9f9 !important;
    color: #555 !important;
    border: 1px solid #aaa;
    box-shadow: none;
}

.stickymenu-workflow ul li .setting-icon {
    color: #999;
    font-size: 24px;
}

.stickymenu-workflow ul li .setting-icon:hover {
    transition: 2s;
    color: #26c6da;
}

.stickymenu-workflow .btn i {
    font-size: 30px;
    color: #f44336;
}

.stickymenu-workflow .dropdown-menu {
    top: 80%;
    left: inherit;
    right: 0;
}

.dashboard-detailed-table .modal-header {
    background: #ffffff;
    padding: 10px 20px !important;
    min-height: 65px !important;
    border-radius: 4px !important;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25) !important;
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25) !important;
    box-shadow: 0 0.1em rgba(0, 0, 0, .25);
}

.dashboard-detailed-table .modal-content .dashboarddetailed-content-body {
    height: calc(100vh - 18.5vh);
    background: #e1e1e1;
    padding: 20px !important;
}

.dashboard-detailed-table .modal-content .modal-footer {
    height: 60px !important;
    padding: 0 !important;
    bottom: 0;
    position: absolute;
    z-index: 9;
}

.dashboard-detailed-table .dashboarddetailed-content-header .modal-title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1px;
    color: #151b26;
}

.dashboard-detailed-table .dashboarddetailed-content-header .modal-title .status-texticon {
    font-weight: 400 !important;
    font-size: 12px !important;
    vertical-align: text-top;
    margin-top: 2px;
    display: inline-block;
}

.deatiled-dashboardmodal .dashboard-detailed-table {
    width: 1224px;
    margin: 30px auto;
}

.dashboard-detailed-table .dashboarddetailed-content-header .initaedby {
    font-size: 12px;
    font-weight: 400;
    color: #0f2a44;
}

.dashboard-detailed-table .dashboarddetailed-content-header .initaedby img {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 1px solid #eee;
    vertical-align: top;
}

.dashboard-detailed-table .dashboarddetailed-content-header .close {
    margin-top: 14px !important;
}

.dashboard-detailed-table .dd-metrics-view {
    padding-left: 0;
    display: flex;
    box-shadow: 0 0 5px #999;
    padding: 10px;
    background: #fff;
}

.dashboard-detailed-table .dd-metrics-view li {
    list-style: none;
    float: left;
    width: 16.667%;
    text-align: center;
    border-right: 1px solid #999;
}

.dashboard-detailed-table .dd-metrics-view li:last-child {
    border-right: none;
}

.dashboard-detailed-table .dd-count-widget .count-ddh6 {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #505459;
    text-transform: uppercase;
    line-height: 1.5em;
}

.dashboard-detailed-table .dd-count-widget b {
    font-weight: 600;
    color: #4b636f;
    font-size: 18px;
    line-height: 1.8;
}

.dashboard-detailed-table .dd-count-widget .dd-desc {
    font-size: 10px;
    color: #a9afbb;
    font-weight: 300;
}

.dashboard-detailed-table .dashboarddetailed-content-body .popup-gnattchart .canvas-section {
    padding: 15px;
}

.dashboard-detailed-table .dashboarddetailed-content-body .popup-gnattchart .maincontent-header .card-title {
    font-size: 13px;
    line-height: 2;
}

.dashboard-detailed-table .dashboarddetailed-content-body .popup-gnattchart .maincontent-header {
    padding: 10px 15px;
}

.dashboard-detailed-table .dashboarddetailed-content-body .popup-gnattchart .global-metrix-canvas-section {
    min-height: 340px;
}

.dashboard-detailed-table .gantt-graph-details .nav-pills {
    margin-top: 0;
}

.dashboard-detailed-table .gantt-graph-details .nav-pills>li {
    float: left;
    width: 50%;
}

.dashboard-detailed-table .gantt-graph-details .nav-pills>li+li {
    margin-left: 0 !important;
}

.dashboard-detailed-table .gantt-graph-details .nav-pills a .icons {
    display: block !important;
    float: inherit;
    padding: 0;
    font-size: 24px;
}

.dashboard-detailed-table .gantt-graph-details .nav-pills a {
    padding: 7px;
}

.dashboard-detailed-table .tab-hisstorydocument-content {
    display: block;
    max-height: 330px;
    min-height: 330px;
    padding: 0 15px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 2px;
}

.dashboard-detailed-table .rhs-popup-content .comment-history .comments {
    font-size: 12px;
    margin-bottom: 0;
}

.dashboard-detailed-table .rhs-popup-content .comment-history li {
    list-style: none;
    width: 100%;
    padding: 0;
    line-height: 1;
}

.dashboard-detailed-table .rhs-popup-content .comment-history.timeline {
    margin-top: 0;
}

.dashboard-detailed-table .rhs-popup-content .comment-history.timeline li {
    margin-bottom: 0;
}

.dashboard-detailed-table .rhs-popup-content .comment-history .comments .comment-date {
    font-size: 11px;
    color: #aaa;
    position: relative;
    top: 18px;
}

.dashboard-detailed-table .rhs-popup-content .comment-history .comments .comment-date i {
    font-size: 14px;
    vertical-align: sub;
    color: #777 !important;
}

.dashboard-detailed-table .rhs-popup-content .comment-history .comments .Timline-icon {
    position: absolute;
    z-index: 9;
    cursor: pointer;
    left: 26%;
}

.dashboard-detailed-table .rhs-popup-content .comment-history .comments .comment-info b {
    color: #151b26;
    font-size: 13px;
    font-weight: 600 !important;
}

.dashboard-detailed-table .rhs-popup-content .comment-history .comments .comment-info {
    font-size: 11px;
    font-weight: 400 !important;
    padding-left: 33.5%;
    color: #151b26;
    line-height: 1.5;
    display: inline-block;
}

.dashboard-detailed-table .rhs-popup-content .comment-history .comments .comment-info .status-text {
    font-size: 11px !important;
    font-weight: 400;
    padding-left: 0;
    line-height: 1.2;
}

.dashboard-detailed-table .rhs-popup-content .comment-history .comments .comment-message {
    padding-left: 33.5%;
    font-size: 11px;
    margin: 5px 0;
}

.dashboard-detailed-table .rhs-popup-content .comment-history .comments .Timline-icon {
    padding: 0;
    margin: 0;
    background: #ffffff;
}

.dashboard-detailed-table .rhs-popup-content .comment-history .comments .Timline-icon i {
    font-size: 13px !important;
    border-radius: 50%;
    margin: 0 0 0 -4px;
    height: 20px;
    width: 20px;
    line-height: 1.7;
    color: #777;
    top: 0 !important;
}

.dashboard-detailed-table .rhs-popup-content .comment-history .comments .Timline-icon:before {
    background: #ddd;
    border-radius: 2px;
    bottom: -35px;
    content: "";
    height: 30px;
    left: 5px;
    position: absolute;
    width: 1px;
}

.dashboard-detailed-table .rhs-popup-content .comment-message p {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 600;
    color: #777;
}

.dashboard-detailed-table .rhs-popup-content .tabdocuments .assigned-content .icons {
    font-size: 18px;
    float: right;
    color: #999;
}

.rhs-popup-content .nav-pills>li>a>.badge {
    position: absolute;
    background: #f44336;
    margin-left: 0;
}

.rhs-popup-content .nav-pills.nav-pills-warning>li.active>a .badge,
.rhs-popup-content .nav-pills.nav-pills-warning>li.active>a:focus .badge,
.rhs-popup-content .nav-pills.nav-pills-warning>li.active>a:hover .badge {
    color: #ffffff;
    background: #f44336;
    border: 1px solid #f44336;
}

.rhs-popup-content .nav-pills.nav-pills-warning>li>a .badge {
    padding: 2px 5px;
    font-size: 10px;
}


/* .btn-tog-workflowgnatt.active {
    background: #a9afbb !important;
    color: #ffffff !important;
    } */

.qm-table-content .table-list-scroll {
    min-height: 350px;
    max-height: 350px;
    overflow-y: scroll;
}

.richtextptag {
    font-size: 12px;
    line-height: 1.4;
}

.process-dd-tablescroll {
    min-height: 350px;
    max-height: 350px;
    overflow-y: scroll;
}

.process-dd-tablescroll .static-table .table>thead>tr>th {
    font-size: 12px;
}

.process-people-tab-section .tab-pane .badge {
    padding: 3px 6px;
    font-size: 11px;
    font-weight: 600;
    background-color: #1e90ff;
    border-radius: 50px;
}

.validation-header {
    border: 1px dashed #aaa;
    margin: 0 15px;
    padding: 15px 0;
}

.processedit-datatype-addition .card-title .category {
    font-size: 12px !important;
    color: #505459 !important;
}

.validation-header .form-group label.control-label {
    margin-bottom: 0 !important;
}

.activity-status {
    font-size: 11px;
    font-weight: 400;
    color: #999;
    padding: 0 5px;
}

.possibleerror-heading {
    font-size: 12px;
    color: #777;
    font-weight: 400;
}

.validation-header-icons i {
    font-size: 20px;
    vertical-align: bottom;
    color: #3C4858;
}

.action-edit-icons i {
    font-size: 14px;
    margin-top: -5px;
    line-height: 2.6;
    color: #000;
}

.action-edit-icons i:hover {
    color: #000;
}

.inital-loaddisplay ul {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 0 20%;
    text-align: center;
}

.inital-loaddisplay ul li {
    list-style: none;
    float: left;
    padding: 20px;
    box-shadow: 0 0 10px #e0dbdb;
    margin: 15px;
    background-color: #fff;
    cursor: pointer;
    min-width: 130px;
}

.inital-loaddisplay ul li a i {
    font-size: 30px;
    color: #999 !important;
}

.inital-loaddisplay ul li a p {
    margin-bottom: 0;
    margin-top: 5px;
    line-height: 1.5;
}

.inital-loaddisplay {
    margin: 14% 0;
}

.inital-loaddisplay .add-section {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #26c6da;
}

.insert-data-norecords {
    text-align: center;
    padding: 0;
}

.insert-data-norecords i {
    font-size: 40px;
    color: #bbb;
}

.processform-name .form-names {
    font-size: 12px !important;
    font-weight: 400;
}

.add-new-process .modal-content .content-area .process-form-img img {
    width: 100px;
}

.user-primary-details .btn-process-deactivate {
    padding: 10px 40px;
    border-radius: 40px;
    background: #f44336;
    box-shadow: none;
    margin: 0 10px;
}

.user-primary-details .btn-process-activate {
    padding: 10px 40px;
    border-radius: 40px;
    background: #26c6da;
    box-shadow: none;
    margin: 0 10px;
}

.graph-section0 .addprocesstext {
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 11px;
    font-weight: 400;
    color: #777;
    margin-left: 15px;
}

.graph-content-section .card .image-sectiongraph img {
    width: 100%;
    margin-top: 25px;
    height: auto;
}

.image-sectiondatagraph {
    min-height: calc(100vh - 20vh);
}

.user-avatar-preview img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    display: block;
    margin: 0 auto;
}

.user-avatar-preview .choose-label {
    font-size: 11px;
    color: #1abc9c !important;
    margin-top: 9px;
    padding: 5px 10px;
    border: 1px dotted #1abc9c;
    border-radius: 5px;
}

.user-avatar-preview .choose-label i {
    font-size: 16px;
    margin: 0 5px;
}
.viewonly-forms .qm-designform nav ul li.active,
.viewonly-forms .qm-designform .form-tab-scroll  ul li.active {
    height: 41px;
     opacity: 1;
/*        background-color: rgb(233 233 233)!important;*/
}

/** Styling for forms tabs **/

.qm-designform nav ul li,
.qm-designform .form-tab-scroll  ul li {
    backface-visibility: hidden;
    position: relative;
    /*border-right: 1px solid #cccccc91;*/
    /* z-index: 1; */
}

.qm-designform nav ul li.tab-current a::after,
.qm-designform .content-wrap {
    background: #fff;
    box-shadow: none;
}

.tabs nav ul{
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    flex-flow: row wrap;
    justify-content: left;
}

.qm-designform nav ul li a,
 .qm-designform .form-tab-scroll  ul li a{
    position: relative;
    display: block;
    overflow: hidden;
    color: #58666e;
    transition: color 0.2s;
    line-height: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer!important;
    text-align: left;
    min-width: 130px;
}

.qm-designform nav ul li a:hover,
.qm-designform .form-tab-scroll ul li a:hover {
    color: #151b26;
    /* box-shadow: inset 0 -1px #505459; */
    transition-duration: 2.4s;
    transition-property: box-shadow, color;
}

.qm-designform nav ul li a::after,
.qm-designform .form-tab-scroll  ul li a::after
 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: 8px 10px 0 0;
    background: #f5f5f5;
    content: '';
    transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
    transform-origin: 0 0;
    backface-visibility: hidden;
}

.qm-designform nav ul li.active a,
 .qm-designform .form-tab-scroll  ul li.active a{
    color: inherit;
    font-weight: 600;
    padding: 18px 25px;
    font-size: 14px;
    /* box-shadow: inset 0 -1px #ffffff; */
    box-shadow: none;
    line-height: 2.4;
}

.qm-designform nav ul li.active a::after {
    background: #ffffff;
}

.qm-designform nav li a.new-tab-add {
    font-size: 11px;
    color: #000;
    font-weight: 300;
    background: transparent;
    padding: 10px 14px!important;
    line-height: inherit !important;
}

.qm-designform nav li .more-actions,
.qm-designform .form-tab-scroll  li .more-actions {
    padding: 0 3px;
    color: #ccc;
    visibility: hidden;
}

.qm-designform nav li:hover .more-actions,
.qm-designform .form-tab-scroll li:hover .more-actions  {
    visibility: visible;
}

.qm-designform nav li .more-actions i,
.qm-designform .form-tab-scroll li .more-actions i {
    font-size: 16px;
    margin-top: 0;
    line-height: 1.4;
    color: #000;
}

.qm-designform nav input,
.task-vertical-customtab input {
    height: 31px !important;
    border: 1px solid #ccc !important;
    padding: 5px !important;
    border-radius: 2px !important;
    background: #F9FCB7 !important;
    transition: background 0s ease-out !important;
}

.qm-designform .edit-tab-icons i {
    font-size: 13px !important;
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
}

.qm-designform .add-tab-action .untitled-icons i {
    font-size: 13px !important;
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
}

.btn.btn-success {
    box-shadow: none !important;
}

.viewonly-forms ul {
    background: #f0f3f4;
}

.mytaskviewonlyforms .viewonly-forms ul {
    background: #fafafa!important;
}

/* .viewonly-forms .qm-designform nav ul li.active a::after {
    border-top: none;
} */

.viewonly-forms .qm-designform nav ul li::after,
.viewonly-forms .qm-designform .form-tab-scroll ul li::after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: 20px 20px 0 0;
    /*background: #2CC185;*/
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 5%);
    content: '';
    transform: perspective(50px) rotateX(0deg) translateZ(0px);
    transform-origin: 0 0;
    backface-visibility: hidden;
}
.viewonly-forms .qm-designform nav ul li.addnewtab-form::after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: 20px 20px 0 0;
    background: transparent;
    box-shadow: inset 0 -3px 3px rgb(0 0 0 / 5%);
    content: '';
    transform: perspective(50px) rotateX(0deg) translateZ(0px);
    transform-origin: 0 0;
    backface-visibility: hidden;
}

.viewonly-forms .qm-designform nav ul li a::after,
.viewonly-forms .qm-designform .form-tab-scroll ul li a::after {
    background: transparent;
    box-shadow: 1px 0 1px transparent;
}

.viewonly-forms .qm-designform nav ul li a.active::after,
.viewonly-forms .qm-designform .form-tab-scroll ul li a.active::after  {
    background: #e1e1e1;
}

.viewonly-forms .qm-designform nav ul li a,
.viewonly-forms .qm-designform .form-tab-scroll  ul li a{
    padding: 10px 14px;
/*    background-color: rgb(233, 233, 233);*/
    background-color:#ededed;
    margin-top: 0;
        border-radius: 20px 20px 0 0;
}

.viewonly-forms .qm-designform nav ul li.active a,
.viewonly-forms .qm-designform .form-tab-scroll  ul li.active a{
    padding: 5px 14px!important;
    min-width: 130px;
    margin-top: 0;
    text-align: left;
    line-height: inherit;
    line-height: 2.4;
    /* box-shadow: 0 1px 5px 1px #fff; */
     /*border-top: 3px solid #fff;*/
}
.form-content-section.perfect-scrollbar-on::-webkit-scrollbar,
.form-content-section.panel-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #fff;
}

.sent-chat-username {
    font-size: 14px;
    font-weight: 400;
    color: #505459;
}

.received-chat-username {
    font-size: 14px;
    font-weight: 400;
    color: #505459;
    float: right;
}

.sent-date-format {
    text-align: right;
    font-size: 11px;
    color: #505459;
    float: right;
}

.received-date-format {
    text-align: left;
    font-size: 11px;
    color: #505459;
    float: left;
}

.sent-message-preview {
    border-radius: 4px;
    padding: 10px;
    background-color: #cfecfe;
    display: inline-block;
    margin: 10px 0;
}

.received-message-preview {
    border-radius: 4px;
    padding: 10px;
    background-color: #e8fdeb !important;
    display: inline-block;
    margin: 10px 0;
    text-align: right;
}

.initate-onlyimage-actions {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 991;
}

.initate-onlyimage-actions i {
    vertical-align: middle;
    font-size: 13px !important;
    top: -1px;
    position: relative;
}

.initate-onlyimage-actions .btn {
    padding: 3px 5px !important;
}

.process-subtype-group .dropdown-scroll-bar {
    min-height: 300px;
    max-height: 300px;
    overflow-y: scroll;
}

.process-sub-menu .dropdown-menu.dropdown-scroll-bar li>a {
    font-size: 12px;
    margin: 0;
}

.editable-icon {
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    float: right;
    color: #505459;
    font-size: 26px !important;
}

.no-records-found {
    text-align: center;
}

.no-records-found .onempty-content {
    padding: 180px 0;
}

.no-records-found .onempty-content .addheading {
    margin: 0 40%;
}

.no-records-found .onempty-content i {
    color: #aaa;
}

.initate-onlyimage-actions button label {
    margin: 0;
    color: #fff !important;
}

.save-confirmation .icons-error {
    vertical-align: middle;
    color: #fba204;
    font-size: 38px;
}

.save-confirmation-section .animated.bounceIn {
    animation-duration: 1.75s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    -moz-animation-duration: .75s;
}

.save-changes-text-body {
    text-transform: Initial;
    font-size: 13px;
    color: #000;
    font-weight: 600;
}

.task-contentarea .sub-title {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    color: #4353FF;
}

.action-iconz .btn {
    width: auto !important;
}

.text-underline-dotted {
    text-decoration: underline;
    text-decoration-style: dotted;
}

.manage-group-details .card-title {
    margin-bottom: 10px !important;
    font-size: 14px !important;
    color: #323232 !important;
    font-weight: 600 !important;
    border-bottom: none !important;
    padding: 0 0 10px !important;
    line-height: 1.5px;
}

.manage-group-details .left-tab-header .nav-pills-icons {
    min-height: 470px;
    max-height: 470px;
    overflow-y: scroll;
}

.manage-group-details {
    height: calc(100vh - 21vh);
}

.color-nav-blue {
    color: #14aaf5 !important;
}

.noinitated-records p {
    font-size: 12px;
    color: #505459;
    text-align: center;
    padding: 0;
    font-weight: 500;
    margin-bottom: 0;
}

.onlistingcatergory .user-status-dropdown .dropdown-menu {
    top: 30px;
    left: auto;
    right: auto;
}

.collabrate-popup .modal-content .modal-header {
    border-bottom: none;
    padding: 10px 15px !important;
}

.collabrate-popup .frame .content .contact-profile {
    width: 100%;
    height: 25px;
    line-height: 0.8;
    background: #fff;
}

.collabrate-popup .chatbox-startdate {
    font-size: 12px;
    color: #ccc;
}

.fileattach-content .card-btn-browse {
    border: 1px solid #3abca7;
    background: #3abca7;
    font-size: 11px;
    padding: 2px 10px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px 0;
}

.fileattach-content input[type="file"] {
    display: none;
}

.card-btn-browse .icons {
    font-size: 18px !important;
    vertical-align: middle;
    text-align: inherit !important;
    display: inherit !important;
    color: #fff !important;
    margin: 0 !important;
    opacity: 1 !important;
}

.modaltitle-highlight {
    font-weight: 400;
    color: #00bcd4;
}

.global-metrix-canvas-section .canvas-section {
    padding: 5px 0;
}

.global-metrix-canvas-section .workflow-panel {
    padding: 0;
    box-shadow: none;
    z-index: 9 !important;
}


/*start dd advance search*/

.adavance-searchmodal .modal-content .modal-header {
    padding: 15px 15px;
}

.adavance-searchmodal .modal-title {
    font-size: 16px;
    font-weight: 600;
}

.adavance-searchmodal .modal-body .content-area {
    height: calc(100vh - 45vh);
}

.adavance-searchmodal .modal-content .modal-footer {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    text-align: center;
    padding-bottom: 15px;
}

.adavance-searchmodal .modal-content .modal-footer button:hover {
    border: 1px solid;
    padding: 5px 10px;
}

.adavance-searchmodal .modal-content .modal-footer button {
    border: 1px solid transparent;
    padding: 5px 10px;
}


/*end dd advance search*/

.metric-inner-flex .metric-icon .admin-color-request {
    color: #14b514;
    ;
}

.top-ddmetrics ul {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
    padding-top: 50px;
}

.top-ddmetrics ul li {
    list-style: none;
    width: 20%;
    float: left;
    margin: 0;
    box-sizing: border-box;
}

.top-ddmetrics ul li:last-child {
    margin: 0;
}

.top-ddmetrics .metrics-allitems .ini-dashboard-task-metrics {
    padding: 5px;
}

.top-ddmetrics .metrics-allitems .ini-dashboard-task-metrics .card {
    border-radius: 3px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    min-height: 100px;
}

.top-ddmetrics .metrics-allitems .ini-dashboard-task-metrics .card-body {
    flex: 1 1 auto;
    padding: 10px;
}

.top-ddmetrics .metrics-allitems .ini-dashboard-task-metrics .cat-brand i {
    font-size: 40px;
    color: #ffffff;
    padding: 10px 15px;
    opacity: 0.3;
    cursor: default;
    position: absolute;
    bottom: 0;
    right: 0;
}

.top-ddmetrics .metrics-allitems .ini-dashboard-task-metrics .cat-brand i.opacitycompleted {
    opacity: 0.80;
}

.top-ddmetrics .metrics-allitems .ini-dashboard-task-metrics .title {
    font-size: 16px;
    margin: 0;
    color: rgba(249, 249, 249, 1);
    font-weight: 600;
    line-height: 1.4;
}

.top-ddmetrics .metrics-allitems .ini-dashboard-task-metrics .total-count {
    font-size: 34px;
    margin: 30px 0 0 0;
    color: #ffffff;
    font-weight: 300;
    text-align: left;
}

.c-card-initated {
    background: linear-gradient(to left, rgb(72, 42, 255), rgba(116, 96, 238, 0.8));
}

.c-card-inprogress {
    background: linear-gradient(to left, #085fff, rgba(42, 118, 243, 0.75));
}

.c-card-restart {
    background: linear-gradient(to left, rgba(253, 163, 6, 0.98), rgba(255, 178, 43, 0.71));
}

.c-card-cancelled {
    background: linear-gradient(to left, rgb(249, 23, 65), rgba(252, 75, 108, 0.8));
}

.c-card-completed {
    background: linear-gradient(to left, rgb(1, 130, 146), rgba(4, 205, 230, 0.59));
}

.deatiled-dashboardmodal .dashboard-detailed-table .workflow-panel {
    min-height: calc(100vh - 54vh);
    border-radius: 0;
}

.th-small-text {
    font-size: 11px;
    text-align: center !important;
    color: #999;
    font-weight: 400;
}

.dashboard-onnullrecords {
    padding: 50px 0 50px 0;
}

.dashboard-onnullrecords .bigtext {
    font-size: 14px;
    font-weight: 600;
    color: #455a64;
}

.dashboard-onnullrecords .smalltext {
    font-size: 12px;
    font-weight: 400;
    color: #505459;
}

.btn-tog-workflowgnatt.active {
    background: #1e88e5 !important;
    border-radius: 1px;
    border: none !important;
    transition: 2s;
}

.btn-tog-workflowgnatt.active .fa {
    color: #fff !important;
}

.static-table .table-onestyling .table>tbody>tr>td {
    padding: 12px 6px !important;
}

.icons-list {
    padding: 0 20px !important;
}

.icons-list i {
    font-size: 20px;
    line-height: 1.4;
    color: #777;
}

.qm-processdetailed-dashboard .wrappercontent .metric-inner-flex.total-lastmetric {
    border-right: none;
}

.card-master-wrapper {
    height: 95px;
    padding: 15px;
    border-radius: 3px;
    box-sizing: border-box;
}

.card-master-wrapper .master-textcontent p {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding: 10px 0;
    margin-bottom: 0;
}

.card-master-wrapper .master-textcontent small {
    text-align: center;
    display: block;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
}

.bgc-lawgreen {
    background-color: limegreen;
}

.bgc-orange {
    background-color: #ff3d00;
}

.bgc-blue {
    background-color: #1976d2;
}

.bgc-deeppink {
    background-color: #f50057;
}

.bgc-deeppurple {
    background-color: #7b1fa2;
}

.card-masterfooter {
    background: #fff;
    padding: 5px 10px;
    box-shadow: 0 0 2px #ddd;
}

.card-masterfooter .btn {
    margin: 0;
    padding: 5px 5px !important;
}

.card-masterfooter small {
    font-weight: 400;
    color: #777;
    font-size: 10px;
    font-style: italic;
}

.card-masterfooter .icons i {
    font-size: 15px;
    vertical-align: middle;
    color: #999;
}

.card-masterfooter .btn .material-icons {
    font-size: 14px !important;
    font-weight: bold;
}

.bg-icons i {
    position: absolute;
    top: 0;
    font-size: 82px;
    opacity: 0.12;
    color: #fff;
    right: 13px;
}



@media (min-width: 768px) {
    .browse-file-modal .modal-dialog {
        width: 325px;
        margin: 30px auto;
    }
}

.browse-file-modal .modal-content {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
    border-radius: 0;
    text-align: center;
    font-size: 12px;
}

.browse-file-modal .fileattach-content {
    border: 1px dashed #f1f1f1;
    min-height: 155px;
    border-radius: 2px;
    margin-bottom: 20px;
}

.browse-file-modal .modal-content .modal-header {
    min-height: 16.42857143px;
    padding: 20px;
    border-bottom: none;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    text-align: left;
}
.browse-file-modal .modal-content .modal-header h4,
.browse-file-modal .modal-content .modal-header .material-icons{
    color: #000;
}

.browse-file-modal .modal-content .modal-body {
    padding: 0 20px;
}
.upload-files-modal{
    margin: 15px 10px;
    padding: 20px;
    border: 2px dashed #e4e2e2;
    margin-bottom: 15px;
}

.browse-file-modal .modal-content .modal-body+.modal-footer {
    padding-top: 10px;
    padding-bottom: 10px;
}
.uploadbtn-modal{
    padding: 10px 0;
}
.browse-file-modal .modal-content .modal-body i {
  font-size: 75px;
    color: #a8e0e7;
    padding: 18px;
}

.browse-file-modal .modal-content .modal-body .card-btn-browse {
    border: 1px solid #3abca7;
    background: #3abca7;
    font-size: 11px;
    padding: 5px 10px;
    color: #fff;
    width: 100%;
}

.browse-file-modal .modal-content .modal-body input[type="file"] {
    display: none;
}


/** Start browse file modal form styles **/

.newcard-master-wrapper {
    border: 1px dashed #aaa;
    height: 135px;
}

.master-addnew {
    text-align: center;
    padding: 36px 20px;
    cursor: pointer;
}

.master-addnew i {
    font-size: 50px;
    color: #26c6da;
    transition: 2s;
}

.master-listing .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.master-listing .card:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.30);
    box-shadow: 0 16px 30px 1px rgba(0, 0, 0, .1);
    transition: 2s;
}

.master-listing .card:hover .widget-title {
    color: #1e88e5;
}

.master-listing .card .widget-body {
    padding: 15px;
}

.master-listing .card .widget-title {
    font-size: 14px;
    font-weight: 500;
    color: #666;
}

.master-listing .card .widget-recordcount {
    font-size: 12px;
    font-weight: 400;
    padding: 10px 0;
    color: #505459;
}

.card .widget-footer {
    padding: 10px 15px;
    bottom: 0;
    position: absolute;
    width: auto;
    height: 60px;
}

.master-listing .btn .material-icons {
    vertical-align: sub;
    font-size: 14px;
    top: 0;
}

.master-listing .widget-footer .btn-default {
    color: #a9afbb;
    box-shadow: none;
    border: 1px dotted #a9afbb;
    background: transparent;
    padding: 3px 8px;
}

.master-listing .card:hover .widget-footer .btn-default {
    color: #151b26;
    border: 1px solid #151b26;
    opacity: 0.75;
}

.master-listing .card:hover .moreviewaction i {
    color: #151b26;
    font-weight: 600;
}

.nav-tab-scroll-directions button {
    position: absolute;
    z-index: 991;
    background: rgba(000, 000, 000, 0.05);
    top: 0;
    padding: 15px 10px;
    border: none;
    max-height: 55px;
    min-height: 55px;
}

.nav-tab-scroll-directions i {
    opacity: 0.2;
}

.nav-tab-scroll-directions button:hover {
    background: rgba(000, 000, 000, 0.15);
}

.nav-tab-scroll-directions button:hover i {
    opacity: 1;
    color: #151b26;
}

.nav-tab-scroll-directions .left-arrow button {
    left: 0;
    border-radius: 0 20px 20px 0;
}

.nav-tab-scroll-directions .right-arrow button {
    right: 20px;
    border-radius: 20px 0 0 20px;
}

.mastervendor-icon {
    font-size: 80px;
    text-align: center;
    display: block;
    color: #fff;
    opacity: 0.2;
}

.choose-vendoricons i {
    position: inherit;
    top: 26px;
    right: 0px;
    left: auto;
    font-size: 22px;
    color: #999;
    padding: 0 5px;
    background: #eee;
    height: 34px;
    line-height: 1.6;
}
.filter--optionstable 
.choose-vendoricons i {
position: absolute;
    top: 2px;
    right: 14px;
}
.quicksearchlov {
    position: absolute;
    top: 21px;
    right: 6px;
    left: auto;
    font-size: 22px;
    color: #999;
    padding: 0 10px;
    background: #f5f5f5;
    height: 34px;
    line-height: 0;
    cursor: pointer;
}

.viewonly-forms .quicksearchlov {
    position: absolute;
    top: 23px;
    right: 1px;
}

.quicksearchlov .p {
    font-size: 12px;
}

.quicksearchlov i {
    padding: 0;
    font-size: 19px;
    vertical-align: middle;
    line-height: 1.8;
}

.onlististingtable {
    margin: 20% 0;
    display: block;
    text-align: center;
}

.onlististingtable .addnew-icons i {
    font-size: 60px;
    color: #ddd;
}

.search-masterdetails .close-search,
.search-masterdetails .close-search:hover {
    top: 9px !important;
}

.lookup-fieldmodalform .lookup-smallmodal {
    width: 980px;
    max-width: 980px;
    min-width: 980px;
    height: auto;
    margin: 30px auto 0;
}

.lookup-fieldmodalform .lookup-smallmodal .customform-main-header {
    padding: 5px 20px;
    min-height: 50px;
}

.lookup-fieldmodalform .lookup-smallmodal .customform-content-body.process-form-tab {
    min-height: calc(100vh - 16.5vh);
    max-height: calc(100vh - 16.5vh);
    padding: 20px;
    background: #fff;
}

.lookup-fieldmodalform .lookup-smallmodal .customform-content-body .process-tab-form-section {
    min-height: calc(100vh - 26vh);
    max-height: calc(100vh - 26vh);
    margin: 5px 10px 10px;
}

.lookup-fieldmodalform .lookup-smallmodal .process-form-content-section .modal-footer {
    height: 45px;
}

.lookup-fieldmodalform .lookup-smallmodal .process-form-content-section .modal-footer .cancel-modal-btn button {
    height: 43px;
    width: 130px;
}

.mastervendorinfo-overview .process-info-overview-header {
    min-height: 73px !important;
}

.initaterequest-contentarea .choose-vendoricons i,
.task-grid-content .choose-vendoricons i {
    top: 26px;
    font-size: 22px !important;
    position: inherit;
}

.vendor-mastertable .table-responsive {
    min-height: 500px;
    max-height: 500px;
    overflow: auto !important;
}

.lookup-fieldmodalform .vendor-mastertable .table-responsive {
    min-height: 480px;
    max-height: 480px;
    overflow: auto !important;
}

.enities-section .entity-title {
    margin-bottom: 15px;
    font-size: 14px;
    color: #323232;
    font-weight: 600;
    line-height: 1.5;
}

.enities-section .mainheadings-caption {
    padding-left: 0;
    min-height: 330px;
    max-height: 330px;
    overflow-y: scroll;
}

.enities-section .mainheadings-caption li {
    width: 100%;
    padding: 5px 10px;
    list-style: none;
    margin-bottom: 3px;
    cursor: pointer;
}

.enities-section .mainheadings-caption li.active,
.enities-section .mainheadings-caption li.active:hover {
    cursor: pointer;
    border-left: 2px solid #009efb;
    color: #009efb !important;
    background: #c2dbef;
}

.enities-section .mainheadings-caption li:hover {
    background-color: #f9f9f9;
}

.enities-section .mainheadings-caption li a {
    font-size: 12px;
    font-weight: 400;
    color: #777;
}

.vendor-previewsection .myrequest-metrics-section,
.process-tadlistsection .myrequest-metrics-section {
    box-shadow: none;
}

.card-title .sub-breadcrums {
    padding-left: 0;
    display: inline-block;
    margin-bottom: 0;
}

.card-title .sub-breadcrums li {
    list-style: none;
    width: auto;
    float: left;
}

.card-title .sub-breadcrums li i {
    font-size: 18px;
    vertical-align: middle;
    color: #999;
}

.enities-section .master-listsection {
    background: #e6e6e6;
    height: 40px;
    padding: 5px !important;
    vertical-align: middle !important;
    font-size: 13px;
    color: #212529;
    font-weight: 600;
    line-height: 2.5;
    border-bottom: 2px solid #ddd;
    margin: 0 0 5px;
}

.onentitynorecord {
    margin-top: 80px;
    text-align: center;
}

.onentitynorecord i {
    font-size: 45px;
    color: #0000001f;
}

.actionvendor-icons i {
    font-size: 13px;
    padding: 3px;
}

.moreviewaction i {
    color: #999;
    font-size: 22px;
}

.newmastertext {
    font-size: 12px;
    font-weight: 400;
    color: #999;
}

.static-table .vendor-table i {
    right: 35px;
    top: 42px !important;
    left: auto;
}

.form-placement-actions .form-check .form-check-label {
    font-size: 12px !important;
}

.popup-actions .table-btn-add i {
    color: #fff !important;
}

.onlyprocesstabdesign .viewonly-forms .qm-designform nav ul li.active a {
    padding: 7px 20px;
}

.onlyprocesstabdesign .viewonly-forms .qm-designform nav ul li a {
    padding: 5px 20px;
}

.onlyprocesstabdesign .qm-designform nav ul li a {
    line-height: 2.5;
}

.no-box-shadow {
    box-shadow: none !important;
}

.grouptype-section .std-groups {
      padding: 0 10px;
    margin-bottom: 10px;
    color: #6d6e6f;
    font-weight: 500;
    font-size: 13px;
}

.lookup-dynamic-table .table .checkbox {
    width: auto;
}

.lookup-dynamic-table table thead tr {
    color: #636363;
    font-weight: 400;
    background: #ffffff;
    height: 40px;
}

.lookup-dynamic-table .form-group {
    padding-bottom: 0;
    margin: 0;
}

.lookup-dynamic-table .form-group .form-control {
    font-weight: 400 !important;
    border-bottom: none !important;
    margin: 0 !important;
}

.table-border .table>tbody>tr>td {
    border: 1px solid #dee2e6;
}

.table-border td,
.table-border th {
    border: 1px solid #dee2e6;
}

.lookup-dynamic-table .lookup-add-row-btn {}

.lookup-dynamic-table .lookup-add-row-btn .btn-addrow {
    margin: 5px 0 10px 0;
    background: #fff;
    color: #26c6da;
    margin-left: 10px;
}

.lookup-dynamic-table input:focus {
    background: #F9FCB7 !important;
    transition: 3s;
}


.view-designed-table .table tbody>tr>td:first-child,
.view-designed-table .table tbody>tr>td {
    padding: 10px 15px !important;
}

.view-designed-table .table>tbody>tr>td {
    padding: 10px 15px !important;
}

.lookup-dynamic-table .table>thead>tr>th {
    font-size: 13px;
    color: #151b26;
    font-weight: 600;
}

.lookup-dynamic-table .row-lookup-action i {
    font-size: 20px !important;
    color: #a9a9a9;
    padding: 0 5px;
    background: #eee;
    height: 36px;
    line-height: 1.9;
}

.lookup-dynamic-table .td-actions .btn:not(.btn-just-icon):not(.btn-fab) .fa,
.lookup-dynamic-table .td-actions .navbar .navbar-nav>li>a.btn:not(.btn-just-icon):not(.btn-fab) .fa {
    font-size: 14px;
    margin-top: -2px;
    position: relative;
    top: 2px;
}

.lookup-dynamic-table .table>tbody>tr>td.checkbox {
    background: #ffffff !important;
    color: #666;
    width: 100% !important;
    border: 1px solid #dee2e6;
    border-right: none;
    border-top: none;
}

.table .checkbox,
.table .radio {
    margin-top: 0!important;
}

.lookup-dynamic-table .table>tbody>tr>td:first-child {
    text-align: center;
}

.designbottomtable-gridster .gridster-main-content .table>tbody>tr>td .form-control[disabled],
.designbottomtable-gridster .gridster-main-content fieldset[disabled] .form-control,
.designbottomtable-gridster .gridster-main-content .table>tbody>tr>td .form-group .form-control[disabled],
.designbottomtable-gridster .gridster-main-content fieldset[disabled] .form-group .form-control {
    border-bottom: none !important;
}


/* .lookup-dynamic-table .table>tbody>tr>td:nth-child(2) {
    text-align: center;
    } */

.lookup-dynamic-table .table>thead:first-child>tr:first-child>th {
    padding: 10px 15px !important;
    vertical-align: middle !important;
    font-size: 12px;
    color: #58666e;
    font-weight: 600;
    background-color: #E4ECF7;
    border-bottom: 1px solid #d9e0e8;
}

.lookup-dynamic-table .table>tbody>tr>td {
    vertical-align: middle !important;
    font-size: 12px;
    line-height: 1.428571429;
    color: #333 !important;
    font-weight: 400;
}

.lookup-dynamic-table .table>thead>tr>th {
    padding: 5px 5px !important;
    vertical-align: middle !important;
    font-size: 13px;
    color: #54666f;
    font-weight: 600;
}

.table-xscrollbar {
    overflow-x: scroll !important;
}


/* .form-box-shadow {
    box-shadow: 0 6px 10px #c3c3c3;
} */

.mytaskviewonlyforms {
    box-shadow: none;
}

.slash-arrow i {
    font-size: 18px;
    vertical-align: middle;
}

.std-groups b {
    font-size: 14px;
    font-weight: 400;
    color: #6d6e6f;
}

.on-noheader {
    top: 0 !important;
}

.lookup-datatable-xscrollable {}

.lookup-datatable-xscrollable table {
    position: relative;
    width: 960px;
    overflow: hidden;
    border-collapse: collapse;
    margin: -6px;
}

.lookup-datatable-xscrollable thead {
    position: relative;
    display: block;
    width: 960px;
    overflow: visible;
}

.lookup-datatable-xscrollable thead th {
    min-width: 120px;
}

.lookup-datatable-xscrollable thead th:nth-child(1) {
    position: relative;
    display: block;
    padding: 12px 8px !important;
    border-bottom: none;
    background: #ccc;
    line-height: 2.37;
}

.lookup-datatable-xscrollable tbody {
    position: relative;
    display: block;
    width: 960px;
    overflow: scroll;
    min-height: 500px;
    max-height: 500px;
}

.lookup-datatable-xscrollable tbody td {
    min-width: 120px;
}

.lookup-datatable-xscrollable tbody tr td:nth-child(1) {
    position: relative;
    display: block;
    background: #f9f9f9;
}

.looup-btnclose {
    background: transparent !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: 5px;
    margin-top: 0 !important;
}

.image-previewmodal {
    width: 400px;
    margin: 30px auto;
    height: 400px;
    border-radius: 50%;
}

.image-previewmodal .modal-content {
    box-shadow: none;
    border-radius: 50%;
    height: 400px;
    width: 400px;
}

.image-previewmodal .modal-body img {
    display: block;
    width: 400px;
    height: 400px;
    border-radius: 50%;
}

.previewclosing-btn button.close {
    top: 40px;
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: absolute;
    right: 20px;
}

.previewclosing-btn .close i {
    font-size: 25px;
    padding: 5px
}

.previewclosing-btn .close i:hover {
    background: #f9f9f921;
    border-radius: 50pc;
    padding: 5px;
}


/*table entity stylings*/

.table-entitylists .listofentityrequired {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.table-entitylists .listofentityrequired li {
    list-style: none;
    width: 20%;
    float: left;
}

.table-entitylists {
    width: 600px !important;
}

.table-entitylists .entityinput {
    width: 45px;
    padding: 0 5px;
}

.table-entitylists .form-group label.control-label {
    margin: 0 0 10px 0 !important;
    width: 100%;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 13px;
    color: #666 !important;
    font-weight: 600;
}

.table-entitylists .fieldset-content .static-table .table>tbody>tr>td:first-child {
    text-align: left;
}

.table-entitylists .fieldset-content .static-table .table>tbody>tr>td {
    text-align: center;
}

.table-entitylists .fieldset-content .table .checkbox {
    margin-top: 0x;
    width: auto;
}

.document-templatearea {
    background: #ffffff;
    font-size: 12px;
    min-height: calc(100vh - 20vh);
    max-height: calc(100vh - 20vh);
    font-weight: 400;
    margin: 30px 120px;
}

.Emailtemplate-contentarea .email-editablecol {
    background: #ffffff;
    font-size: 12px;
    min-height: calc(100vh - 14vh);
    max-height: calc(100vh - 14vh);
    font-weight: 400;
    margin: 10px 10px;
}

.Emailtemplate-contentarea .subject-field .form-control {
    border-bottom: 1px solid #ddd !important;
    border-radius: 0;
    margin-top: 0 !important;
}

.Emailtemplate-contentarea .cke_contents {
    height: 100px !important;
}

.Emailtemplate-contentarea .buttton-metadata {
    position: absolute;
    right: 0;
    top: 12px;
    border-radius: 0;
}

.Emailtemplate-contentarea .subject-metadata {
    margin: 0;
    height: 36px;
    margin-top: 21px;
    border-radius: 0;
    border-left: none;
    background: transparent !important;
    color: #555 !important;
    border: 1px solid #eee;
    box-shadow: none !important;
}

.Emailtemplate-contentarea .email-previewcol {
    background: #fff;
    font-size: 12px;
    min-height: calc(100vh - 14vh);
    font-weight: 400;
    margin: 10px 10px;
    border: 4px double #151b26;
    position: relative;
}

.email-socialmedia-icons {
    display: inline-block;
    width: 100%;
    padding: 15px 10px 0 5px;
}

.email-socialmedia-icons i {
    font-size: 14px;
    padding: 0 10px;
    font-weight: 400 !important;
}

.email-previewcol .imagesection {
    padding: 30px;
    text-align: center;
    border-bottom: 2px dotted #ddd;
}

.email-previewcol .imagesection img {
    width: 180px;
    height: 45px;
}

.email-previewcol .headersection,
.email-previewcol .bodysection {
    padding: 20px;
    display: block;
    word-break: break-word;
}

.email-previewcol .header-title {
    padding-bottom: 20px !important;
    font-size: 26px !important;
    color: #163450 !important;
    line-height: 1.3 !important;
    border-bottom: 1px solid #eceff1 !important;
    width: 100% !important;
    text-align: center;
}

.email-previewcol .bodysection {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    padding: 0 20px;
    min-height: 286px;
    max-height: 286px;
    overflow-y: scroll;
    background: #fff;
}

.email-previewcol .footersection {
    padding: 0 0;
    display: block;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    position: relative;
    bottom: 0;
    width: 100%;
}

.email-previewcol .footercontent {
    padding-top: 15px;
    font-size: 10px;
    color: #fff;
    border-top: 1px solid #eceff1;
    width: 100%;
    font-weight: 300;
    text-align: center;
    padding-bottom: 6px;
    line-height: 1.7;
    letter-spacing: 0.2px;
}

.applist-dashboard-footer {
    /* background: #f7f7f7; */
    /* color: #999; */
    /* padding: 5px 0; */
    /* text-align: center; */
    /* margin-top: 60px; */
}

.applist-dashboard-footer ul {
    padding-left: 0;
    display: inline-block;
    float: left;
    margin-bottom: 0;
}

.applist-dashboard-footer ul li {
    list-style: none;
    float: left;
    width: auto;
}

.applist-dashboard-footer ul li a {
    padding: 10px;
    font-size: 10px;
    font-weight: 300;
    text-transform: capitalize;
    color: #fff;
}

.applist-dashboard-footer p,
.applist-dashboard-footer a {
    padding: 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: capitalize;
    color: #111;
}

.choose-metadataemailtemplate .multiselect-mtdata ul li {
    list-style: none;
}

.choose-metadataemailtemplate .multiselect-mtdata ul li a {
    cursor: pointer;
    margin: 5px 3px 5px 0;
    padding: 0 8px;
    border-radius: 12px;
    color: #999999;
    font-size: 10px;
    text-transform: inherit;
    line-height: 2em;
    padding-left: 0.8em;
    float: left;
    background: #ffffff;
    border: 1px solid #999999;
    font-weight: 600;
}

.choose-metadataemailtemplate .multiselect-mtdata ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    padding: 0;
    margin-top: 0;
    box-sizing: border-box;
}

.choose-metadataemailtemplate .multiselect-mtdata ul li a i {
    font-size: 11px;
    line-height: 2;
    margin-left: 3px;
    font-weight: 700;
    vertical-align: middle;
}

.email-previewcol .oninitalload-preview {
    max-height: 300px;
    min-height: 300px;
    text-align: center;
    display: block;
    padding: 100px;
}

.email-previewcol .oninitalload-preview i {
    font-size: 55px;
    color: #e8e8e8ad;
}

.choose-metadataemailtemplate .close-search {
    top: 10px !important;
    right: 8px !important;
}

.choose-metadataemailtemplate .close-search:hover {
    top: 10px !important;
    right: 8px !important;
}

.reports-text {
    margin: 0 0 3px;
    font-size: 11px;
    font-weight: 600;
    color: #999;
}

.favourite-icons {
    font-size: 17px;
    vertical-align: bottom;
    color: #ec7e08 !important;
}

.sub-processname i.edit-icons {
    font-size: 15px;
    vertical-align: sub;
    color: #99aab4fc;
}

.count-reports {
    font-size: 23px;
    color: #555;
}

.favouritereports-sectionlhs .list-offavreportsfixedsection {
    height: calc(100vh - 21vh);
    position: fixed;
    width: 30%;
}

.favouritereports-sectionlhs .list-offavreportsfixedsection {
    padding: 0;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.table-minheightscroll {
    min-height: 430px;
    max-height: 430px;
    overflow-y: scroll;
}


/* .reprtdashboard-page .report-listingsection {
    min-height: calc(100vh - 34vh);
    max-height: calc(100vh - 34vh);
    } */

.reprtdashboard-page .report-listingsection .label {
    margin: 0;
    display: inline-block;
    padding: 4px 10px;
}

.favourite-markedas i {
    font-size: 16px;
    color: #ff7800 !important;
}

.edit-icons i {
    font-size: 16px;
    color: #99aab4;
}

.report-deatilssection .card .widget-recordcount {
    padding: 5px 0 0;
    font-size: 11px;
    line-height: 1.7;
}


/* 
.report-deatilssection {
    background: #fff;
    display: block;
    height: calc(100vh - 22vh);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    } */

.report-deatilssection .card .widget-footer {
    padding: 0 15px 13px;
}

.reports-detailspage .process-value-section {
    margin: 0;
    border-top: none;
}

.view-reportspage .table-responsive {
    min-height: 465px;
    max-height: 465px;
    overflow: scroll !important;
}

.abouthelp-icon a i {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    font-size: 18px;
    color: #fff;
    opacity: 0.6;
}

.abouthelp-icon a i:hover {
    opacity: 1;
}

.table-dropdownselect .btn-dropdown {
    width: 100%;
    text-align: left;
    padding: 10px;
    background: transparent !important;
    border: 1px solid #ced4da;
    box-shadow: none !important;
    color: #555 !important;
}

.table-dropdownselect ul.dropdown-menu {
    top: 50px;
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 300px;
    max-height: 300px;
    overflow-y: scroll;
}

.table-dropdownselect ul.dropdown-menu li>a {
    font-size: 12px;
    padding: 10px 10px;
    margin: 0;
    border-radius: 0;
}

.action-buttonfooter {
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    padding: 0 10px;
}

.reports-nav-tablist {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 2px;
}

.reports-nav-tablist ul li.active {
    opacity: 1;
    border-left: 5px solid #508ef5;
    background: #d6eafa;
    box-shadow: none;
    font-size: 12px;
    transition: all .3s;
    border-bottom: 1px solid transparent;
}

.reports-nav-tablist ul li {
    list-style: none;
    float: left;
    width: 100%;
    padding: 18px 20px;
    cursor: pointer;
    background: #fff;
    text-align: center;
    border-bottom: 1px solid #eee;
    height: 97px;
    line-height: 4.3;
}

.reports-nav-tablist ul li.active .tablisting-icons i {
    color: #508ef5;
}

.tablisting-icons i {
    font-size: 25px;
    color: #99aab4;
    vertical-align: text-bottom;
}

.reports-nav-tablist ul li.active .title {
    color: #2d383e;
}

.reports-nav-tablist .title {
    font-weight: 600;
    line-height: 1.8;
}

.reports-detailspage .tab-sectionlisting {
    background: #ffffff;
    min-height: calc(100vh - 35vh);
    max-height: calc(100vh - 35vh);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    position: fixed;
    width: 22.55%;
}

.lookup-dynamic-table table {
    width: auto !important;
}

.notify-count {
    display: inline-block;
    min-width: 10px;
    padding: 4px 5px;
    font-size: 10px;
    color: #fff;
    vertical-align: middle;
    background-color: #ff0000;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 7px;
    left: auto;
    font-weight: 700;
}

.nonotification-section {
    text-align: center;
    font-size: 12px;
    color: #ccc;
    padding: 100px 0;
}

.nonotification-section img {
    max-height: 45px;
    opacity: 0.6;
}

.nonotification-section p {
    margin: 10px;
    color: #999;
}


/*ums redesign*/

.qm-static-table .user-status-dropdown .dropdown-menu {
    top: 20px;
    left: auto;
    right: 0;
}

p.nometadataerror {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px;
    color: #99aab4;
}

.settimeforemail .input-control {
    width: 50px;
    border: none;
    border-bottom: 1px dashed #999;
    margin: 0 5px 0 0;
    background: #ffff0042;
}

.settimeforemail .input-control:focus {
    background: #fff;
    border-bottom: 1px solid #999;
}

.sidebar-widget-table {
    position: relative;
    width: 100%;
    height:calc(100vh - 0vh);
    border-color: #d7dfe3;
    border-radius: 4px;
}

.user-groupdropdown .dropdown-menu {
    left: auto;
    right: 0;
    min-width: 300px;
    padding: 0;
    margin: 0;
}

.user-groupdropdown .dropdown-menu .groups-box ul {
    padding-left: 0;
    margin-top: 0;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 0;
}

.user-groupdropdown .dropdown-menu .groups-box ul li {
    list-style: none;
    width: auto !important;
    float: left !important;
    font-size: 11px;
    font-weight: 400;
    background: transparent;
    border: 1px solid #ddd;
    padding: 5px 10px !important;
    margin: 2px !important;
    max-width: inherit !important;
    min-width: inherit !important;
    line-height: 1.4;
}

.user-groupdropdown .dropdown-menu .groups-box h4 {
    font-size: 14px;
    padding: 0 10px;
    font-weight: 400;
    color: #555;
}

.modal-footer .info-error-message {
    font-size: 12px;
    font-weight: 600;
    line-height: 3;
    padding: 5px 15px;
    float: left;
}

.tasklists-actiontab .task-detail-dropdown {
    min-width: 350px;
}

.tasklists-actiontab .task-details-card-actions .dropdown-content {
    max-height: 470px;
    min-height: 470px;
    z-index: 999;
    overflow-y: hidden;
}

.template-bodycontentarea {
    min-height: calc(100vh - 20vh);
    max-height: calc(100vh - 20vh);
    overflow-y: scroll;
}

.rich-textview {
    min-height: 150px;
    border: 1px solid #ced4da;
    padding: 5px 10px;
}

.added-button {
    position: absolute;
    right: 0;
    top: 56px;
    border-radius: 0;
    z-index: 1;
    margin: 0;
}


/* reports dashboard page */

.reports-listing-card .reports-icons i {
    font-size: 35px;
    color: #aaa;
    line-height: 1.5;
}

.reports-listing-card .r-c-footer {
    margin: 0 0 0;
    padding: 0;
    text-align: center;
    height: 35px;
    border: none;
}

.text-ofreports {
    position: absolute;
    bottom: 6px;
    width: 100%;
    left: auto;
    right: auto;
    text-align: center;
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #555;
}

.bg-categoryonly {
    width: 100%;
    position: relative;
    height: 35px;
    opacity: 0.15;
}

.reports-listing-card .r-c-body .processname {
    font-size: 13px;
}

.bg-color-demo {
    background: #00c292;
}

.bg-color-demo1 {
    background-color: rgb(233, 30, 99);
}

.bg-color-demo2 {
    background-color: rgb(205, 220, 57);
}

.lhs-reportsdropdown .btn {
    background: transparent;
    color: #555;
    float: right;
    box-shadow: none;
    border: 1px solid #eee;
}

.lhs-reportsdropdown .dropdown-menu {
    top: 38px;
    left: auto;
    right: 0;
}

.action-r-icons .view-request-icon {
    font-size: 13px !important;
    padding: 0 5px;
}

.favouritereports-sectionlhs .label {
    padding: 0 10px;
}

.favouritereports-sectionlhs .table>tbody>tr>td {
    padding: 8px 8px;
}

.demo0 {
    background: rgba(0, 194, 146, 0.2);
    border: 1px solid rgba(0, 194, 146, 0.1);
}

.demo1 {
    background: rgba(233, 30, 99, 0.2);
    border: 1px solid rgba(233, 30, 99, 0.1);
}

.demo2 {
    background: rgba(205, 220, 57, 0.2);
    border: 1px solid rgba(205, 220, 57, 0.1);
}

.reports-detailspage .process-info-overview-header {
    background: rgb(205, 220, 57);
    min-height: 130px;
}

.reports-detailspage .process-info-overview-header .process-name-dp {
    padding: 7px 0 0;
    font-size: 35px;
}

.reports-detailspage .process-info-overview-header .info-process-name {
    margin: 7px 0 5px;
    font-size: 16px;
    font-weight: 600;
}

.reports-detailspage .category-text {
    font-size: 11px;
    font-weight: 600;
}

.lhs-contenttabs ul {
    padding-left: 0;
    border-bottom: 1px dashed #eee;
    display: inline-block;
    padding-bottom: 15px;
    width: 100%;
    padding-top: 15px;
    text-align: right;
    margin: 0 auto;
}

.lhs-contenttabs ul li {
    list-style: none;
    float: left;
    border: 1px solid #eee;
    padding: 5px 10px;
    margin: 0 7px;
    border-radius: 5px;
    font-size: 12px;
    color: #999;
    cursor: pointer;
    text-align: center;
    width: 45%;
    background: #f9f9f9;
}

.lhs-contenttabs ul li.active {
    border: 1px solid #aaa;
    font-size: 12px;
    color: #555;
    font-weight: 600;
    background: #fff;
}

.process-value-section ul {
    padding-left: 0;
}

.process-value-section ul li {
    list-style: none;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6;
}

.list-actionicons i {
    padding: 0 5px;
}

.list-actionicons .favourite-icon {
    color: #ff7800 !important
}

.widget-footer .btn-default .icons {
    font-size: 12px !important;
    margin-top: 0 !important;
    top: 0 !important;
}

.header-ribbon-reports {
    position: relative;
    background-color: #fff;
    height: 70px;
    display: block;
    width: 100%;
}

.header-ribbon-reports .ribbon-actions ul {
    padding-left: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    float: right;
}

.header-ribbon-reports .ribbon-actions ul li {
    list-style: none;
    width: 20%;
    float: right;
    text-align: center;
    margin: 10px 0;
    border-right: 1px dotted #eee;
    height: 50px;
}

.header-ribbon-reports .ribbon-actions ul li:last-child {
    border-right: none;
}

.header-ribbon-reports .ribbon-actions ul li .r-icon-title i {
    font-size: 30px;
    vertical-align: bottom;
    color: #3e3e52;
}

.header-ribbon-reports .ribbon-actions ul li .r-icon-title {
    font-size: 11px;
    font-weight: 600;
    color: #999;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0.2px;
}

.header-ribbon-reports .ribbon-title {
    font-size: 18px;
    margin: 0;
    padding: 15px;
    line-height: 2.24;
    font-weight: 400;
}

.foot-steps .footstep-prev-next {
    padding: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #999;
}

.foot-steps .footstep-prev-next i {
    font-size: 21px;
    vertical-align: bottom;
}

.foot-steps .footstep-prev-next.active {
    font-size: 13px;
    color: #555;
}

.tab-label {
    font-size: 15px;
    font-weight: 600;
    color: #999;
}

.tab-label-field {
    font-size: 13px;
    font-weight: 400;
    color: #999;
    line-height: 5;
}

.success-icons {
    vertical-align: middle;
    font-size: 20px;
    color: #01bd90;
}

.listing-tables-reports .mainheadings-caption li.active a {
    color: #151b26;
    font-size: 12px;
    font-weight: 600;
}

.fieldselection-section p.select-fieldsstarting {
    margin: 0;
    padding: 20px 0;
    font-size: 13px;
    font-weight: 600;
    color: #555;
}

.reportcard-heading {
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 0;
    line-height: 1.5em;
}

.reports-detailspage .process-tab-section {
    min-height: calc(100vh - 35vh);
    max-height: calc(100vh - 35vh);
}

.mainheadings-caption {
    padding-left: 0;
    min-height: 270px !important;
    max-height: 270px !important;
    overflow-y: scroll;
}

.reporttable-scrolled {
    min-height: 325px;
    max-height: 325px;
    overflow-y: scroll;
}

.reporttable-scrolled .table>tbody>tr>td {
    padding: 10px 5px !important;
}

.reports-nav-tablist ul li.active .tab-label {
    color: #508ef5;
}

.filter-inputdetails .input-delete-icon {
    line-height: 5.6;
}

.filter-inputdetails .input-delete-icon i {
    font-size: 17px;
    color: #999;
    vertical-align: sub;
}

.filter-inputdetails {
    min-height: 375px;
    max-height: 375px;
    overflow-y: scroll;
    padding-top: 10px;
}

.reports-detailspage .perfect-scrollbar-on::-webkit-scrollbar,
.reports-detailspage .panel-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #fff;
}

.fieldselection-section .listing-r-heading {
    background: transparent;
    height: 40px;
    padding: 0 !important;
    vertical-align: middle !important;
    font-size: 13px;
    color: #555;
    font-weight: 600;
    line-height: 3;
    border-bottom: none;
    margin: 0;
}

.fieldselection-section .listing-tables-reports .mainheadings-caption li {
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 5px 10px;
    list-style: none;
    margin-bottom: 3px;
    cursor: pointer;
}

.fieldselection-section .listing-tables-reports .mainheadings-caption li.active,
.fieldselection-section .listing-tables-reports .mainheadings-caption li.active:hover {
    cursor: pointer;
    border-left: 2px solid #009efb;
    color: #009efb !important;
    background: #c2dbef;
}

.fieldselection-section .listing-tables-reports .mainheadings-caption li:hover {
    background-color: #f9f9f9;
}

.fieldselection-section .listing-tables-reports .mainheadings-caption li a {
    font-size: 12px;
    font-weight: 400;
    color: #777;
}

.move-btn-icons {
    font-size: 9px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent;
    border: none;
}

.move-btn-icons i {
    font-size: 14px !important;
}

.selected-fieldsmodal .content-area .table>tbody>tr:first-child>td {
    border-top: none !important;
}

.header-ribbon-reports .btn-back-prev {
    line-height: 5.5;
    padding: 5px;
    background: #f9f9f9;
    margin: 0;
    border-right: 1px solid #eee;
    border-radius: 0;
}

.header-ribbon-reports .btn-back-prev i {
    font-size: 30px;
    color: #99aab4;
}

.reports-resultssection .card-resulttable .table-responsive {
    min-height: 380px;
    max-height: 380px;
    overflow: scroll !important;
}

.share-withmodalform .share-button {
    margin-top: 22px;
    margin-bottom: 0;
    height: 36px;
    border-radius: 0;
    margin-left: 0;
}

.listed-manually-users,
.listed-allmembers {
    padding-left: 0;
    margin-top: 10px;
}

.listed-manually-users li,
.listed-allmembers li {
    list-style: none;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px solid #efefef;
    padding: 10px 0;
}

.listed-manually-users li .btn-simple {
    margin: 0;
    text-align: right;
    padding: 0;
}

.allmemebers-sharedtitle {
    font-weight: 400;
    font-size: 16px;
}

.reports-headersticky {
    width: 100%;
    position: relative;
    background: #f9f9f9;
    height: 66px;
}

.reports-headersticky ul {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
}

.reports-headersticky ul li {
    width: auto;
    float: left;
}

.reports-headersticky ul li a {
    width: auto;
    display: inline-block;
    height: 66px;
    padding: 15px 10px;
    font-size: 15px;
    font-weight: 600;
    min-width: 200px;
    cursor: pointer;
    line-height: 1.2;
    color: #999;
}

.reports-headersticky ul li a p {
    margin-bottom: 0;
}

.reports-headersticky ul li a small {
    font-size: 11px;
}

.reports-headersticky ul li a i {
    color: #aaaaaa;
    font-size: 24px;
    margin-top: 3px;
}

.reports-headersticky ul li a.active,
.reports-headersticky ul li:hover a {
    background-color: #fff;
    color: #555 !important;
}

.reports-headersticky ul li a.active i,
.reports-headersticky ul li:hover a i {
    color: #555;
}

.reports-headersticky .tab-closingicons i {
    position: absolute;
    top: -10px;
    right: 2px;
    z-index: 999;
}

.reports-headersticky .tab-closingicons i {
    font-size: 12px !important;
    width: 16px;
    height: 16px;
    color: #ccc !important;
    font-weight: 400;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 1px;
}

.listing-section-reports {
    min-height: 290px;
    max-height: 290px;
    overflow-y: scroll;
}

.taskcontent-area {
    min-height: 450px;
    max-height: 450px;
    overflow-y: scroll;
        display: block;
    width: 100%;
}

.fontcolor-offallreports p,
.fontcolor-offallreports small {
    color: #508ef5 !important
}

.icons-ofallreports i {
    color: #b7d1e9 !important;
}

.summaries-section .summaries-textof {
    line-height: 2.5;
    padding: 0 !important;
}

.summaries-section .calculateheading {
    padding: 0 15px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #555;
}

.summaries-section .filter-inputdetails .input-delete-icon {
    line-height: 2.5;
    padding: 0 !important;
}

.sumarize-listingarea ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.sumarize-listingarea ul li {
    width: 100%;
    display: inline-block;
}

.sumarize-listingarea ul li .calculate-field {
    list-style: none;
    width: auto;
    float: left;
    padding: 0 15px;
}

.sumarize-listingarea ul .calculate-field .form-group .form-control {
    margin-top: 0;
}

.sumarize-listingarea ul li .calculate-field.widthofrow {
    width: 160px;
}

.brkdown-btn,
.brkdown-btn:hover,
.brkdown-btn:focus {
    background-color: #00b0e4 !important;
}

.header-borderline {
    border-bottom: 1px solid #ccc !important;
}

.dropdowndescription {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    margin: 0;
}

.document-task-modal .table tr:first-child td,
.task-assignedtask-modal .table tr:first-child td {
    border-top: none;
}

.collabrate-popup .modal-dialog {
    margin-top: 30px !important;
}

.btn-task {
    padding: 12px 20px !important;
}


/*textarea.bg-fortextarea{
    background-color: #fafbd6!important;
}*/

.choose-bgcolor .form-colorcontrol {
    display: inline-block;
    width: 18px;
    padding: 0 !important;
    height: 18px;
    line-height: 0;
    border: none;
    border-radius: 50px;
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer;
}

.choose-bgcolor input[type="color"i]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.choose-bgcolor input[type="color"i]::-webkit-color-swatch {
    border-radius: 50px;
    border-color: transparent;
}

.border-colorinfo {
    width: 100%;
    display: block;
    font-size: 11px;
    font-weight: 300;
    font-style: italic;
    color: #808080;
    float: right;
}

.choose-bgcolor .form-group .checkbox-inline {
    width: 20%;
}

.action-iconsinsidesection {
    position: inherit;
    top: 0;
    right: 0;
    padding: 2px 0;
    background: #edf4f8;
    border-radius: 4px;
    border: 1px dashed #ccc;
    z-index: 99;
}

.con-entity--tablesearch input {
    border: none;
    border-bottom: 1px solid #777;
    background: transparent;
    width: 100%;
    font-size: 11px;
    font-style: italic;
    color: #777;
    line-height: 2.4;
    border-radius: 2px;
}

.td-radiobtn-actions input[type=radio] {
    margin: 4px 3px 0 0;
    vertical-align: sub;
    padding: 5px;
}

.conf--userentity-lookuptable .lookup-datatable-xscrollable table {
    width: 1100px;
}

.conf--userentity-lookuptable .lookup-datatable-xscrollable thead {
    width: 1100px;
}

.conf--userentity-lookuptable .lookup-datatable-xscrollable tbody {
    width: 1100px;
}

.processes--lists ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    height: 50px;
}

.processes--lists ul li {
    list-style: none;
    width: auto;
    float: left;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    height: 50px;
    padding: 0 10px;
    margin: -6px 5px 0;
    cursor: pointer;
    background: #b9f3be5e;
    border: 1px solid rgb(184, 212, 195);
}


/* .processes--lists ul li:hover {
    transition: 1s;
    background: #b9f3be5e;
    border: 1px solid rgb(184, 212, 195);
    box-shadow: 0 1px 3px rgb(184, 212, 195);
} */

.processes--lists ul li.active {
    background: #b9f3be5e;
    border: 1px solid rgb(184, 212, 195);
}

.processes--lists ul li.disabled {
    pointer-events: none !important;
    opacity: 0.6 !important;
}

.processes--list--icons i {
    font-size: 20px;
    color: #aaaaaa;
    line-height: 2;
}

.processes--list--heading {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 11px;
    color: #323232;
    font-weight: 600;
}

.requestname-opt {
    font-size: 12px;
    font-weight: 500;
    color: #6d6e6f;
    padding-right: 5px;
    text-decoration: underline;
}

.processes--list--code {
    margin-top: 0;
    margin-bottom: 0 !important;
    font-size: 11px;
    color: #828282;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    line-height: 1;
}

.image-tablestylings {
    display: block;
    float: left;
}

.user-table-thumbnail .image-tablestylings img {
    width: 33px;
    border-radius: 50%;
    height: 33px;
}

.boolean-input-checkbox input[type=checkbox] {
    margin: 2px 0 0;
    margin-top: 1px;
    line-height: normal;
    vertical-align: middle;
    height: 17px;
    width: 17px;
}

.xs-mdscreen-modal .richtextbox-modal ul li.make-initate--btn a {
    color: #2a86f3;
    -webkit-transition: .2s;
}

.xs-mdscreen-modal .richtextbox-modal .header--actionsection ul li {
    width: 20%;
    padding: 0 10px;
}

.xs-mdscreen-modal .richtextbox-modal .header--actionsection ul {
    margin-top: -3px;
}

.file-type-choose .icon-upload {
    position: absolute;
    top: 0;
    left: auto;
    font-size: 22px;
    color: #999;
    padding: 0 5px;
    background: #eee;
    height: 34px;
    line-height: 1.6;
    right: 0;
}

.btn-cancel-upload .close-btn {
    margin: 0;
    position: absolute;
    top: 40px;
    right: 35px;
    z-index: 9;
    padding: 0;
}

.btn-cancel-upload:hover .close-btn {
    color: red;
}


/* .task--search-layout i{
    width: 0;
    box-sizing: border-box;
    border: none;
    border-radius: 21px;
    font-size: 25px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 0;
    transition: width 0.4s ease-in-out;
    display: inherit;
    float: right;
    margin: 3px 0 0 5px;
    position: absolute;
    top: 18px;
    right: 35px;
    background: transparent;
    color: #aaa;
}
.task--search-layout i:focus{
    width: 30%;
    background: #ffffca;

} */

.wrap-search {
    margin: 0;
    display: inline-block;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.wrap-search input[type="text"] {
    height: 40px;
    font-size: 55px;
    display: inline-block;
    font-weight: 100;
    border: none;
    outline: none;
    color: #555;
    padding: 3px;
    padding-right: 60px;
    width: 0;
    position: absolute;
    top: 14px;
    right: 9px;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}

.wrap-search input[type="text"]:focus:hover {
    border-bottom: 1px solid #BBB;
}

.wrap-search input[type="text"]:focus {
    width: 600px;
    z-index: 1;
    border: 1px solid #BBB;
    cursor: text;
    border-radius: 30px;
    padding: 0 15px;
}

.wrap-search input[type="submit"] {
    height: 40px;
    width: 40px;
    display: inline-block;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    cursor: pointer;
    opacity: 0.4;
    cursor: pointer;
    background: transparent;
    transition: opacity .4s ease;
}

.wrap-search input[type="submit"]:hover {
    opacity: 0.8;
}

.task--search-layout i {
    font-size: 20px;
    display: inline-block;
    padding: 0 20px;
    line-height: 3.2;
    text-align: center;
    color: #555!important;
}


/* process add new */

.addbtn--category .addbtn--category_form {
    margin: 22px 0 !important;
    padding: 4px 7px !important;
    background: #03a9f3 !important;
    border: 1px solid #03a9f3 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    font-weight: 600;
    border-radius: 2px;
}

.select--icons {
    height: 110px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    font-size: 12px;
    color: #151b26;
    background: #f1f1f154;
    width: 140px;
    position: absolute;
    top: 90px;
    right: 15px;
    border: 1px dashed #aaa;
}

.select--icons .select--icons__addtext .icons {
    display: block;
    font-size: 40px;
    color: #d5dce0;
    font-weight: 300;
    padding: 20px 0;
}

.select--icons:hover {
    color: #151b26;
}

.addbtn--category .process-add-catergory-btn {
       margin: 24px 0;
    padding: 5px 7px;
    background: #f1f1f1;
    border: 1px solid #ccc;
    font-size: 10px;
    line-height: 1;
    color: #555;
    font-weight: 600;
    border-radius: 2px;
}

.choose--entity .choose--entity__listing {
       min-height: 310px;
    max-height: 310px;
    overflow-y: scroll;
    width: 100%;
}

.choose--entity .choose--entity__listing.perfect-scrollbar-on::-webkit-scrollbar,
.choose--entity .choose--entity__listing.panel-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #fff;
}

.choose--entity__heading {
   margin-top: 0;
    font-size: 14px;
    font-weight: 500;
}

.choosen--entitydetails .child-en-item li {
    padding: 5px 10px;
    min-height: 30px;
    cursor: pointer;
    line-height: 2.5;
}

.choosen--entitydetails .par-en-item {
    padding: 20px 10px;
    min-height: 30px;
    border-bottom: 1px solid #ccc;
}

.choosen--entitydetails .par-en-title {
    font-size: 14px;
    font-weight: 600;
    color: #555;
}

.choosen--entitydetails .child-en-item {
    min-height: calc(100vh - 57vh);
    max-height: calc(100vh - 57vh);
    padding-left: 20px;
}

.choosen--entitydetails .child-en-item li.active:after {
    margin: -42px -10px 0 0;
    content: '\25C0';
    font-size: 25px;
    color: #b8b8b8;
    float: right;
    padding: 0;
}

.choosen--entitydetails .child-en-item li.active {
    background: #E6E6E6;
    line-height: 2.4;
}

.btn-addingfields {
    float: right;
    position: absolute;
    top: 5px;
    right: 15px;
}

.breadcrumb-entityfields {
    height: 36px;
    padding: 0;
    list-style: none;
    background-color: #fbfbfb;
}

.breadcrumb-entityfields li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}

.breadcrumb-entityfields li,
.breadcrumb-entityfields li a,
.breadcrumb-entityfields li span {
    display: inline-block;
    vertical-align: top
}

.breadcrumb-entityfields li:not(:first-child) {
    margin-left: -5px
}

.breadcrumb-entityfields li+li:before {
    padding: 0;
    content: ""
}

.breadcrumb-entityfields li span {
    padding: 0 10px
}

.breadcrumb-entityfields li a,
.breadcrumb-entityfields li:not(:first-child) span {
    height: 36px;
    padding: 0 10px 0 25px;
    line-height: 36px;
    color: #000;
    font-size: 14px;
}

.breadcrumb-entityfields li:first-child a {
    padding: 0 10px
}

.breadcrumb-entityfields li a {
    position: relative;
    color: #555;
    text-decoration: none;
    background-color: #dde1e2;
    border: 1px solid #dde1e2;
}

.breadcrumb-entityfields li:first-child a {
    padding-left: 10px
}

.breadcrumb-entityfields li a:after,
.breadcrumb-entityfields li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    color: #dde1e2 !important;
}

.breadcrumb-entityfields li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: #dde1e2;
    border-left-style: solid;
    border-left-width: 11px
}

.breadcrumb-entityfields li a:after {
    right: -11px;
    z-index: 2;
    border-left: 11px solid #dde1e2 !important;
}

.breadcrumb-entityfields li a:focus,
.breadcrumb-entityfields li a:hover {
    background-color: #dde1e2;
    border: 1px solid #dde1e2;
}

.breadcrumb-entityfields li a:focus:before,
.breadcrumb-entityfields li a:hover:before {
    border-left-color: #dde1e2 !important;
}

.breadcrumb-entityfields li a:active {
    background-color: #dde1e2;
    border: 1px solid #dde1e2;
}

.breadcrumb-entityfields li a:active:after,
.breadcrumb-entityfields li a:active:before {
    border-left-color: #2494be;
}

.breadcrumb-entityfields li span {
    color: #434a54;
    font-size: 12px;
}

.chooseentitybtn.table-btn-add.select-btn {
    padding: 5px!important;
    background: #fff!important;
    color: #26c6da!important;
    border: 1px dashed;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    float: right;
}

.chooseentitybtn.table-btn-add.select-btn:hover {
    background-color: #26c6da!important;
    color: #fff!important;
}

.manageentity-text {
    font-size: 12px;
}

.manageentity-text:hover {
    color: #1e90ff;
}

.select-entity-step1 .table-responsive {
       min-height: auto;
    max-height: 390px;
    overflow-y: scroll;
}

.process--addformssection .table-responsive {
    min-height: inherit;
    max-height: 320px;
    overflow-y: scroll;
}

.process--addformssection .perfect-scrollbar-on::-webkit-scrollbar,
.process--addformssection .panel-scrollbar::-webkit-scrollbar,
.process--addgroupsection .perfect-scrollbar-on::-webkit-scrollbar,
.process--addgroupsection .panel-scrollbar::-webkit-scrollbar,
.select-entity-step1 .perfect-scrollbar-on::-webkit-scrollbar,
.select-entity-step1 .panel-scrollbar::-webkit-scrollbar {
    background-color: #fff;
}

.lhs--pannelstepwizard .wizard {
    position: absolute;
    width: 100%;
}

.lhs--pannelstepwizard .wizard .nav-tabs {
    position: relative;
    margin: 0 auto;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
}

.lhs--pannelstepwizard .wizard>div.wizard-inner {
    position: relative;
}

.lhs--pannelstepwizard .connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.lhs--pannelstepwizard .wizard .nav-tabs>li.active>a,
.lhs--pannelstepwizard .wizard .nav-tabs>li.active>a:hover,
.lhs--pannelstepwizard .wizard .nav-tabs>li.active>a:focus {
    position: relative;
    margin: 20px auto;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
}

.lhs--pannelstepwizard span.round-tab {
    width: 35px;
    height: 35px;
    line-height: 1;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #ecebeb;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

.lhs--pannelstepwizard span.round-tab i {
    color: #e4e4e4;
    font-size: 18px;
    margin: 0!important;
}

.lhs--pannelstepwizard .wizard li.active span.round-tab {
    background: #70ecdf;
    border: 2px solid #50be9f;
}

.lhs--pannelstepwizard .wizard li.active span.round-tab i {
    color: #fff;
    font-size: 18px;
}

.lhs--pannelstepwizard .wizard li.in--progress span.round-tab {
    background: #75d1fb;
    border: 2px solid #02a8f3;
    width: 37px;
    height: 37px;
    line-height: 1.2;
    box-shadow: 0 5px 20px rgba(5, 126, 228, 0.22);
}

.lhs--pannelstepwizard .wizard li.in--progress span.round-tab i {
    color: #fff;
    font-size: 20px;
}

.lhs--pannelstepwizard span.round-tab:hover {
    color: #aaa;
    border: 2px solid #aaa;
}

.lhs--pannelstepwizard .wizard .nav-tabs>li {
    width: 16%;
}

.lhs--pannelstepwizard .wizard .nav-tabs>li a {
    width: 35px;
    height: 35px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.lhs--pannelstepwizard .wizard .nav-tabs>li a:hover {
    background: transparent;
}

.lhs--pannelstepwizard .wizard .nav-tabs>li.disabled {
    pointer-events: none;
}

.lhs--pannelstepwizard .wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.lhs--pannelstepwizard .wizard h3 {
    margin-top: 0;
}

.lhs--pannelstepwizard .nav-tabs {
    background: #ffffff4f;
    border: 0;
    border-radius: 3px;
    padding: 0 0;
}

.cursor-notallowed {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .3;
}

.user-managementview .user-card-content .user-name {
    margin: 0;
    font-weight: 600;
    text-transform: inherit;
    font-size: 14px;
    color: #151b26;
}

.user-managementview .user-card-content .emp-detail {
    font-weight: 400 !important;
    color: #505459 !important;
    font-size: 11px !important;
}

.single-milestone-action-buttons {
    bottom: 21px;
    right: 0;
    left: 0;
}

.single-milestone-action-buttons .btn-qm-delete {
    background: #ff4961;
    border: 1px dotted #fff;
    color: #fff;
}

.writemsg-panel {
    /* position: absolute; */
    width: 100%;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px;
    background: #F6F8F9;
    border-top: 1px dashed #ccc;
    min-height: 140px;
}

.writemsg-panel p {
    font-size: 12px;
    padding: 5px 0;
    margin: 0;
    color: #999;
    font-weight: 600;
}

.writemsg-panel textarea {
    background: #ffffff;
    border: 1px solid #505459;
    border-radius: 2px;
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
    min-width: 100%;
    max-width: 100%;
}

.writemsg-panel .chatsubmitbtn {
    background: #00bcd4;
    float: right;
    border: none;
    color: #fff;
    padding: 3px 25px;
    border-radius: 3px;
    font-size: 12px;
    margin: 0 0 10px 0;
}

.xs-mdscreen-modal .modal-content .modal-footer {
    padding: 5px 15px;
}

.choose--category-add .chosed-image .initaledit-icon a {
    font-size: 60px;
    color: #d5dce0;
    margin: 20px 0;
}

.add-process-new {
    background: #00bcd4;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 3px;
}

.add-process-new i {
    font-size: 65px;
    color: #337ab7;
    opacity: 0.4;
    margin-top: 10px;
}

.add-process-new p {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.add--selectprocess-people .process--addgroupsection .table-responsive {
    min-height: inherit;
    max-height: 270px;
    overflow-y: scroll;
}

.add--selectprocess-people .process-tab-section {
    min-height: calc(100vh - 48vh);
    max-height: calc(100vh - 48vh);
    border: 1px solid rgba(0, 0, 0, .125)!important;
    box-shadow: none!important;
}

.add--selectprocess-people .onempty-content .addheading {
    margin: 0 40%;
}

.add--selectprocess-people .process-people-tab-section .onlistingcatergory {
    min-height: calc(100vh - 50vh) !important;
}

.left--processdeatils .process-name-dp i {
    font-size: 120px;
    color: #fff;
    opacity: 0.5;
    margin: 20px 0 10px;
}

.left--processdeatils .info-process-name {
  font-size: 13px;
    color: #3e3e3e;
    margin: 0 0 20px;
    display: block;
    font-weight: 500;
}

.left-inner-content .left--processdeatils {
    padding: 30px;
    text-align: center;
}

.left-inner-content .info-process-code {
   font-size: 14px;
    color: #ffffff!important;
    margin: 5px 0;
    font-weight: 600;
    line-height: 1.5;
    word-break: break-word;
}

.left-inner-content .item-detail {
    border-radius: 50px;
    padding: 5px;
    position: relative;
    bottom: 0;
    display: block;
    width: auto;
    text-align: center;
    color: #fff;
    /* background-color: #ffffff2e; */
}

.right-inner-content .entityconfig-wizard .right-main-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    color: #3e3e3e;
    font-weight: 500;
}

.btn-deletedanger {
    background: transparent!important;
    color: #ffffff!important;
    border: none;
    box-shadow: none!important;
    padding: 5px 10px!important;
}

.task-header-tag {
    line-height: 2;
    font-weight: 600;
    font-size: 15px;
    color: #505459;
}
.inputeditcheck{
    line-height: 2!important;
    font-weight: 600!important;
    font-size: 14px!important;
    color: #505459!important;
    border: 1px solid #ddd;
    width: 800px;
    border-radius: 2px;
    padding: 0 10px;
}
.large__mainmodalform .custom-formmodal .customform-main-header {
    min-height: 0!important;
    padding: 0;
}

.large__mainmodalform .custom-formmodal .modal--outersection .header--titlesection {
    padding: 0;
    /*line-height: 4;*/
}

.large__mainmodalform .custom-formmodal .modal--outersection .modal-heade {
    border-bottom: none;
}

.large__mainmodalform .custom-formmodal .infomessage {
    float: right;
    font-size: 12px;
    font-weight: 400;
    text-transform: initial;
    line-height: 3.5;
}

.collapsing,
.dropdown.dropdown-chooseentity {
    position: initial;
}

.dropdown-chooseentity .dropdown-menu {
    position: absolute;
    bottom: 40px;
    right: 6px;
    top: inherit;
    min-width: 155px;
    max-width: 155px;
    left: inherit;
    margin: 0;
    padding: 0;
}

.dropdown-chooseentity .dropdown-menu a {
    width: 100%;
    display: block;
    padding: 10px 20px;
    border-top: 1px solid #eee;
    font-size: 12px;
    font-weight: 600;
    color: #555!important;
}

.dropdown-chooseentity .dropdown-menu a:hover {
    background-color: #f9f9f9;
}

.dropdown-chooseentity .dropdown-menu a i {
    font-size: 14px;
    float: right;
    margin-top: 5px;
    display: none;
}

.dropdown-chooseentity .dropdown-menu a:hover i {
    display: block;
}

.color-cancelled {
    color: #fc4b6c;
}

.form-group select {
    -webkit-appearance: menulist-button!important;
    appearance: menulist-button;
}

.large__mainmodalform .modal--outersection .header-section--vendor .header--actionsection ul li {
    width: auto;
}

.large__mainmodalform .modal--outersection .header-section--vendor .form-headertitle {
       font-size: 16px;
    padding: 5px 15px;
    font-weight: 500;
    color: #555555;
}

.form-settingsmodal .form-headertitle i,
.form-filtermodal .form-headertitle i {
    vertical-align: middle;
    font-size: 20px;
    color: #999;
}

.form-settingsmodal .switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 24px;
    margin-bottom: 0;
}

.form-settingsmodal .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.form-settingsmodal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.form-settingsmodal .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    right: auto;
}

.form-settingsmodal input:checked+.slider {
    background-color: #3bc7ac;
}

.form-settingsmodal input:checked+.slider:before {
    transform: translateX(26px);
}


/* Rounded sliders */

.form-settingsmodal .slider.round {
    border-radius: 34px;
}

.form-settingsmodal .slider.round:before {
    border-radius: 50%;
}

.form-settingsmodal .slider {
    margin-bottom: 0;
}

.form-settingsmodal .table>tbody>tr:first-child>td {
    border-top: none!important;
}

.form-settingsmodal .btn-toggle {
    margin: 0;
    padding: 0;
    position: relative;
    border: none;
    height: 2rem;
    width: 3.5rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

.form-settingsmodal .btn-toggle:focus,
.form-settingsmodal .btn-toggle.focus,
.form-settingsmodal .btn-toggle:focus.active,
.form-settingsmodal .btn-toggle.focus.active {
    outline: none;
}

.form-settingsmodal .btn-toggle:before,
.form-settingsmodal .btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.form-settingsmodal .btn-toggle>.handle {
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}

.form-settingsmodal .btn-toggle.active {
    transition: background-color 0.25s;
}

.form-settingsmodal .btn-toggle.active>.handle {
    left: 1.8rem;
    transition: left 0.25s;
}

.form-settingsmodal .btn-toggle.active:before {
    opacity: 0.5;
}

.form-settingsmodal .btn-toggle.active:after {
    opacity: 1;
}

.form-settingsmodal .btn-toggle:before,
.form-settingsmodal .btn-toggle:after {
    color: #6b7381;
}

.form-settingsmodal .btn-toggle.active {
    background-color: #29b5a8;
}

.form-filtermodal .table>tbody>tr>td {
    border-top: none;
    vertical-align: middle!important;
}

.form-filtermodal .filter--optionstable .form-group {
    padding: 0!important;
    margin: 10px 0 0;
}

.form-filtermodal .condition-add-new-btn,
.form-filtermodal .condition-add-new-btn:hover,
.form-filtermodal .condition-add-new-btn:focus {
    padding: 5px 10px !important;
    background: #03a9f3!important;
    border: 1px dashed #03a9f3;
    color: #fff;
    font-weight: 600 !important;
    border-radius: 20px;
    text-align: center;
    display: block;
    margin: 0 auto !important;
}

.formfilter--headinglist ul {
    padding: 0;
    width: 100%;
    display: inline-block;
    margin: 0;
}

.formfilter--headinglist ul li .title-action {
    color: #555;
    font-weight: 700;
    font-size: 13px;
}

.formfilter--headinglist ul li .selecting-processtype .form-group {
    padding-bottom: 0;
}

.formfilter--headinglist ul li .selecting-processtype .form-group .form-control {
    background: #fff!important;
    margin-top: 11px;
}

.formfilter--headinglist ul li {
    list-style: none;
    float: left;
    padding: 0 5px;
    text-align: center;
}

.formfilter--headinglist ul li .btn-toredirectinitate .btn-success {
    margin: 2px 0 0 0;
    height: 34px;
}

.form-filtertableheading {
    background: #fff;
    line-height: 4.4;
    height: 55px;
}

.form-sectiontofilter .vendor-mastertable .table-responsive {
    min-height: 480px;
    max-height: 480px;
    overflow: auto !important;
}

.filterbtn-action {
    border: 1px solid #d6d6d6;
    padding: 9px 10px;
    font-size: 16px;
    margin-top: 12px;
    height: 35px;
    cursor: pointer;
}

.filterbtn-action:hover {
    background: #fff!important;
    color: #26c6da;
    transition: 2s;
}

.header--actionsection ul li.make-initate--btn a {
    color: #2a86f3!important;
    transition: .2s;
}

.header--actionsection ul li.make-initate--btn a .fa {
    font-size: 19px!important;
    padding: 2px!important;
}

.md--modalform-screen .header--actionsection ul li:last-child {
    border-left: none;
}

.enitypage--listing .choose--entity__listing ul {
       border-top: none;
}

.enitypage--listing .choose--entity__listing ul li .icons {
    font-size: 27px;
    color: #3bd6ba;
}

.workflow--taskmodal .popup-modal-dialog {
    box-shadow: -4px 0 40px rgba(0, 0, 0, 0.35) !important;
    width: 1150px;
}

.workflow--taskmodal .header--actionsection ul {
    padding: 0;
}

.workflow--taskmodal .header--actionsection ul li {
    list-style: none;
    width: auto;
    padding: 0;
}

.workflow--taskmodal .popup-modal-fixed-height {
    margin-top: auto !important;
    height: calc(100vh - 0vh) !important;
    top: 0 !important;
}

.workflow--taskmodal .popup-modal-fixed-height .popup-modal-content .content-area {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: calc(100vh - 8vh);
    max-height: calc(100vh - 8vh);
    padding: 15px;
    margin-bottom: 0;
}

.border-rightf9 {
    border-right: 2px solid #f5f5f5;
}

.table-configurebtns .switch {
    width: 80px;
    height: 25px;
}

.table-configurebtns .switch-input:checked~.switch-handle {
    left: 59px;
}

.table-configurebtns .switch-handle {
    width: 22px;
    height: 22px;
}

.table-configurebtns .switch-handle:before {
    margin: -4px 0 0 -4px;
    width: 8px;
    height: 8px;
}

ul.Configure--header__list {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

ul.Configure--header__list li {
    width: 100%;
    padding: 10px 0;
}

ul.Configure--header__list li .process-name {
    font-size: 13px;
    font-weight: 600;
    color: #888;
}

.add-task-workflow .task-contentarea .button-display {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

.workflow--taskmodal .add-task-workflow .task-heading {
    padding: 0 0 8px;
}

.Configure--header_btns {
    border-top: 2px solid #f5f5f5;
    margin: 15px 0 0;
    padding-top: 20px;
}

.header--actionsection .header--btns .btn-default {
    background: transparent;
    color: #555;
    margin: 0;
    border: none;
    box-shadow: none;
    padding: 0 10px;
}

.header--actionsection .header--btns .btn-default i {
    display: block;
    color: #3D445194;
}

.view--conservationmaodal i {
    margin-top: 9px;
    vertical-align: text-bottom;
}

.btn--adhoctask {
    color: #26c6da!important;
    background: #FFF!important;
    border: 1px dashed #26c6da!important;
}

.btn--adhoctask:hover {
    color: #FFF!important;
    background: #26c6da!important;
    border: 1px dashed #fff !important;
}

.modal {
    background: #000000d9;
}

.btn-inputdropdown {
    margin-top: -7px;
    padding: 5px 5px !important;
    border: 1px solid #ced4da;
    border-radius: 3px;
    width: 100%;
    text-align: left;
    height: 37px;
    background: #fff!important;
    box-shadow: none;
    text-transform: inherit;
    color: #aaa!important;
}

.btn-inputdropdown .caret {
    text-align: right;
    float: right;
}

.secdrill-report {
    background: #fff;
    min-height: 500px;
    max-height: 500px;
}

.secdrill-report .table-minheightscroll {
    min-height: 365px;
    max-height: 365px;
    overflow-y: scroll;
}

.secondaryreporttab {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}

.secdrill-header {
    min-height: 50px;
    border-bottom: 1px solid #eee;
    background: #505459;
}

.secdrill-header ul {
    padding-left: 0;
}

.secdrill-header ul li {
    float: left;
    list-style: none;
}

.secdrill-header ul li a,
.secdrill-header ul li i {
    color: #fff!important;
}

.secdrill-header ul li.w10 {
    width: 10%!important;
}

.secdrill-header ul li.w80 {
    width: 80%!important;
}

.secondaryreporttab .secdrill-header .primarytitle {
    font-size: 16px;
    line-height: 3;
    text-align: center;
    font-weight: 600;
    color: #fff;
}

.questionnaire-changer i {
    font-size: 60px;
    color: #ccc;
}

.reversebtn {
    font-size: 12px;
    color: #555;
    text-decoration: underline;
}

.vendorlistsection {
    background: #f9f9f9;
}

.resultcount {
    font-size: 12px;
    text-align: right;
    float: right;
}

.qm-primetext {
    font-size: 14px;
    font-weight: 600;
    color: #455a64;
    margin-bottom: 15px;
}

.vendor-name {
    text-align: left;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    color: #090b17;
}

.vendor-progress {
    text-align: center;
    padding: 5px 0;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    color: #505459;
}

.global-questionnaire-section .task-overview-section .task-panel-body {
    margin-bottom: 30px;
    border-color: #d7dfe3;
    border-radius: 4px;
    -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    background: #ffffff;
    border: 1px solid #00000020;
}

.reports-listing-card .card {
    margin: 0 0 15px 0;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    border-radius: 20px;
    height: 100%;
    width: 100%;
    align-items: center;
    background: #fff;
    border: 1px dashed;
    box-sizing: border-box;
    color: #9ca6af;
    display: flex;
    fill: #9ca6af;
    /* justify-content: center; */
    position: relative;
}

.reports-listing-card .card-block {
    -ms-box-flex: 1;
    -o-box-flex: 1;
    -moz-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    cursor: pointer;
}

.reports-listing-card .card-block .card-title {
    color: #455a64;
    font-weight: 400;
    margin: 0;
}

.reports-listing-card .metric-count-list {
    padding: 15px 0 0 0;
}

.reports-listing-card .metric-count-list .count-widget .count-ddh6 {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #505459;
    line-height: 1.5em;
}

.reports-listing-card .metric-count-list .count-widget b {
    font-weight: 600;
    color: #455a64;
    font-size: 18px;
    line-height: 1.8;
}

.global-questionnaire-section .pageinnernav {
    text-align: right!important;
}

.global-questionnaire-section .pageinnernav a {
    font-size: 12px;
    color: #26c6da;
    text-decoration: underline;
}

.reports-listing-card .r-c-body {
    padding: 10px 10px;
}

.reports-listing-card .progress {
    height: 20px!important;
    border-radius: 2px!important;
    background: #DDD;
    margin-top: 10px;
    margin-bottom: 10px;
}

.quesmonthname {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin: 0;
}

.reports-listing-card .labelname {
    font-size: 10px;
}

.reports-listing-card .text-ofreports {
    position: absolute;
    bottom: 15px;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #555;
}

.questionlisting.reqtile li .reqouterbox {
    height: 125px!important;
}

.questionlisting.reqtile .progress {
    height: 17px!important;
    border-radius: 0;
    background: #DDD;
    margin-bottom: 0;
    font-size: 9px;
}

.reqouterbox .labelname {
    text-align: left;
    font-size: 12px;
    color: #ddd;
}

.reqtitlename:hover a {
    color: #26c6da;
}

.vendorlisting {}

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

.vendorlisting ul li {
    padding: 5px 0;
    border-top: 1px solid #ddd;
    list-style: none;
    cursor: pointer;
    min-height: 70px;
}

.vendorlisting ul li b {
    color: #666;
    font-weight: 600;
    font-size: 12px;
}

.vendorlisting ul li .task-date {
    font-weight: 400;
    color: #505459;
    font-size: 11px;
}

.vendorlisting ul li .progress {
    height: 16px!important;
    border-radius: 8px!important;
    background: #DDD;
    margin-top: 10px;
    margin-bottom: 10px;
}

.vendorlisting ul li .progress-bar {
    font-size: 10px!important;
    line-height: 17px!important;
}


/* .add--newgroup .form-control {
    border-bottom: none!important;
}
.add--newgroup .form-control:focus{
    border-bottom: 1px solid #ddd!important;
} */


/* .add--newgroup .form-group {
    padding-bottom: 0!important;
} */

.question--addmetadata .table>tbody>tr>td,
.question--addmetadata .table>tbody>tr>th,
.question--addmetadata .table>tfoot>tr>td,
.question--addmetadata .table>tfoot>tr>th,
.question--addmetadata .table>thead>tr>td,
.question--addmetadata .table>thead>tr>th {
    border-top: none!important;
}

.add-new__section {
    border: 1px dashed #a9a9a9;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background: #fbfbfb;
}

.cat--nametext {
    font-size: 12px;
    /* padding-left: 15px!important; */
    color: #555;
}

.reqouterbox .info-icon i {
    font-size: 21px;
    opacity: 0.50;
    padding-right: 0;
    position: absolute;
    right: 25px;
    top: 8px;
    color: #242739;
}

.secondaryreporttab .animated-search-widget {
    background: transparent!important;
    margin-top: 5px;
}

.secondaryreporttab .secdrill-filterheader {
    min-height: 50px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.questionlisting .namelength {
    margin: 0;
    font-size: 34px;
    font-weight: 700;
    color: #888;
    line-height: 1em;
}

.questionlisting .countlength {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #888;
    line-height: 1.5em;
}

.questionlisting .info-icon i {
    font-size: 21px!important;
    opacity: 0.50;
    padding-right: 0;
    position: absolute;
    right: 5px;
    top: 0;
    color: #242739;
}

.questionlisting .card .card-title {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    color: #323232;
    font-weight: 600;
    text-align: left;
}

.card-footer {}

.questionlisting li {
    float: left;
    padding: 0 10px 0 10px!important;
    list-style: none;
    margin: 10px 0;
}

.progress-bar-vertical {
    width: 20px;
    min-height: 100px;
    display: flex;
    align-items: flex-end;
    margin-right: 20px;
    float: left;
}

.progress-bar-vertical .progress-bar {
    width: 100%;
    height: 0;
    transition: height 0.6s ease;
}

.completionstats .questionlisting .countlength {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #aaa;
    line-height: 1.5em;
    padding-top: 10px;
}

.completionstats {
    padding-top: 20px;
    border-left: 1px solid #eee;
    text-align: center;
}

.completionstats p {
    font-size: 11px;
    font-weight: 400;
    color: #999;
}

.questionlisting .card .card-footer {
    margin: 0;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.questionlisting .card .card-footer .stats {
    line-height: inherit;
    color: #999;
    font-size: 12px;
    padding-left: 15px;
}

.questionlisting .card .card-footer .stats:hover {
    color: #00bcd4;
}

.questionlisting .category {
    color: #999;
    font-size: 13px;
    font-weight: 300;
}

.vendorlisting .static-table .progress {
    height: 20px;
    border-radius: 0;
    background: #DDD;
    margin: 0 15px;
}

.item {
    position: relative;
    float: left;
}

.item h2 {
    text-align: center;
    position: absolute;
    line-height: 125px;
    width: 100%;
}

.circle_animation {
    stroke-dasharray: 440;
    stroke-dashoffset: 440;
}

.html .circle_animation {
    animation: html 1s ease-out forwards;
}

.css .circle_animation {
    animation: css 1s ease-out forwards;
}

.chatmodule-window {}

.chatmodule-window .setting-section-right .modal-body {
    padding: 0!important;
    min-height: inherit;
    max-height: inherit;
    overflow-y: scroll;
}

.chatmodule-window .myprofile-tab-section .tab-content {
    padding: 0;
    min-height: inherit;
    max-height: inherit;
    background: #fff;
    overflow-y: inherit;
}

.chatmodule-window .close i {
    font-size: 20px;
    color: #333;
}

.chatmodule-window .myprofile-tab-section {
    /* background: #fff; */
    font-size: 12px;
    min-height: inherit;
    max-height: 100%;
    font-weight: 400;
}

.q-actionicons .row-level-notification {
    position: absolute;
    right: -15px;
    top: -15px;
}

.taskquestionnaire-pagesection .q-usereditable {
    background: #ffffff;
    font-size: 12px;
    font-weight: 400;
    margin: auto;
    min-height: calc(100vh - 0vh);
    border-top: none;
    padding: 20px;
    overflow: hidden;
}

.taskquestionnaire-pagesection .question--groupstab {
    margin:auto;
}

.taskquestionnaire-pagesection .card-content {
    padding-top: 0;
}

.taskquestionnaire-pagesection .tab-content {
    margin-top: 0;
}

.report-configeration .nav-pills.nav-stacked>li+li {
    margin: 10px 0!important;
}

.staticreportslist .grouptype-section .groupmange-icon .material-icons {
    color: rgb(136, 153, 166);
    font-size: 16px !important;
    float: left;
    margin-right: 5px;
    line-height: 0.5!important;
}

.reportdesignform .modal--outersection .header--actionsection ul li {
    width: 20%!important;
}

.reportlistsection .metric-count-list .count-widget {
    text-align: left!important;
    border-right: none!important;
}

.setting-header h4 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

#display--settings .choose-bgcolor.form-group label.control-label {
    margin: 0 0 10px 0 !important;
    font-size: 11px!important;
}

#display--settings .choose-bgcolor .form-colorcontrol {
    display: inline-block;
    width: 15px;
    padding: 0 !important;
    height: 15px;
    line-height: 0;
    vertical-align: middle;
    margin-left: 0;
    cursor: pointer;
    border-radius: 0!important;
}

#display--settings .display-area .form-group .form-control {
    height: 180px;
    border-radius: 0;
    border: none;
    padding: 5px!important;
    margin: 0;
}

#display--settings .form-group .checkbox-inline {
    width: 100%;
    margin: 0!important;
}

#display--settings .form-colorcontrol {
    width: 25px;
    height: 25px;
    border: none;
    vertical-align: middle;
}

.display-area .heading {
    margin: 0;
    padding: 10px 5px;
    font-size: 12px;
    background: #d3d3d3;
    font-weight: 600;
    color: #fff;
}

.display-area .form-group {
    padding: 0;
    width: 170px;
    margin: auto;
    border: 1px solid lightgrey
}

.report-configeration .configuration-listing-section .app-icon .fa,
.report-configeration .configuration-listing-section .app-icon .material-icons {
    font-size: 120px;
}

.report-configeration .configuration-listing-section .card:hover {
    border: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.0985);
    cursor: pointer;
}

.report-configeration .card-header-warning:hover .widget-title {
    color: #1e88e5;
}

.report-configeration .configuration-listing-section .widget-title {
    padding: 10px 0;
    margin: 0;
}

.report-configeration .configuration-listing-section small,
.small {
    font-size: 13px;
    padding: 0;
}

.report-configeration .widget-body .launch--icon i {
    display: none;
    float: right;
    font-size: 20px;
    color: #1e88e5;
    padding: 15px;
}

.report-configeration .widget-body:hover .launch--icon i {
    display: block;
    color: #1e88e5;
}

.report-view--popup .popup-modal .popup-modal-dialog {
    width: 660px
}

.report-view--popup .popup-modal {
    z-index: 9999!important;
}

.report-view--popup .customform-main-header {
    padding: 5px;
}

.report-view--popup .header--actionsection ul li {
    padding: 0;
    width: 50px;
}

.report-configeration .card-header-warning .desc {
    font-size: 10px;
}

.runtime-reportitem {
    border-bottom: 1px solid #f9f9f9;
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.chatwindowcontent .myprofile-tab-section .nav>li {
    float: left;
    width: 50%;
    text-align: center;
}

.myprofile-tab-section .taskcontent-area {
    min-height: 400px;
    max-height: 400px;
    overflow-y: scroll;
}

.chatwindowcontent .myprofile-tab-section {
    background: #ffffff;
    font-size: 12px;
    min-height: auto;
    max-height: calc(100vh - 34vh);
    font-weight: 400;
}

.chatwindowcontent .frame .content .messages {
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    width: calc(100% - -5px);
    padding: 15px;
   min-height: 495px;
    max-height: 495px;
}


/* rule--engine css */

.rule--engine .userdashboard-notication-section .rule-title {
    display: inline-block;
    width: 100%;
    top: 0;
    padding: 5px 15px;
    font-weight: 600;
    height: 42px;
    line-height: 2.4;
    box-sizing: border-box;
    background-color: #f9f9f9;
    border-bottom: 1px solid #d9e0e8;
    font-size: 14px;
    color: #58666e;
}

.rule--engine .ruleeng-body ul {
    overflow: auto;
    min-height: 500px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-padding-start: 0;
}

.rule--engine .ruleeng-body ul li:active {
    background: #c2dbef;
    box-shadow: none;
    text-transform: capitalize;
    font-weight: 600;
    min-width: 100px;
    text-align: left;
    /* transition: all .3s; */
    /* padding: 10px 15px; */
    border-left: 2px solid #009efb;
    color: #009efb;
    border-radius: 0;
}

.rule--engine .userdashboard-notication-section .ruleeng-body {
    overflow-y: hidden;
}

.rule--engine .table-configurebtns .switch {
    width: 55px;
    height: 20px;
}

.rule--engine .table-configurebtns .switch-handle {
    width: 16px;
    height: 16px;
}

.rule--engine .switch-label:before {
    content: attr(data-off);
    right: 8px;
    color: #555;
}

.rule--engine .table-configurebtns .switch-input:checked~.switch-handle {
    left: 40px;
}

.ruleeng-body ul {
    padding-inline-start: 10px;
}

.ruleeng-body ul li {
    list-style: none;
    padding: 10px;
}

.ruleeng-body ul li {}

.rule--engine .rule--btn {
    padding: 10px 15px!important;
    margin: 2px 5px !important;
    background: #26c6da!important;
    border: 1px solid #26c6da;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
    box-shadow: none;
}

.rule--engine .metrix-count {
    font-size: 13px;
    background: #e099c4c7;
    padding: 1px 10px;
    border-radius: 5px;
    color: white;
    margin-right: 5px;
}

.rule--engine .modal-infobox {
    padding: 0;
}

.rule--engine .modal-infobox .info-icon {
    position: absolute;
    left: 80px;
}

.rule-contentbody .card-header {
    padding: 0;
    z-index: 3;
}

.rule-contentbody .card {
    border-bottom: 1px solid #ddd;
}

.rule-contentbody .accordion .btn-default {
    background: none!important;
    color: #00000080;
    width: 100%;
    font-weight: 700;
    text-align: left;
    margin: 0;
    font-size: 14px;
    box-shadow: none;
    text-decoration: none;
    /* border-bottom: 1px solid #ddd; */
}

.rule-contentbody h2 {
    margin: 0;
}

.rule-contentbody .sub_btn-new .btn {
    background: #dddddd87!important;
    color: black;
    border: 1px solid #ddd;
    padding: 5px 10px!important;
    margin: 2px 13px !important;
}

.rule-contentbody .sub_btn-new .btn i {
    left: 3px;
    font-size: 10px!important;
    top: 0!important;
    margin: 0;
}

.rule-contentbody .sub_btn-new {
    padding: 12px 30px;
}

.rule-contentbody .footer-btn .btn {
    padding: 10px 15px!important;
    margin: 2px 5px !important;
    background: #26c6da!important;
    border: 1px solid #26c6da;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
    box-shadow: none;
}

.cardbody--content {
    background: #b9b2b224;
}

.edit-icons i {
    font-size: 20px;
    color: #b7bfc6;
}

.footer-btn .btn-default {
    background: #26c6da!important;
    border: 1px solid #26c6da;
    font-size: 12px;
    padding: 10px 30px;
}

.footer-btn .btn-submit {
    background: white!important;
    color: black;
    border: none;
    padding: 10px;
    font-weight: 600;
}

.ums-listing-panel .select--user--list {
    box-shadow: none;
    background: transparent;
    margin: 0;
    min-height: auto;
    max-height: 300px;
    overflow-y: hidden;
    overflow: auto;
    overflow-x: hidden;
}

.selectuserpop .user-card-view {
    overflow-y: hidden!important;
}

.rule-contentbody .card-header:hover {
    background: #d3d3d361;
}


/* .task-modal-form .customform-main-header {
    padding: 5px 5px!important;
} */

.header--actionsection .material-btn-icons {
    vertical-align: middle;
    font-size: 10px;
    display: block;
    line-height: 1!important;
/*    opacity: 0.5;*/
color: #607D8B;
}

.formprimarytitle .formtitlename {
    display: block;
    overflow: hidden;
    color: #fff;
    line-height: inherit;
    font-size: 12px;
    font-weight: 500;
    min-width: 300px;
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    border-top: none;
    backface-visibility: hidden;
    position: relative;
    z-index: 1
}


/* .formprimarytitle .formtitlename:hover {
    color: #151b26;
    transition-duration: 2.4s;
} */

.formprimarytitle .formtitlename::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: 0 0 20px 20px;
    background: #505459;
    content: '';
    transform: perspective(5px) rotateX(0deg) translateZ(0px);
    transform-origin: 0 0;
    backface-visibility: hidden;
}

.initaterequest .viewonly-forms ul {
    background: #fafafa;
}

.inilist-drpdown .dropdown-toggle {
    width: auto!important;
    float: right!important;
}

.inilist-drpdown .dropdown-menu {
       top: 35px!important;
    min-width: 230px!important;
    left: 110px;
}

.process-icons {
    padding: 0;
}

@media (min-width: 768px) {
    .manageuserpop .modal-dialog,
    .selectuser .modal-dialog {
        width: 700px!important;
        margin: 30px auto!important;
    }
}

.advsearchpanel {
    min-height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: #EAEFF0;
}

.manageuserpop .content-body .advsearchlabel,
.select-user .content-body .advsearchlabel,
.selectmodal-form .content-body .advsearchlabel {
    font-size: 12px;
    line-height: 1.428571429;
    color: #333 !important;
    font-weight: 500;
    margin: 0;
    padding-top: 10px;
}

.manageuserpop .content-body .user-card-content,
.selectmodal-form .content-body .user-card-content {
    width: 100%;
    position: relative;
    display: inline-block;
    background: #fff;
    border: none;
    border-color: #d7dfe3;
    border-radius: 4px;
    padding: 0;
    margin-bottom: 15px;
    box-shadow: 0 1px 4px #ccc;
    border-bottom: 1px solid transparent;
}

.manageuserpop .content-body .user-card-content.selected {
    background-color: #E4ECF7;
    border-bottom: 1px solid #d9e0e8;
}

.manageuserpop .content-body .user-card-content .user-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
}

.manageuserpop .content-body .user-card-content .image-user-responsive,
.selectmodal-form .content-body .user-card-content .image-user-responsive {
    width: 100% !important;
    border-radius: 50% !important;
    height: 100% !important;
    padding: 6px!important;
}

.manageuserpop .content-body .user-card-content .user-details {
    margin-left: 50px;
    min-height: 50px;
    padding: 5px;
}

.manageuserpop .content-body .user-card-content .user-name {
    margin: 3px 0;
    font-weight: 600;
    text-transform: inherit;
    font-size: 13px!important;
    color: #333!important;
}
.initaterequest-form .viewonly-forms ul {
    background: transparent!important;
}
.propage-title {
    color: #555555;
    font-weight: 500;
    margin: 0;
    font-size: 18px;
    padding: 16px;
}
.capslett{
    text-transform: uppercase;
}
.menulist-top.taskdropdown .dropdown-menu{
 min-width: 215px;
}
.addnewprocessbtn,
.addnewprocessbtn:hover,
.addnewprocessbtn:focus {
    margin: 0!important;
    padding: 8px 15px!important;
    box-shadow: none!important;
    width: 100%!important;
    background: #20aaea!important;
}

.process-data .customform-main-header {
    padding: 10px;
    box-shadow: none;
}

.process-data .customform-main-header .header--actionsection ul li {
    width: 55px;
}

.select-user .select-input-modal,
.selectmodal-form .select-input-modal {
    width: 700px!important;
    margin: 30px auto!important;
}

.selectmodal-form .select-input-modal .user-card-view {
    background: #fff!important;
}

.createform-popup .customform-main-header {
    box-shadow: none;
    padding: 0;
    /* width: 60px; */
    min-height: 52px;
}

.edit-entity .createform-popup .customform-main-header .header--actionsection ul {
    padding: 5px;
}

.edit-entity .customform-main-header {
    box-shadow: none;
    padding: 10px 10px;
}

.createform-popup .customform-main-header .header--actionsection ul li {
    width: 70px;
        border: none;
            padding: 8px 10px;
}

.fixedpaneltitle {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: inline-block;
}

.fixedpaneltitlemb42 {
    margin-top: 42px;
}

.createform-popup .entaction-panel .card-title {
    padding: 10px 0;
    line-height: 2;
}

.createform-popup .entaction-panel .fixed-table-list {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 450px;
    max-height: 450px;
}

.createform-popup .entaction-panel .fixed-table-list .process-icons i {
    font-size: 35px;
    opacity: 0.4;
    padding: 0;
}

.createform-popup .entaction-panel .fixed-table-list .process-name .sub-processname {
    font-size: 10px;
}

.createform-popup .entaction-panel .fixed-table-list .process-name,
.entitylising  .process-name{
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
}

.createform-popup .entaction-panel .fixed-table-list td span {
    font-size: 8px;
    line-height: 2.5;
}

.createform-popup .entaction-panel .fixed-table-list tr:hover {
    background: #a7abad52;
}

.createform-popup .entaction-panel .fixed-table-list .view-request-icon {
    display: none;
}

.createform-popup .entaction-panel .fixed-table-list tr:hover .view-request-icon {
    font-size: 20px;
    padding: 10px;
    float: right;
    display: block;
}

.createform-popup .entaction-panel .fixed-table-list tr:hover .view-request-icon {
    background: #a7abad52;
}

.initiat_rich .richtextbox-modal .customform-main-header {
    /* padding: 0; */
    /* min-height: 50px; */
    box-shadow: none;
}

.initiat_rich .richtextbox-modal .header--actionsection ul li {
    width: 30%!important;
    line-height: 2;
    padding: 0;
}

.initiat_rich .header--actionsection ul li a {
    padding: 0;
}

.initiat_rich .header--actionsection ul li a .material-btn-icons .material-icons {
    font-size: 24px;
}

.initiat_rich .customform-main-header .form-headertitle {
    text-transform: uppercase;
    padding-left: 5px;
    margin: 0;
}

.initiat_rich .richtextbox-modal .header--actionsection ul {
    margin-top: 0;
}

.initiat_rich .form-filtermodal .customform-main-header {
    padding: 10px 5px;
    min-height: 50px;
}

.choose-groups .header--actionsection ul li {
    width: 50px;
}

.reportdesignform .customform-main-header .form-details ul li,
.process-form-content-section .customform-main-header .form-details ul li {
    padding-left: 0;
    line-height: 1;
}

#edit-emailtemplate .customform-main-header .form-headertitle {
    padding-left: 0;
    margin: 0;
    line-height: 2;
    margin-top: 0;
}

.vendor-mastertable table thead tr {
    color: #636363!important;
    background-color: #E4ECF7!important;
    border-bottom: 1px solid #d9e0e8!important;
}

.md-modalform .lookup-smallmodal .customform-main-header {
    box-shadow: none;
    min-height: 52px;
}

.card--body-section {
    min-height: 150px;
}

.documentswindow .no-documentsfound {
    margin: 150px 0;
    text-align: center;
}

.myprofile-tab-section .documents {
    background: #fff;
}
/* .display--settings  .popup-modal-dialog{
    width: 600px!important;
} */
.chatmodule-window .myprofile-tab-section li{
    float: left;
    width: 23%;
    text-align: center;
}
.questionnairelistsection .fixed-table-list {
    min-height: 450px;
    max-height: 450px;
}
.active-list{
    border-left: 5px solid #53c7db!important;
    background: #00bcd40d!important;
}
.linkselectclass{
    color: #53c7db;
    cursor: pointer;
    font-weight: 700;
}





.que-detail-overview{
    padding: 10px 15px;
    background: #00bcd4;
    min-height: 80px;
    border-radius: 4px 4px 0 0;
}
.que-overview-header .info-que-name {
    text-align: left;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.5;
}   
.que-overview-header .info-que-code {
    font-size: 14px;
    margin: 0;
    text-align: left;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 600;
}
.info-que-linking{
    padding: 10px 0;
}

.process-tab-form-section .qm-designform nav ul li,
.process-tab-form-section .qm-designform .form-tab-scroll  ul li{
   z-index: 1;
    opacity: 1;
    height: 41px;
/*        background-color: rgb(210, 210, 210)!important;*/
}
.initaiteform .body--contentarea .formbody--outerlayout,
.reportview .body--contentarea .formbody--outerlayout{
    background: transparent;
}

.process-tab-form-section .qm-designform nav ul li:last-child{
    border-right: none;
}
.reportlist .qm-designform nav li a.new-tab-add{
padding: 16px !important;
}
.reportlist .viewonly-forms .qm-designform nav ul li.active a::after{
transform: none;
}
.reportlist .onlyprocesstabdesign .viewonly-forms .qm-designform nav ul li a{
    padding: 5px 30px;
}

.docviewer-outer{
    background: #42505D;
    height: 100%;
    padding: 30px;
    min-height: calc(100vh - 0vh);
}
.docview-sidebar-header .nav-tabs {
    background: #9e9e9e!important;
    border: 0;
    border-radius: 3px;
    padding: 0px 15px;
    text-align: center;
}
.docview-sliderbar-content .notes-section .add-notes-li{
    padding: 20px;
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
}
.docview-sliderbar-content .notes-section .add-notes-li textarea{
    box-shadow: 0 1px 4px 0 rgb(0,0,0,10%)!important;
    border: 1px solid #f5f5f5;
    width: 100%;
    text-align: left!important;
}
.docview-sliderbar-content .notes-section .add-notes-li .add-notes-footer{

}
.added-notes-li{
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
}
.added-notes-li span{
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.4;
}
.docview-sidebar{
    background: #f3f3f3;
}

.addnotes-section{
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    background: #dad7d7;
    border-radius: 6px;
}
.tabnotes-heading{
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #444;
}
.tabnotes-heading i{
    font-size: 20px;
    font-weight: 700;
    color: #9e9e9e;
}
.tabnotes-attachment p{
    font-size: 12px;
}
.aq-assignedteam li{
    float: left;
    padding: 0 5px;
    list-style: none;
}
.aq-assignedteam li img{
    width: 25px;
}
.added-notes-li:hover{
    background: #fff;
}
.added-notes-title{
    font-weight: 700;
    color: #3eabf6;
    font-size: 13px;
}
.added-notes-title:hover{
    text-decoration: underline;
    cursor: pointer;
}
.added-ques-listatus{
    color: #909090;
    font-size: 11px;
    line-height: 1.8;
}
.added-notes-li .time-info span {
    color: #909090!important;
    font-size: 11px!important;
    line-height: 1.8;
}
.addnotes-attachmentslist{
    font-size: 12px;
    color: #999;
}
.added-notes-li .addednotes-desc{
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.6;
    color: #000;
    font-weight: 600;
}
.added-notes-title .fa-bell-o{
    color: #f44336;
    font-size: 18px;
}
.processtasklisting .question--modal .swipe-top{
        position: absolute;
    bottom: 85px;
}
.question--modal .bc--subtitle{
    font-size: 12px;
    font-weight: 400;
    color: #333;
}
.question--modal .content-area .q-usereditable{
    /*box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);*/
}
.question--groupstab .nav-pills.nav-pills-warning>li.active>a, .question--groupstab .nav-pills.nav-pills-warning>li.active>a:focus, .question--groupstab .nav-pills.nav-pills-warning>li.active>a:hover{
    box-shadow: 0px -1px 0px #ddd;
    color: #444;
}
.listinfobottom{
    margin-top: 10px;
    font-size: 12px;
    padding: 5px;
    width: auto;
    border-radius: 2px;
    background-color: rgb(238 195 0 / 40%);
}
.listinfobottom p{
    margin-bottom: 0px;
}
.quesoption-section .option-afterupload {
    right: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center;
    top: 0;
}
.option-afterupload label {
    text-align: center;
    float: inherit;
    color: #444;
}
.option-afterupload .image-preview-icons{
    position: absolute;
     top: 18px;
    right: 64px;
}
.predefined-colors .modal-footer{
   position: initial; 
}
.bpm-createcustomform .viewonly-forms ul {
    background: transparent!important; 
}
.randomtemplate .static-table .form-group{
    padding-bottom: 0;
}
.randomtemplate .static-table .form-control,.randomtemplate .static-table .form-group .form-control{
border-bottom: none;
}
.randomtemplate .popup-modal-footer{
    position: relative;
    min-height: 60px;
}
.file-type-icons img{
    width: 50px;
    height: auto;
    padding: 5px;
}
.customform-content-body .swipe-top,
/*.card-content .swipe-top,*/
.designbottomtable-gridster .swipe-top,
.question--modal .swipe-top{
      position: fixed;
       bottom: 25px;
    right: 125px;
    padding: 3px 5px;
    background: #000;
    font-size: 20px;
    border-radius: 25px;
    border: 1px solid #ccc;
    color: #fff;
    z-index: 9;
}
.card-content .swipe-top{
    bottom: 80px;
    right: 60px;
     position: fixed;
      padding: 3px 5px;
    background: #000;
    font-size: 20px;
    border-radius: 25px;
    color: #fff;
    z-index: 9;
}
.createrequest-popup .swipe-top{
    position: absolute;
    bottom: 25px;
    right: 6px;
    padding: 5px 6px;
    background: #000;
    font-size: 24px;
    border-radius: 25px;
    border: 1px solid #ccc;
    color: #fff;
    z-index: 9;
}
.customform-content-body .swipe-top i{
    font-size: 24px;
}
.initaiteform .createrequest-popup  gridster,
.designbottomtable-gridster gridster{
    margin-bottom: 80px!important;
}
.processtasklisting .task-details-summary.taskquestionnaire-pagesection{
        overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: calc(100vh - 10vh);
    max-height: calc(100vh - 10vh);
}
.taskquestionnaire-pagesection .question--modal .question--modal__dialog,
.taskquestionnaire-pagesection .question--modal .question--modal__content
{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.taskquestionnaire-pagesection .question--groupstab .nav-pills{
    margin-top: 0;
}
.control-category-modal .modal-dialog{
    width: 700px;
    margin: 30px auto;
}
.control-category-modal  .modal-content{
    border-radius: 0;
}
.control-category-modal .modal-body{
    max-height: 500px;
    min-height: 500px;
    overflow-y: scroll;
}
.control-category-modal  .grouptype-section .task-details-summary .nav-pills-rose{    
    overflow-y: scroll;
    min-height: 480px;
    max-height: 480px;}

.questionlist-section .selected-input-tags .tags-listing{
    padding:5px;
}
.control-category-modal  .grouptype-section .task-details-summary .nav-pills-rose li.active{
        background: #00bcd414;
    border-left: 3px solid #00bcd4;
}
.add-edit_category .popup-modal-footer{
    position: relative;
    min-height: 60px;
}
/**/
/* Start of preloader design */

.qm-preloader {
    vertical-align: middle;
    text-align: center;
    color: #777;
    border-style: none;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}
/* Preloader Ends */

.btn-accsetting,
.btn-accsetting:hover,
.btn-accsetting:focus {
    background-color: #f5f5f5;
    color: #151b26;
    border-radius: 3px;
    position: relative;
    padding: 5px 10px;
    margin: 0;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1);
    border: 1px dashed #eee;
}
/*Breadcrumb design starts*/

.page-breadcrumb {
    background: #ffffff;
    margin-bottom: 10px;
    padding: 7px 10px;
    z-index: 91;
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
}

.page-breadcrumb .text-intro {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 1.4;
}

.page-breadcrumb .text-intro strong {
    font-size: 20px;
    font-weight: 400;
    color: #666666;
}

.page-breadcrumb .primary-breadcrumb {
    background: transparent;
    margin: 0 0;
}

.page-breadcrumb .primary-breadcrumb ul {
    margin: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
}

.primary-breadcrumb {
    background: transparent;
    margin: 15px 0;
}

.primary-breadcrumb ul {
    margin-left: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
}

.primary-breadcrumb ul.dropdown-menu li {
    float: none;
    font-size: 12px;
    padding: 0;
}

.primary-breadcrumb ul li {
    list-style: none;
    float: left;
    padding: 0;
}

.primary-breadcrumb ul.dropdown-menu {
    right: auto;
    left: 100px;
    border-radius: 0;
    margin-top: 1px;
    padding: 0;
}

.primary-breadcrumb ul.dropdown-menu.breadcrumb-link {
    left: auto;
    background: #f9f9f9;
    z-index: 99;
    right: auto;
}

.primary-breadcrumb ul.dropdown-menu li a {
    background: #fff !important;
    border: none !important;
    padding: 10px 15px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    margin: 0;
}

.primary-breadcrumb ul.dropdown-menu li a:hover {
    background: #ddd !important;
}

.primary-breadcrumb .dropdown-menu>.active>a,
.primary-breadcrumb .dropdown-menu>.active>a:focus,
.primary-breadcrumb .dropdown-menu>.active>a:hover {
    color: #0078D7;
}

.primary-breadcrumb ul li a {
    margin-bottom: 0;
    color: #6d6e6f;
    font-weight: 600;
    font-size: 14px;
}

.primary-breadcrumb ul li:last-child a {
    font-weight: 400;
}

.primary-breadcrumb ul li:last-child a i {
    font-size: 22px;
    cursor: pointer;
}

.primary-breadcrumb ul li i {
    font-size: 18px;
    color: #ddd;
    vertical-align: middle;
}

.mdl-hdr-main-actions li {
    float: left;
    padding: 0 5px;
    list-style: none;
}

.large__mainmodalform .modal {
    overflow-x: hidden;
    overflow-y: hidden !important;
}

.large__mainmodalform .modal-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
    background: #fafafa!important;
    outline: 0;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
    border-radius: 2px;
}

.large__mainmodalform .modal--outersection {
    margin: 0 auto;
    width: 95%;
    max-width: 95%;
    min-width: 95%;
    height: 100%;
    position: relative;
}

.large__mainmodalform .modal--outersection .header--titlesection {
    padding: 5px;
}

.large__mainmodalform .modal--outersection .header--titlesection ul {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    padding: 4px;
}

.large__mainmodalform .modal--outersection .header--titlesection ul li {
    float: left;
    width: auto;
    list-style: none;
    padding: 0 10px;
}

.large__mainmodalform .modal--outersection .header__label {
    border: none;
    padding: 4px 15px;
    margin: 0;
    font-size: 10px;
    font-weight: 700;
    border-radius: 20px;
    text-align: center;
}

.large__mainmodalform .modal--outersection .header--actionsection ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.large__mainmodalform .modal--outersection .header--actionsection {
    height: inherit;
    float: right;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li {
    list-style: none;
    float: right;
    width: auto;
    padding: 10px 20px;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 0;
    color: #777;
    box-shadow: none!important;
    line-height: 1.4;
    vertical-align: middle;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li:hover {
    opacity: 1;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li .material-btn-icons i,
.large__mainmodalform .modal--outersection .header--actionsection ul li a i {
    vertical-align: middle;
    line-height: 1;
    font-size: 24px;
    color: inherit;
}

.large__mainmodalform .modal--outersection .make-initate--btn {
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2) !important;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li.make-initate--btn .passing-condition {
    color: #2a86f3;
    -webkit-transition: .2s;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li.make-initate--btn a {
    color: #2a86f3;
    -webkit-transition: .2s;
}

.large__mainmodalform .modal--outersection .close-cancel--btn {
    background: #e4e4e4 !important;
}

.rhsmodal-header {
    padding: 0;
    border-bottom: 1px solid #eee;
    min-height: 16.43px;
    background-color: #00000016;
    font-weight: 600;
}

.rhsformheader {
    background: #ffffff;
    padding: 0;
    min-height: 55px;
    border-radius: 4px;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    /* box-shadow: 0 0.1em rgba(0, 0, 0, .25); */
    box-shadow: none;
}

.rhsformheader .form-headertitle {
    vertical-align: middle;
    height: 55px;
    padding: 15px;
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 700;
    color: #333;
}

.rhsformheader .rhsheader--actionsection {
    height: 55px;
    float: initial;
    text-align: right;
}

.rhsformheader .rhsheader--actionsection ul {
    padding-left: 0;
    margin-bottom: 0;
}

.rhsformheader .rhsheader--actionsection ul li {
    list-style: none;
    float: right;
    width: 35%;
    padding: 10px 0;
    height: 55px;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0;
    color: #6d6e6f;
}

.rhsformheader .rhsheader--actionsection ul li i {
    line-height: 0;
}

.rhsformheader .rhsheader--actionsection ul li.make-initate--btn a {
    color: #2a86f3;
    -webkit-transition: .2s;
}

.newmessage-notify {
    color: #00bcd4;
    font-size: 12px;
}
.questionnaire--bodycontentarea {
    min-height: calc(100vh - 11vh);
    max-height: calc(100vh - 11vh);
    overflow-y: scroll;
}

.customform-main-header .popup-actions li .btn-success i {
    color: #fff;
}

.questionnaire--bodycontentarea .questionnaire--addnewquestions p {
    font-size: 13px;
    font-weight: 600;
    color: #999;
    cursor: pointer;
}
/* 
.selectfieldinput--type li a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #151b26;
    background: #d0d2d3;
    padding: 3px 20px;
    border-radius: 50px;
    transition: 0.2s all ease-in-out;
    cursor: pointer;
} */

.horizontal--listview,
.vertical--listview {
    padding-left: 10px;
    width: 100%;
    display: inline-block;
}

.checkbox--label {
    font-size: 12px !important;
    font-weight: 600 !important;
    width: 75%;
    display: inline-block;
    height: 33px;
    padding: 5px 5px;
}

.checkbox--label .form-control {
    border: none !important;
}

.checkbox--label .form-control:hover {
    border-bottom: 1px solid transparent !important;
    border-radius: 0;
    background: #fafad2 !important;
}

.checkbox--label .form-control:focus {
    border-bottom: 1px solid #ced4da !important;
    border-radius: 0;
    background: #fff !important;
}

.add-btn-group,
.delete-btn-group {
    margin-top: 22px;
}

.add-btn-group i {
    font-size: 20px;
}

.delete-btn-group i {
    font-size: 16px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #001437;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
}

.modal .modal-header .close i {
    font-size: 20px;
    color: #6d6e6f;
}

.large__mainmodalform .modal {
    overflow-x: hidden;
    overflow-y: hidden !important;
        padding-right: 0!important;
}

.large__mainmodalform .modal-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
    background: #fafafa!important;
    outline: 0;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
    border-radius: 2px;
}

.large__mainmodalform .modal--outersection {
    margin: 0 auto;
    width: 95%;
    max-width: 95%;
    min-width: 95%;
    height: 100%;
    position: relative;
}

.large__mainmodalform .modal--outersection .modal-header {
    height: 64px;
    padding: 0;
    position: relative;
    width: 100%;
    top: 0;
    min-height: 16.42857143px;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    color: #111;
    font-weight: bold;
    background: #fff;
}

.large__mainmodalform .modal--outersection .header--titlesection {
    padding: 0 5px;
}

.large__mainmodalform .modal--outersection .header--titlesection ul {
    padding-left: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    line-height: inherit;
}
.createform-popup .modal{
    padding-right: 0!important;
}

.header--titlesection .primary-line {
    margin: 0;
    min-height: 25px;
    padding: 5px 0;
}

.large__mainmodalform .modal--outersection .header--titlesection ul li {
    float: left;
    width: auto;
    list-style: none;
    padding: 0 10px;
}

.large__mainmodalform .modal--outersection .header--titlesection ul li .header__icons i {
    font-size: 50px;
    vertical-align: middle;
    opacity: 1;
    color: #6d6e6f;
    padding-top: 5px;
}

.large__mainmodalform .modal--outersection .header__title {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 3px;
    color: #333;
}

.large__mainmodalform .modal--outersection .header__label {
    border: none;
    padding: 4px 15px;
    margin: 0;
    font-size: 10px;
    font-weight: 700;
    border-radius: 20px;
    text-align: center;
}

.large__mainmodalform .modal--outersection .header--actionsection ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.large__mainmodalform .modal--outersection .header--actionsection {
    height: inherit;
    float: right;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li {
    list-style: none;
    float: right;
    width: auto;
    padding: 10px 20px;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 0;
    color: #777;
    box-shadow: none!important;
    line-height: 1.4;
    vertical-align: middle;
}

.large__mainmodalform .modal--outersection .make-initate--btn {
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2) !important;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li.make-initate--btn .passing-condition {
    color: #2a86f3;
    -webkit-transition: .2s;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li.make-initate--btn:hover a {
    color: #2a86f3;
    -webkit-transition: .2s;
}

.large__mainmodalform .modal--outersection .close-cancel--btn {
    background: #e4e4e4 !important;
}

.large__mainmodalform .modal--outersection .body--contentarea {
     padding: 0 !important;
    margin-top: 0;
    max-height: inherit;
    overflow-y: scroll;
    min-height: auto;
    padding-top: 0px!important;
    overflow: auto;
    display: initial;
}
.standard-form-layout .save-confirmation{
    padding-bottom: 15px;
}

.body--contentarea .formbody--outerlayout {
    background:transparent;
    font-size: 12px;
    font-weight: 400;
    margin:auto;
    border-top: none;
    box-shadow: none;
}

.body--contentarea .gridster-main-content {
    width: 100% !important;
    min-height: inherit;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: scroll !important;
    box-sizing: border-box !important;
    max-height: calc(100vh - 23vh);
}

.noinitated-records {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    width: 100%;
    text-align: center;
}

.noinitated-records img {
    text-align: center;
    padding: 0;
    width: 150px;
    height: 150px;
    display: block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.50;
}

.load-svg {
    width: 200px;
    text-align: center;
    display: inherit;
    padding-bottom: 10px;
    opacity: 0.20;
}

.no-record-svg {
    width: 100px;
    text-align: center;
    display: inherit;
    padding-bottom: 0;
    opacity: 0.50;
}

.noresult-primary {
    color: #646f79;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.noresult-secondary {
    font-size: 12px;
    color: #505459;
    text-align: center;
    padding: 0;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 5px;
}

.topsearchwidget input {
    width: 200px;
}

.topsearchwidget .search-icon-svg {
    fill: #6d6e6f;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

.topsearchwidget .form-group {
    width: 100%;
    border: 1px solid #d2d2d2;
    padding: 0 30px !important;
    border-radius: 3px;
    background: #f9f9f9;
}

.topsearchwidget .form-group .form-control {
    border-bottom: none !important;
    width: 100%;
    height: 30px;
}

.large__mainmodalform .questionnaire-outerlayout .body--contentarea {
    padding: 0 !important;
}

.large__mainmodalform .questionnaire-outerlayout .body--contentarea .questionnaire--previewqusetionanswer {
    min-height: auto;
}

.large__mainmodalform .questionnaire-outerlayout .questionnaire--bodycontentarea {
    min-height: calc(100vh - 24vh);
    max-height: calc(100vh - 24vh);
    overflow-y: scroll;
}

@media (min-width: 768px) {
    .md-modalform .modal-dialog {
        width: 1120px;
        margin: 30px auto;
    }
}

.md-modalform {
    height: 70px;
    float: right;
}

.md-modalform .header--actionsection ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.md-modalform .header--actionsection ul li {
    list-style: none;
    float: right;
    width: 25%;
    padding: 0 20px;
    height: inherit;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0;
    color: #6d6e6f;
    line-height: 2;
}

.md-modalform .header--actionsection ul li a {
    color: #666666;
    font-size: 14px;
    font-weight: 600;
}

.md-modalform .header--actionsection ul li .material-btn-icons i {
    vertical-align: middle;
    font-size: 24px;
    line-height: 0.7;
}

.md-modalform .content-body {
    padding: 15px;
    background: #edf4f8;
    min-height: calc(100vh - 20vh);
    max-height: calc(100vh - 20vh);
    overflow-y: hidden;
    overflow-x: hidden;
}

.md-modalform .customform-main-header {
    background: #ffffff;
    padding: 10px 0;
    min-height: 60px;
    border-radius: 0;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    box-shadow: 0 0.1em rgba(0, 0, 0, .25);
}

.md-manageusers-modal .modal-header {
    padding: 0;
    min-height: 55px;
}

@media (min-width: 768px) {
    .xs-mdscreen-modal .modal-dialog {
        width: 525px;
        margin: 30px auto;
    }
}

@media (min-width: 768px) {
    .xs-mdscreen-modal .modal-dialog.selectuserpop {
        width: 700px;
        margin: 30px auto;
    }
}

.xs-mdscreen-modal {
    height: 70px;
    float: right;
}

.xs-mdscreen-modal .modal-content .modal-header {
    min-height: 16.42857143px;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    color: #111;
    font-weight: bold;
}

.xs-mdscreen-modal .header--actionsection ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    float: right;
}

.customform-main-header { 
    background: #ffffff;
    padding: 10px 20px;
    min-height: 50px;
    border-radius: 4px;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    /* box-shadow: 0 0.1em rgba(0, 0, 0, .25); */
    box-shadow: none;
}

.xs-mdscreen-modal .header--actionsection ul li {
    list-style: none;
    float: right;
    width: auto;
    padding: 0 10px;
    height: inherit;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 0;
    color: #6d6e6f;
    line-height: 2;
}

.xs-mdscreen-modal .header--actionsection ul li a {
    color: #666666;
    display: block;
}

.xs-mdscreen-modal .header--actionsection ul li .material-btn-icons i {
    vertical-align: middle;
    font-size: 24px;
    line-height: 1!important;
}

.xs-mdscreen-modal .content-body {
    padding: 10px 0;
    background: #edf4f8;
  
}

.xs-mdscreen-modal .customform-main-header {
    background: #ffffff;
    padding: 0px;
    min-height: 50px;
    border-radius: 4px;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    /* box-shadow: 0 0.1em rgba(0, 0, 0, .25); */
    box-shadow: none;
}

.xs-mdscreen-modal .content-body {
    background: #fff!important;
}

.modal-infobox {
    min-height: 20px;
    background: #f9f9f9;
    padding: 10px 5px;
    margin-bottom: 0;
}

.modal-infobox .info-icon {
    color: #b7bfc6;
    fill: #b7bfc6;
    flex: 0 0 auto;
    font-size: 25px;
    min-width: 25px;
    position: absolute;
}

.modal-infobox .info-content {
    padding-left: 30px;
    line-height: 1.8;
    font-size: 14px;
    font-weight: 600;
}

.w100-searchbox {
    margin-top: 10px;
    margin-bottom: 10px;
}

.w100-searchbox .form-group .form-control {
    margin-top: 0;
    padding: 0;
    font-weight: normal;
    border: none;
    border: 1px solid #dedede;
    background: #fff!important;
}

.w100-searchbox .form-group {
    padding-bottom: 0;
    margin: 0 0 0 0;
}

.selected-member-link,
.selected-member-link:hover {
    color: #14aaf5;
    cursor: pointer;
    text-decoration: underline;
    font-size: 12px;
    text-align: right;
    float: right;
    padding: 0 10px
}

.ums-listing-panel {
    padding: 15px;
}

.ums-listing-panel .checkbox input[type=checkbox]:checked+.checkbox-material .check {
    background: #00bcd4;
    opacity: 1;
}

.ums-listing-panel .checkbox .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #00bcd4;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    border-radius: 2px;
}
/*select-user and group starts*/

.select-input-modal .content-body .animated-search-widget {
    background: transparent;
}

.select-input-modal .content-body .animated-search-widget .form-group .form-control {
    padding-bottom: 0 !important;
    background-color: #edf1f2;
    border-color: #edf1f2;
}

.select-input-modal .content-body .animated-search-widget .form-group .form-control:focus {
    background: #ffffff !important;
}

.select-input-modal .card-content {
    width: 100%;
    position: relative;
    display: inline-block;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.user-card-content {
    width: 100%;
    position: relative;
    display: inline-block;
    background: #fff;
    border: none;
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    padding: 0;
    margin-bottom: 15px;
}

.user-card-content .user-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
}

.user-card-content .image-user-responsive {
    width: 100% !important;
    border-radius: 50% !important;
    height: 100% !important;
    min-height: 50px;
    max-height: 50px;
}

.user-card-content .user-details {
    margin-left: 60px;
    min-height: 50px;
    padding: 5px;
}

.user-card-content .user-name {
    margin: 3px 0;
    font-weight: 600;
    text-transform: inherit;
    font-size: 14px;
    color: #666;
}

.select-input-modal .card-content.selecteduser {
    background: #fff;
}

.user-card-view .user-thumbnail img,
.group-card-view .user-thumbnail img {
    width: 80%;
    border-radius: 50%;
}

.modal .modal-dialog.select-input-modal {
    margin-top: 50px;
}

.modal .modal-dialog.select-input-modal .content-body {
    background: #f5f5f5;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view,
.modal .modal-dialog.select-input-modal .content-body .group-card-view,
.modal .modal-dialog.select-input-modal .content-body .icons-card-view {
    box-shadow: none;
    background: transparent;
    margin: 0;
    min-height: 380px;
    max-height: 380px;
    overflow-y: scroll;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .checkbox,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .checkbox {
    display: inline-block;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .user-name,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .group-name {
    margin: 0;
    font-weight: 600;
    text-transform: inherit;
    font-size: 14px;
    color: #151b26;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .user-thumbnail img,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .user-thumbnail img {
    width: 35px;
    border-radius: 50%;
    height: 35px;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .emp-detail ul,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .group-detail ul {
    padding-left: 0;
    margin: 0;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .card .card-content,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .card .card-content {
    padding: 15px 12px;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .emp-detail ul li,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .group-detail ul li {
    float: left;
    width: auto;
    padding-right: 10px;
    list-style: none;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .emp-detail ul li a,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .group-detail,
.filter-list-modal .group-card-view .group-detail{
    font-weight: 400 !important;
    color: #505459 !important;
    font-size: 11px !important;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .emp-detail ul li b,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .group-detail b {
    font-weight: 400;
    color: #777
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .emp-detail ul .selected-user {
    text-align: right !important;
    float: right !important;
    padding: 0 !important;
    margin: 5px 0 0 !important;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .emp-detail ul li a i,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .group-detail i {
    font-size: 14px !important;
    color: #ccc;
    vertical-align: sub;
}

.modal .modal-dialog.select-input-modal .user-search .form-group,
.modal .modal-dialog.select-input-modal .group-search .form-group {
    padding-bottom: 0;
    padding-top: 5px;
}

.modal .modal-dialog.select-input-modal .user-search .form-group .form-control,
.modal .modal-dialog.select-input-modal .group-search .form-group .form-control {
    padding: 5px 10px !important;
}

.modal .modal-dialog.select-input-modal .user-search i,
.modal .modal-dialog.select-input-modal .group-search i {
    font-size: 16px;
    position: absolute;
    top: 15px;
    right: 20px;
}

.modal .modal-dialog.select-user-modal .search-employee .employee-designation .btn,
.modal .modal-dialog.select-user-modal .search-employee .employee-designation .btn:hover,
.modal .modal-dialog.select-user-modal .search-employee .employee-id .btn,
.modal .modal-dialog.select-user-modal .search-employee .employee-id .btn:hover {
    margin: 5px 0;
    width: 100%;
    background: none;
    box-shadow: none;
    color: #999;
    text-align: left;
    height: 34px;
    border-radius: 0;
    background: #f9f9f9;
    padding: 10px;
}

.modal .modal-dialog.select-input-modal .refresh-icon i {
    font-size: 18px;
    font-weight: 600;
    vertical-align: sub;
    color: #555;
}

.group-search .form-control {
    margin: 0 !important;
    border: none !important;
    background: #f9f9f9;
}

/*end of the select user and group modal*/
/* Start of Configuration Entity Page design */

.entity-info-overview {
    padding: 0;
    background: #ffffff;
    font-size: 12px;
    font-weight: 400;
    position: fixed;
    width: 23%;
    height: 75%;
    border: none;
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.en-info {
    background: #B8B8B8;
    padding: 20px;
    min-height: 130px;
}

.en-info .en-title {
    font-size: 20px;
    text-align: center;
    min-height: 20px;
    padding: 10px 0;
    color: #151b26;
    font-weight: 600;
}

.en-info .en-desc {
    font-size: 13px;
    color: #333;
    font-weight: 400;
    min-height: 30px;
}

.en-grp-info {
    padding: 15px;
    min-height: 150px;
    border-bottom: 1px dashed #ccc;
}

.entity-info-overview .sub-title {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 10px;
}

.manage-grp-btn {
    font-size: 12px;
    line-height: 2.4;
    font-weight: 400;
    padding: 0;
    border-radius: 0;
    color: #14aaf5;
}

.linked-group {
    color: #999;
}

.en-form-info {
    padding: 15px;
    min-height: 150px;
}

.form-list-editicon .edit-action {
    font-size: 16px;
    color: #505459;
}

.entity-list-overview {
    padding: 0;
    background: #ffffff;
    font-size: 12px;
    font-weight: 400;
    height: 75%;
    border: 1px solid rgba(0, 0, 0, .125);
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: none;
}

.en-form-list ul {
    padding-inline-start: 0;
    margin-bottom: 0;
}

.en-list-items ul li {
    list-style: none;
}

.en-form-list ul li {
    list-style: none;
    padding: 10px 5px;
    border-bottom: 1px solid #f9f9f9;
}

.en-form-list ul li .form-list-editicon {
    font-size: 18px;
    color: #d7dfe3;
}

.par-en-item {
    padding: 20px;
    min-height: 100px;
    background: #f9f9f9;
}

.par-en-item li.active {
    background: #E6E6E6;
}

.par-en-item.active:after {
    margin: -10px -25px 0 0;
    content: '\25C0';
    font-size: 40px;
    color: #b8b8b8;
    float: right;
    padding: 0;
}

.en-list-items ul {
    padding-inline-start: 0;
    margin-bottom: 0;
}

.par-en-title {
    font-size: 20px;
}

.en-item-metrix {
    padding: 10px 0;
}

.en-item-metrix .en-metrix-count {
    font-size: 22px;
    padding-right: 5px;
    color: #505459;
}

.child-en-item {
    min-height: calc(100vh - 45vh);
    background: #F9F9F9;
    max-height: calc(100vh - 45vh);
    overflow-y: scroll;
    padding-left: 40px;
}

.child-en-item li {
    padding: 10px;
    min-height: 80px;
    border-bottom: 1px dashed #ccc;
}

.child-en-item li.active {
    background: #E6E6E6;
}

.child-en-item li.active .child-en-title {
    color: #151b26;
    font-weight: 600;
}

.child-en-item li.active:after {
    margin: -20px -10px 0 0;
    content: '\25C0';
    font-size: 40px;
    color: #b8b8b8;
    float: right;
    padding: 0;
}

.add-sub-child-btn {
    font-size: 12px;
    text-align: center;
    width: 100%;
    background: #ffffff;
    padding: 5px;
    border: 1px dashed #ccc;
    color: #777;
    font-weight: 400;
}

/* End of Configuration Entity Page design */
.corrrectanswe--details {
    background: #f4f5f5;
    padding: 15px;
}

.corrrectanswe--details .icons {
    color: #aaa;
    font-size: 15px;
    vertical-align: middle;
}

.corrrectanswe--details .scored-gained--inputfield .form-group {
    width: 10%;
    display: inline-block;
    padding-bottom: 0;
}

.corrrectanswe--details .scored-gained--inputfield .form-control {
    height: 25px;
    padding: 2px!important;
    text-align: center;
    font-size: 11px!important;
}

/** Start of Add new process with entity **/

@media (min-width: 768px) {
    .addprocesswizard .modal-dialog {
        width: 880px;
        margin: 7% auto 0;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: #fff;
        height: 600px;
    }
}

.addprocesswizard .modal-content {
    box-shadow: none;
    border-radius: 0;
}

.addprocesswizard .modal-content .modal-body {
    padding: 0;
}

.left_section {
    background: #00bcd4;
    min-height: 500px;
}

.left-inner-content {
    padding: 0;
    text-align: center;
}

.step-defined-img {
    padding: 100px 0 0 0;
}

.step-defined-content {
    min-height: 150px;
    padding: 0 20px;
}

.step-defined-content h2 {
    font-weight: 300;
    color: #fff;
    margin: 15px 0;
    padding: 0;
    font-size: 25px;
}

.step-defined-content p {
    font-size: 1.20rem;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 1.5;
}

.more-info-link {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 20px;
    border: 1px solid #fff;
    padding: 5px 12px;
    border-radius: 50%;
    background: #fff;
}

.right_section {
    background: #fff;
    min-height: 500px;
    padding: 15px;
}

.pagecount {
    font-size: 12px;
    padding-bottom: 10px;
}

.right-main-title {
    margin: 0 0 20px;
    padding: 0;
    font-weight: 400;
    font-size: 22px;
}

.entitytype-selection ul {
    padding-inline-start: 0;
    margin-bottom: 0;
}

.entitytype-selection ul li {
    float: left;
    list-style: none;
    padding: 30px;
    width: 50%;
}

.en-listoptions {
    border: 1px dotted #ccc;
    text-align: center;
    min-height: 150px;
    vertical-align: middle;
    padding: 40% 0;
}

.sub-heading {
    text-align: center;
    font-size: 15px;
}

.stepnav-button {
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #f1f1f1;
    text-align: right;
}

.stepnav-button .btn-xs {
    margin: 5px!important;
}

/** End of Add new process with entity **/

.process-tab-section .page-section .right_section {
    padding: 0;
}

.process-tab-section .page-section .right_section .breadcrumb-entityfields {
    height: 45px;
}

.process-tab-section .page-section .right_section .breadcrumb-entityfields li a {
    position: relative;
    color: #555;
    text-decoration: none;
    background-color: #dde1e2;
    border: 1px solid #dde1e2;
    height: 45px;
}

.process-tab-section .page-section .right_section .breadcrumb-entityfields li span {
    color: #434a54;
    font-size: 12px;
    line-height: 3.6;
}

.process-tab-section .page-section .right_section .breadcrumb-entityfields li a:after,
.process-tab-section .page-section .right_section .breadcrumb-entityfields li a:before {
    top: 4px;
}

.process-tab-section .page-section .right_section .breadcrumb-entityfields li:first-child a {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.processtab--section {
    background: #fff;
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.processtab--section .process-people-tab-section .nav {
    height: 45px;
    background: #f9f9f9;
}

.processtab--section .process-people-tab-section .nav>li.active {
    cursor: pointer;
    padding: 5px 10px;
    border-bottom: 2px solid #009efb;
    color: #009efb !important;
    background: #c2dbef;
}

.processtab--section .process-people-tab-section .nav>li>a {
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    color: inherit;
}

.processtab--section .process-people-tab-section .nav>li {
    cursor: pointer;
    padding: 5px 10px;
    font-weight: 600;
    color: #67757c;
}

.processtab--section .nav>li {
    float: left;
}

.processtab--section .process-people-tab-section .nav>li>a:hover {
    background: none;
}

.md--modalform-screen .modal-content .modal-header {
    min-height: 16.42857143px;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    color: #111;
    font-weight: bold;
}

.md--modalform-screen .header--actionsection ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.md--modalform-screen .customform-main-header {
    background: #ffffff;
    padding: 0px;
    min-height: 50px;
    border-radius: 4px;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    /* box-shadow: 0 0.1em rgba(0, 0, 0, .25); */
    box-shadow: none;
}

.md--modalform-screen .header--actionsection ul li {
    list-style: none;
    float: right;
    width: 30%;
    padding: 0;
    height: inherit;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0;
    color: #6d6e6f;
}

.md--modalform-screen .header--actionsection ul li a {
    color: #666666;
    font-size: 14px;
    font-weight: 600;
}

.md--modalform-screen .header--actionsection ul li .material-btn-icons i {
    vertical-align: middle;
    font-size: 24px;
    line-height: 0;
}

.form-filtermodal .header--actionsection ul li .material-btn-icons i {
    font-size: 20px;
}

.md--modalform-screen .popup-modal-dialog {
    box-shadow: -4px 0 40px rgba(0, 0, 0, 0.35) !important;
}

.switch--forconfigure .switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 30px;
}

.switch--forconfigure .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch--forconfigure .slider {
    position: absolute;
    cursor: pointer;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    height: 30px;
}

.switch--forconfigure .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 5px;
    background-color: white;
    transition: .4s;
}

.switch--forconfigure input:checked+.slider {
    background-color: #20bf6b;
}

.switch--forconfigure input:focus+.slider {
    box-shadow: 0 0 0 #20bf6b;
}

.switch--forconfigure input:checked+.slider:before {
    transform: translateX(26px);
}

/* Rounded sliders */

.switch--forconfigure .slider.round {
    border-radius: 34px;
}

.switch--forconfigure .slider.round:before {
    border-radius: 50%;
}

.switch--forconfigure .slider {
    margin-bottom: 0;
}

.choose--entity__listing ul {
    padding: 0;
    list-style: none;
    border-top: 1px solid #eee;
    margin-bottom: 0;
}

.choose--entity__listing ul li {
    padding: 10px;
    font-size: 13px;
    display: flex;
    background: #f9f9f9;
    color: #555;
    height: 45px;
    font-weight: 700;
}

.choose--entity__listing ul li i {
    font-size: 18px;
    vertical-align: middle;
}

.choose--entity__listing ul li.active,
.choose--entity__listing ul .child--entity_list ul li.active {
    background: #d5dce0;
}

.choose--entity__listing ul .child--entity_list ul {
    padding-left: 20px;
    margin-bottom: 0;
    border-top: none;
}

.choose--entity__listing ul .child--entity_list ul li {
    padding: 10px;
    padding-left: 35px;
    border-bottom: 1px dashed #ececec;
    font-size: 13px;
    color: #444;
    display: block;
    background: #fff;
    cursor: pointer;
    font-weight: 700;
}

.choose--entity__listing ul .child--entity_list ul li i {
    font-size: 16px;
    vertical-align: middle;
}

.choose--entity__listing ul .child--entity_list ul li:last-child {
    border-bottom: none;
}

.child--entity_list img,
.parent--entity_list img {
    height: 20px;
}

.new-update-remove--entityeditable {
    border: 1px dashed #37cca2;
    margin-top: 0;
    height: 56px;
    line-height: 1.7;
    background: #f2fffb;
    padding: 15px 20px;
    display: block;
    position: relative;
    bottom: -25px;
}

.new-update-remove--entityeditable .select-newupdateremove {
    width: 50%;
    display: inline-block;
}

.new-update-remove--entityeditable .select-newupdateremove .form-control {
    background: #fff!important;
}

.form-searchatentity {
    width: 30%;
    float: right;
}

.form-searchatentity .form-control {
    border: 0;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
}

.form-searchatentity .form-group {
    padding-bottom: 0;
}

.btn--filter {
    background: transparent!important;
    color: #555!important;
    border: 1px solid #eee!important;
    box-shadow: none!important;
}

.btn--filter i {
    font-size: 14px!important;
}

.btn-childentity {
    background: #efeeee!important;
    box-shadow: none!important;
    color: #333!important;
    text-transform: capitalize;
}

.btn-childentity:hover {
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, .14), 0 3px 1px -2px rgba(153, 153, 153, .2), 0 1px 5px 0 rgba(153, 153, 153, .12)!important;
}

.btn-smipleselect {
    display: none;
}

.choose--entity__listing ul li:hover .btn-smipleselect {
    display: block;
}

.choose--entity__listing ul li.active .btn-smipleselect {
    display: block;
    background: #37cca2;
}

.choose--entity__listing ul li.active:hover .btn-smipleselect {
    display: block;
    background: #37cca2;
}

.lookup-datatable-xscrollable table {
    margin: 0;
}

.lookup-datatable-xscrollable tbody {
    position: relative;
    display: block;
    width: 960px;
    overflow: scroll;
    min-height: 450px;
    max-height: 450px;
}

.conf--userentity-lookuptable .lookup-datatable-xscrollable table {
    width: 1108px;
}

/* .intro-breadcrumb {
    padding: 0;
    height: 55px;
    display: inherit;
    z-index: 9;
    background: #fff;
    border-bottom: 1px solid #dee5e7;
    border-radius: 3px;
} */
.intro-breadcrumb{
    padding: 0;
    height: 55px;
    display: inherit;
    z-index: 9;
    background: #fff;
    /*border: 1px solid #dee5e7;*/
    border: none;
    border-radius: 0;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
}

.intro-breadcrumb .heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    align-items: center;
    color: #151b26;
    display: flex;
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.intro-breadcrumb .text-intro {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 1.5em;
    padding: 5px 10px;
    padding-bottom: 0;
}

.intro-breadcrumb .primary-breadcrumb {
    background: transparent;
    margin: 0;
    width: 100%;
}

.intro-breadcrumb .primary-breadcrumb ul li {
    list-style: none;
    float: left;
    padding: 0 10px;
}

.intro-breadcrumb .primary-breadcrumb ul li a {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    cursor: pointer;
    line-height: 3.2;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.intro-breadcrumb .primary-breadcrumb ul li.active a {
    color: #14aaf5!important;
    border-bottom: none;
    font-weight: 600;
    font-size: 20px;
}

.reqtile ul {
    padding-inline-start: 0;
    margin-bottom: 0;
}
.process-box{
    text-align: center;
}
.reqtile li {
    float: left;
    margin: 0;
    width: 33.33%;
    list-style: none;
    cursor: pointer;
    margin-top: 20px;
    padding: 0;
    text-align: center;
}
.reqtile li .reqlistboxlayout{
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
    padding: 40px 20px;
    background: #fff;
    margin: 0px;
}
.information-details{
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}
.reqtile li .reqouterbox {
    height: 155px;
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    text-align: center;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    border: none;
    box-shadow: 0 0 0 1px #e8ecee, 0 1px 4px 0 rgb(21 7 38 / 8%);
}

.reqouterbox .information-details {
    right: 5px;
    position: absolute;
    top: 0;
}

.reqtile li .primarytilebox {
    font-size: 13px;
        padding-bottom: 10px;
    margin: 0!important;
    height: 70px;
    display: initial;
    vertical-align: middle;
}

.reqtile li .innerdescription {
    color: #888;
}

.reqtile li .reqouterbox .ctgicon {
    font-size: 44px;
    color: #4d5c65;
    margin-bottom: 20px;
}

.reqtile li .reqtitlename {
    text-align: center;
    margin: 0;
    cursor: pointer;
    color: #777;
    text-transform: uppercase;
    padding: 8px;
    font-size: 11px;
    font-weight: 600;
    border: none;
    background: linear-gradient(173.46deg, #fbfdff 0%, #edf8fe 100%);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}

.reqtile li:hover .innerdescription {
    visibility: visible;
    opacity: 1;
    display: block;
}

.reqtile li:hover .reqouterbox {
    box-shadow: 0 0 0 2px #e8ecee, 0 1px 4px 0 rgb(21 7 38 / 8%);
    transition: box-shadow .4s;
}

.reqtile li:hover .reqtitlename {
    color: #111!important;
}

.cr-d {
    cursor: default!important;
}

.cr-auto {
    cursor: auto!important;
}

.myforms--listingpage .static-table .table>tbody>tr>td {
    padding: 10px !important;
    vertical-align: bottom!important;
}

.myforms--listingpage .static-table .table>tbody>tr>td a i {
    font-size: 27px;
    color: #14aaf5;
}

.myforms--listingpage .static-table .onclickviewform:hover .btn-outlineforms {
    display: block;
}

.my-requestpage .onclickviewform .btn-outlineforms {
    background: transparent!important;
    border: 1px solid #3bd6ba;
    color: #3bd6ba!important;
    padding: 4px 8px!important;
    box-shadow: none;
    text-transform: inherit;
    font-size: 11px!important;
    display: none;
    float: right;
    font-weight: 600;
    margin-top: 19px;
    margin-bottom: 0;
}

.my-requestpage .onclickviewform:hover .btn-outlineforms {
    display: block;
}

.add-entitybtn {
    padding: 8px 20px!important;
}

.entity--listicons {
    display: none;
}

.entity--listinglist:hover .entity--listicons {
    display: block;
}

.btn--outline__success {
    background: #fff!important;
    border: 1px solid #3bd6ba;
    color: #3bd6ba!important;
    padding: 2px 8px!important;
    box-shadow: none;
    text-transform: inherit;
    font-size: 12px!important;
    font-weight: 600;
}

.btn--outline__danger {
    background: transparent!important;
    border: 1px solid #f44336;
    color: #f44336!important;
    padding: 4px 8px!important;
    box-shadow: none;
    text-transform: inherit;
    font-size: 11px!important;
    font-weight: 600;
}

.add---childentitybtn {
    display: block;
    float: right;
}

.entity--listinglist:hover .add---childentitybtn {
    display: inline-block;
}

.quickview--title {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #aaa;
    text-decoration: underline;
    padding: 10px 15px;
    background: #f9f9f9;
    border-top: 1px solid #eee;
}

.entity--listinglist .add---childentitybtn .btn-childentity {
    background: #efeeee!important;
    box-shadow: none!important;
    color: #333!important;
    text-transform: capitalize;
    border: 1px solid #555;
    padding: 3px 15px!important;
    font-weight: 600;
    font-size: 12px;
}

.entity--quickviewscroll {
    min-height: calc(100vh - 34vh);
    max-height: calc(100vh - 34vh);
    overflow-y: scroll;
}

.userdashboard-notication-section.entity--quicklisting {
    position: fixed;
    width: 30.5%;
}

.entity--listinglist img {
    width: 23px;
    height: 23px;
}

.entity--detailspage .process-info-overview-header {
    background: #fff;
}

.entity--detailspage .process-info-overview-header .info-process-name {
    font-weight: 600;
    color: #333;
}

.entity--detailspage .floating-formedit-btn i {
    padding: 0;
    font-size: 15px !important;
}

.entity--tabsection--headerbar ul {
    background-color: #fff;
}

.entity--tabsection--headerbar ul li.active a {
    color: #333!important;
    border-bottom: 2px solid #697178!important;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}

.entity--tabsection--headerbar ul li {
    width: auto;
    float: left;
}

.entity--tabsection--headerbar ul li a {
    font-size: 11px;
    font-weight: 600;
    color: #888;
    cursor: pointer;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    /* transition: 0.5s; */
}

.btnhide--onactive .btn--outline__success {
    display: none;
}

li.active .btnhide--onactive .btn--outline__success {
    display: inline-block;
}

.switch {
    position: relative;
    display: block;
    /* vertical-align: top; */
    width: 120px;
    height: 30px;
    padding: 3px;
    margin: 0 auto;
    border-radius: 18px;
    cursor: pointer;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-sizing: content-box;
    font-weight: 700;
}

.switch-label:before,
.switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    transition: inherit;
    box-sizing: content-box;
}

.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #555;
}

.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    opacity: 0;
}

.switch-input:checked~.switch-label {
    background: #3bd6ba;
}

.switch-input:checked~.switch-label:before {
    opacity: 0;
}

.switch-input:checked~.switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch-input:checked~.switch-handle {
    left: 93px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */

.switch-label,
.switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.select--datatypesform .dropdown .btn-default {
    width: 100%;
    text-align: left;
    color: #555!important;
    background-color: #fff!important;
    display: inline-block;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #dedede!important;
    padding: 8px 12px;
    font-size: 13px;
    -webkit-user-select: none;
            user-select: none;
    box-shadow: none;
    margin: 0;
    text-transform: inherit;
}

.select--datatypesform .dropdown .btn-default:hover {
    box-shadow: none;
}

.select--datatypesform .dropdown-search {
    width: 100%;
    padding: 5px 10px;
    border: none;
    margin: 0;
    border-bottom: 1px solid #aaa;
}

.dropdown .btn-default.open>.btn.btn-default.dropdown-toggle,
.open>.btn.btn-default.dropdown-toggle:focus,
.open>.btn.btn-default.dropdown-toggle:hover,
.open>.btn.dropdown-toggle,
.open>.btn.dropdown-toggle:focus,
.open>.btn.dropdown-toggle:hover {
    box-shadow: none;
}

.select--datatypesform .dropdown-menu li>a {
    font-size: 11px;
    padding: 10px 10px;
    margin: 0 0 5px;
    border-radius: 2px;
    transition: all 150ms linear;
    font-weight: 600;
    color: #aaa;
}

.select--datatypesform .dropdown-menu li>a.active i,
.select--datatypesform .dropdown-menu li>a:hover i {
    color: #6a7688;
}

.select--datatypesform .dropdown-menu li>a.active,
.select--datatypesform .dropdown-menu li>a:hover {
    color: #333;
}

.select--datatypesform .dropdown-menu li>a i {
    font-size: 30px;
    color: #c3d0e3;
    display: block;
}

.select--datatypesform .dropdown-menu li {
    position: relative;
    width: 25%;
    float: left;
    text-align: center;
}

.entity--formmasterdetails .customform-main-header {
    min-height: 0;
}

.info--editmodaldialog {
    height: auto!important;
    position: inherit!important;
    background: transparent!important;
}

.validation--header {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.input-group .form-control.form-control-selectpicker {
    padding: 0;
}

.input-group .form-control.form-control-selectpicker>.btn-group.bootstrap-select {
    width: 100%;
}

.input-group .form-control-6 {
    width: 50%;
}

.input-group .form-control.form-control-selectpicker .btn-group .btn {
    border: 0;
}

.input-group .form-control.form-control-selectpicker .btn-group.open .btn {
    border-radius: 0;
}

.btn--deleteaction {
    position: absolute;
    top: -7px;
    right: 0;
    border: 1px solid #d5d5d5;
    height: 36px;
    width: 100%;
    padding: 5px;
    line-height: 1.8;
    border-left: none;
    border-radius: 2px;
    background: #f3f3f3;
    color: #555;
    text-align: center;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li a .material-btn-icons {
    vertical-align: sub;
}

.user-configuration-metrix .addnew-primary .dropdown-menu {
    left: auto;
    right: 0;
    min-width: auto;
}

.user-configuration-metrix .addnew-primary .dropdown-menu li {
    padding: 0;
    width: 100%;
}

.user-details .select-user--action {
    font-size: 12px;
    text-decoration: underline;
}

.user-configuration-metrix .addnew-primary .dropdown-menu li>a {
    margin: 0;
}

.questionnaire--dialog {
    width: 850px;
    max-width: 850px;
    min-width: 850px;
}

.questionnaire--dialog .modal-content .content-body {
    min-height: calc(100vh - 25vh);
    max-height: calc(100vh - 25vh);
    overflow-y: scroll;
    overflow-x: hidden;
}

@media (min-width: 768px) {
    .xs-mdscreen-modal .modal-dialog.modalwith700 {
        width: 550px!important;
        margin: 30px auto!important;
    }
}

.chatscreen .frame {
    width: 100%;
    height: inherit;
    min-height: inherit;
    max-height: inherit;
}

.taskbtnapprove i,
.taskbtnapprove .status-label {
    color: #32c861!important;
}

.taskbtncancel i,
.taskbtncancel .status-label {
    color: #e46a76 !important;
}

.taskbtnresolve i,
.taskbtnresolve .status-label {
    color: #FFB236 !important;
}
.taskbtnrestart{ color: #00bcd4!important;}

.taskbtnrestart i,
.taskbtnrestart .status-label {
    color: #188ae2 !important;
}

.taskbtndeny i,
.taskbtndeny .status-label {
    color: #ff9800 !important;
}

.widget-title {
    font-size: 16px;
    margin: 0;
    padding: 10px;
    font-weight: 600;
}

.questionlisting ul {
    padding-inline-start: 0;
    margin-bottom: 0;
}

/*.tasks-modal .xs-mdscreen-modal .modal-dialog.modalwith700 {
    width: 500px!important;
    margin: 30px auto!important;
}
*/

.task-modal-form .xs-mdscreen-modal .header--actionsection ul li {
    list-style: none;
    float: right;
    width: auto;
}

.task-modal-form .frame .content .contact-profile {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #eeeeeec7;
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
}

.task-modal-form .writemsg-panel {
    /* position: absolute; */
    width: 100%;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px;
    background: #F6F8F9;
    border-top: 1px dashed #ccc;
    min-height: auto;
}
#tasks-modal .taskcontent-area {
    min-height: 500px;
    max-height: 500px;
}
.task-modal-form .chatwindowcontent .contact-profile {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #eeeeeec7;
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
}

.chat-task .task-modal-form .writemsg-panel {
    /* position: absolute; */
    width: 100%;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px;
    background: #F6F8F9;
    border-top: 1px dashed #ccc;
    min-height: auto;
}

.myprofile-tab-section .nav>li>a:focus {
    cursor: pointer;
    /* border-bottom: 2px solid #6c757d; */
    padding: 11px 15px;
    font-weight: 600;
    background: #fff;
    color: #000;
    /* border-bottom: 2px solid #508ef5; */
    border-bottom: none;
}

.myprofile-tab-section .nav>li.active a{
   background: #fff;
    border-bottom: 2px solid #ddd;
}

.myprofile-tab-section .nav>li .close:hover {
    background: none;
}

.chat-history-received .frame .content .messages ul li .received-message-preview {
    text-align: right;
}

.managegrouppopup .customform-main-header {
    box-shadow: none;
}

.customform-main-header .header--actionsection ul li {
      padding: 10px 10px 0 10px;
}

.form-filtermodal .customform-main-header .header--actionsection ul li {
      padding: 0 10px;
}

.edit-entity .customform-main-header .header--actionsection ul li {
    padding: 5px 10px;
}

.question--addmetadata .customform-main-header .header--actionsection ul li {
    width: auto;
    padding: 10px;
}

.createform-popup .conf--userentity-lookuptable {
    overflow: auto;
    overflow-x: scroll;
    overflow-y: scroll;
    min-height: 500px;
    max-height: 500px;
}

.pl-card-header .animated-search-widget {
    background: transparent;
    margin-top: 0px;
}

/* .intro-breadcrumb .primary-breadcrumb ul li a {
    font-size: 12px!important;
} */

.xs-intro-breadcrumb .animated-search-widget .process-sub-menu .btn,
.xs-intro-breadcrumb .animated-search-widget .process-sub-menu .btn:hover,
.xs-intro-breadcrumb .animated-search-widget .process-sub-menu .btn:focus {
    padding: 8px 0;
    margin-top: 0;
}

.task-calender {
    position: fixed;
    width: 100%;
    max-width: 100%;
}

.task-details-summary .viewonly-forms ul {
    /* background: #f0f3f4!important; */
      background: transparent;
}

.initaiteform .viewonly-forms ul {
    /* background: #fafafa!important; */
    background: transparent;
}

.custom-formmodal .viewonly-forms ul {
    /* background: #fafafa!important; */
        background: transparent;
}
.lookup-smallmodal .header--actionsection ul li {
    list-style: none;
    float: right;
    width: 70px;
}

.select-input-modal .btn-xs {
    line-height: 2.7;
}

.bg-fafafa {
    background: #fafafa!important;
}

.bcrumb-position {
    width: calc(100vw - 0px);
    position: fixed;
}

.initiat_rich .customform-main-header .header--actionsection ul li {
    padding: 0;
}
.formsectionheader{
    background: #E4ECF7;
    min-height: 30px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    padding: 10px;
    color: #444;
    min-height: 41px;
}
.formsectionfooter{
    bottom: 0;
    position: absolute;
    background: #E4ECF7;
    left: 0;
    right: 0;
    min-height: 30px;
    padding: 10px;
    color: #444;
    min-height: 41px;
}
.formsectionfooter .button-section{
    float: right;
}
.action-iconsinsidesection {
    position: inherit;
    top: 0;
    right: 0;
    padding: 2px 0;
    background: #d9e7fb;
    border: 1px solid #c9dbf3;
    z-index: 99;
    padding: 8px;
}





@media (min-width: 768px){
    .workflow--outerlayout .modal-dialog {
        width: 1000px;
        margin: 30px auto;
    }
}




#progressbar {
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
}

#progressbar li {
    list-style-type: none;
    width: 16.66%;
    float: left;
    position: relative;
    font-weight: 400
}
#progressbar .header--actionsection ul li{
    padding: 0!important;
    padding-top: 3px!important;
}
#progressbar #step1:before {
    content: "1";
}

#progressbar #step2:before {
    content: "2";
}

#progressbar #step3:before {
    content: "3";
}
#progressbar #step4:before {
    content: "4";
}
#progressbar #step5:before {
    content: "5";
}
#progressbar #step6:before {
    content: "6";
}

#progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 45px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    font-size: 20px;
    background: #D7D9E0;
    border-radius: 50%;
    margin: auto;
    border: 2px solid #b2b4b9;
    color: #000;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 21px;
    z-index: -1
}
#progressbar .subtitle{
    color: #6d6e6f;
    font-weight: 500;
}
#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #3cc982!important;
    font-weight: 700!important;
    border: 2px solid #5bc890!important;
    color: #fff!important;
}

#progressbar li.active .subtitle {
    color: #000;
    font-weight: 600;
}

.workflow--outerlayout .header--actionsection ul li{
    padding:0!important;
    /* border-left: 1px dotted #ccc!important; */
    border-left: none;
    padding-top: 12px!important;
}
.workflow--outerlayout .modal-content .modal-header{
    padding: 0;
    min-height: 80px;
    background: #EEEFF2;
}
.workflow--outerlayout .book--title{
    line-height: 3.5;
    text-transform: uppercase;
    padding: 15px 25px;
    font-weight: 700;
    color: #000;
}
.workflow--outerlayout .modal-content .modal-body{
    padding: 0;
    display: inherit;
}
.workflow--outerlayout .task-heading{
    font-size: 16px;
    padding: 20px 15px;
    font-weight: 600;
    color: #000;
    text-decoration: underline;
}
.taskactions-panel ul{
margin-bottom: 0;
padding-left: 0;
}
.taskactions-panel ul li{
    list-style: none;
    float: left;
    width: 25%;
    padding: 0 10px;
}
.actionbtntitle-approve{
    padding: 10px;
    background: #32c861;
    font-size: 14px;
    text-align: center;
    color: #fff;
     opacity: 0.4;
}
.actionbtntitle-cancel{
    padding: 10px;
    background: #e46a76 ;
    font-size: 14px;
    text-align: center;
    color: #fff;
     opacity: 0.4;
}
.actionbtntitle-deny{
    padding: 10px;
    background: #ff9800 ;
    font-size: 14px;
    text-align: center;
    color: #fff;
     opacity: 0.4;
}
.actionbtntitle-restart{
    padding: 10px;
    background: #00bcd4;
    font-size: 14px;
    text-align: center;
    color: #fff;
     opacity: 0.4;
}
.workflowpanelheight{
    min-height: 600px;
}

.workflow--outerlayout #progressbar li {
    list-style-type: none;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400
}
.workflow--outerlayout .taskdetails-header-action .task-document-listing .listing-icons {
    
    border-right: none;
    
}
.workflow--outerlayout .taskdetails-header-action{
padding: 30px;
}
.workflow--outerlayout .connecting-line{
    height: 5px;
    background: #cac3c338;
    position: absolute;
    width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40%;
    z-index: 1;
}
.question--addmetadata .comp-preview-header{
   border-bottom: none;
   font-size: 14px;
   margin: 0;
}
.question--addmetadata #model-add label{
    font-weight: 500;
        padding: 0;
}
.setcolor-form{display: flex;}
.pagezoomcontroller{
        transform: scale(1);
}
.imge-upload-form{
        text-align: center;
    padding: 10px;
    margin: auto;
    background: #fff;
    border-radius: 3px;
}
.imge-upload-form i{
        font-size: 30px;
}
.imge-upload-form p{
       line-height: 1;
}
.imge-upload-form .img-preview img{
width: 100%;
height: auto;
}
.createrequest-popup  .modal--outersection .body--contentarea{
padding-top: 0!important;
}
.createrequest-popup .modal--outersection .header--titlesection
{
    padding:0;
    line-height: inherit;
}
.createrequest-popup .modal--outersection .qm-designform nav ul li,
.viewonly-forms .qm-designform nav ul li{
    border-radius: 20px 20px 0 0;
}
.createrequest-popup .mytaskviewonlyforms,
.master-edit-details .mytaskviewonlyforms{
    padding-top: 40px;
}
.large__mainmodalform .master-edit-details .modal--outersection .header--actionsection ul li{
padding: 0px 20px;
}
.master-edit-details  .modal--outersection .body--contentarea {
padding-top: 0!important;
}
.multiple-question_list {
    background: #ffff;
   padding:15px 25px;
}
.standard-form-layout .gridster-content-position{
        height: calc(100vh - 0px) ;
        margin-bottom: 80px!important;
        overflow: inherit;
        min-height: inherit;
        max-height: inherit;
}
.task-details-summary .task-grid-content .standard-form-layout{
        padding-bottom: 30px;
}
.createform-popup .customform-main-header .header--actionsection ul  .make-initate--btn .material-icons{
color: #2a86f3;
}
.add-filter-btn{
    margin: 0;
}
.btn-edit,
.btn-trash{
    padding:0 3px;
}
.btn-edit .material-icons,
.btn-trash .material-icons
{
    font-size: 16px;
}
.user-card-content.active{
        border: 1px solid #d7dfe3;
}

.filter-list-modal .togglebutton label .toggle:after{
    width: 16px;
    height: 16px;
        top: -2px;
}
.filter-list-modal .togglebutton label .toggle,.filter-list-modal .togglebutton label input[type=checkbox][disabled]+.toggle{
width: 25px;
    height: 12px;
        margin-right: 5px;
}
.btn-get-data{
        border: 1px solid #3abca7;
    background: #3abca7;
    font-size: 11px;
    padding: 2px 10px;
    color: #fff;
    cursor: pointer;
    margin: 5px 0;
}
.text-message{color: rgb(244 136 3);}
.filter-list-modal .process-data .customform-main-header .header--actionsection ul li {
    width: 75px;
}
.modal-advsearchwidget{
    background: #f6f6f6;
}
.emp-detail ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.emp-detail ul li{
        float: left;
    display: block;
}
.emp-detail ul li a{
    font-size: 12px;
    color: #777777;
}
.task-details-summary #lookup-field-listtable1 .header--actionsection{
padding-top: 10px;
}
@media (min-width: 1366px) and (max-width: 1366px) {
.pagezoomcontroller {
    transform: scale(.8);
}
}
.usermanagementgroup-editpage .right-section-fixed{
position: relative!important;
}
.btn-assign,
.btn-assign:hover
{
border: 1px solid #3abca7;
    background: #3abca7;
    font-size: 11px;
       padding: 5px 20px!important;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
        margin: 0;
    position: relative;
    top: -5px;
        text-transform: uppercase;
}
.parallel-icon .fa{
    font-size: 28px;
    padding: 15px 0;
}
.passwd-visible, .passwd-visible.active, .passwd-visible:focus, .passwd-visible:hover{
    position: absolute;
    right: 16px;
    top: 26px;
    border: 0;
    height: 35px;
    background: #dddddd!important;
    color: #1e2022!important;
    padding: 5px 14px;
    /* vertical-align: super; */
    margin:  0;
}
.passwd-visible  i{
        font-size: 14px!important;
            top: 0px!important;
}
.profile-info{
 position: relative;
    top: 5px;
}

#reset-password .passwd-visible {
        right: 0;
}
.standard-pent-modal .lookup-field-listtable1 .popup-modal-body {
    position: relative;
    height: auto;
    min-height: auto;
    max-height: 500px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}
.standard-pent-modal  .lookup-field-listtable1 .popup-modal-footer{
    display: flex;
}
.checkboxlabel{
    vertical-align: sub;
}
 #customform-filter .filter--optionstable .close-search {  
    top: 10px;
    right: 10px;
    }
    .close-search.close-search-new{
       top: 30px!important;
    }
    .filenameuploaded{
    color: #607d8b;
    font-size: 13px;
    font-weight: 500;
    }
    #customform-filter .btn-success{
        background-color: #9d9d9d21;
    color: #000;
    border: 1px solid #ddd;
    }
    .lookup-dynamic-table .table tbody>tr>td:first-child,
.lookup-dynamic-table .table tbody>tr>td {
    width: 36px;
    padding: 0 !important;
    border-top: none;
}
.predefined-colors .choose-category ul li.Active{
    box-shadow: 0 0px 4px 0 #120f0f;
}
.info-box{
    border-left: 3px solid #2196f3;
    font-size: 12px;
    font-weight: 500;
    padding: 11px 20px;
    box-shadow: none;
    margin: 0;
    background: #e8f8ff;
    border-radius: 0 3px 3px 0;
    color: #3e3e3e;
    text-transform: initial;
}

.info-box  .fa{
        font-size: 20px;
    vertical-align: bottom;
    color: #2196f3;
}
.standard-pent-modal.predefined-colors .popup-modal-footer{
display: inline-block;
}
.usertask-divmain{
      display: inline-block;
    height: 285px;
    width: 100%;
}
.actionbtntitle-approve .d-flex .form-group,
.actionbtntitle-cancel .d-flex .form-group,
.actionbtntitle-deny .d-flex .form-group,
.actionbtntitle-restart .d-flex .form-group{
    padding-bottom: 0;
}

/**/
.formsettingtabs .progress-bar{
  list-style: none;
    /* color: #fff; */
    margin-top: 0;
       font-size: 13px;
    font-weight: 700;
    counter-reset: container 0;
    background-color: transparent;
    display: block;
    width: 100%;
       height: calc(100vh - 40vh);
           margin: 0;
    box-shadow: none;
    line-height: inherit;
  
}
.modal-footer {
    background:#e6e6e6;
}
.formsettingtabs .progress-bar li{
       position:relative;
       margin-left:40px;
       margin-top:50px;
       text-align: left;
       counter-increment:container 1;
      color:#4f6581;
        cursor: pointer;
}
.formsettingtabs{
 background: #f5f5f5;
    width: 100%;
    display: inline-block;
}
.formsettingtabs .progress-bar li.active .iconbar .material-symbols-outlined {
    color: #fff;
}

 .iconbar .material-symbols-outlined{
    color: #000;
      font-size: 17px;
    padding: 3px;
    font-weight: bolder;
}
.iconbar{
    position: absolute;
    left: -37px;
    color: #fff;
    z-index: 999;
}
.process-sub-menu  .dropdown-menu.cat-lising {
    left: -60px;
}
.formsettingtabs .progress-bar li::before{
       line-height: 25px;
    text-align: center;
    position: absolute;
    height: 35px;
    width: 35px;
    border: 1px solid #4f6581;
    border-radius: 50%;
    left: -43px;
    top: -5px;
    z-index: 10;
       background-color: #fff;
    font-family: 'Material Icons';
    opacity: .6;
    content: '';
}
.formsettingtabs .progress-bar li.active{
        border-right: 3px solid #4f6581;
}

.formsettingtabs .progress-bar li::after{
      content: '';
    position: absolute;
    height: 35px;
    width: 2px;
       background-color: #94abc8;
    z-index: 1;
    left: -27px;
    top: -42px;
}
.formsettingtabs .progress-bar li.active::after{
    background-color: #fff;
}
.formsettingtabs .progress-bar li:first-child:after{
  display:none;  
}
.formsettingtabs .progress-bar li.active::before {
    color: #fff;
    border: 1px solid #fff;
    opacity: 1;
    background: #4f6581;
}
.formsettingtabs .progress-bar li.active a{
    color:#4f6581;
}
.tasklistinggg .enitypage--listing .choose--entity__listing .addedmemebers {
border-top: none;
}
.tasklistinggg  .choose--entity__listing .addedmemebers {
        margin:  0;
    border:none;
}
.tasklistinggg  .choose--entity__listing ul .entity--listinglist,
.tasklistinggg  .entity--listinglist{
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
        background: #ffff;
        margin-bottom: 10px;
        position:relative;
}
.tasklistinggg .choose--entity__listing{
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: calc(100vh - 32vh);
    max-height: calc(100vh - 32vh);
    background: #f9f9f9;
}
.home-nav{
       background: #f2f7fa!important;
    box-shadow: none;
    position: fixed;
    width: 66%;
    height: 55px;
    border-bottom: 1px solid #ccc!important;
    margin: auto 10px;
    box-shadow: none;
    left: 0;
}
.userdashboard-notication-section.my-request-list .fixed-table-list {
    padding-top: 10px;
   height: calc(100vh - 222px);
    overflow: auto;
    min-height: calc(100% - 60px);
    max-height: calc(100% - 60px);
    overflow-y: scroll;
    overflow-x: hidden;
}
.timesummary .process-table-scroll.process--addgroupsection .table-responsive{
    height: calc(100vh - 240px);
    overflow: auto;
    min-height: calc(100% - 60px);
    max-height: calc(100% - 60px);
}
#taskdetails-modal .main-panel .taskmain {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.large__mainmodalform #taskdetails-modal .modal--outersection {
   max-width: 85%;
    min-width: 85%;
    margin: 30px auto;
    margin-top: 30px;
    display: block;
    position: relative;
    height: calc(100% - 80px);
}
#taskdetails-modal .backion{
    display: none;
}
.closebtntask{
     position: absolute;
    right: -15px;
    top: -16px;
    background: #ffff;
    border-radius: 30px;
    line-height: 1;
    display: inline-flex;
    z-index: 9;
}
#taskdetails-modal .container-fluid.bg-theme-colr {
    height: auto;
    overflow-x: hidden;
}
.edittrackerbtn{
        color: #75a9fb !important;
    background: #ffffff !important;
    border: 1px solid #75a9fb !important;
}
#taskdetails-modal .taskmain {
    position: relative;
    width: 100%;
    height: auto;
    overflow-x: hidden;
}
.large__mainmodalform #taskdetails-modal .modal--outersection .body--contentarea.xs-body--contentarea {
    height: calc(100% - 0px) !important;
    overflow-x: hidden;
/*    overflow-y: hidden;*/
}
.closebtntask i{
    padding: 5px;
    font-size: 22px;
    color: #607D8B;
}
.home-nav .primary-breadcrumb{
    margin: 0 5px!important;
}
.userdashboard-notication-section.my-request-list .fixed-table-list {
    padding-top: 10px;
    min-height: auto;
   max-height: calc(100vh - 265px);
    overflow-y: scroll;
    overflow-x: hidden;
}
.fix-height{
    height: 520px;
}
.manageroles-editpage .btn.btn-success{
    background: #3abca7!important;
    border: 1px solid #3abca7;
}
.lettertag{
    padding: 3px 6px;
    background-color: #f6db69;
    margin: 0;
    border-radius: 40px;
    font-size: 10px;
    width: 28px;
    height: 27px;
    position: relative;
    display: inline-flex;
    font-weight: 600!important;
}
.list-action-edit ul{
    padding: 0;
    list-style: none;
    width: auto;
}
.list-action-edit ul li{
      float: left;
    width: 100%;
    padding: 0;
}
.taskcard-tag .tag-listing-card{
 list-style: none;
 width: 100%;
 padding: 0;
    margin: 0;
}
.user-table-thumbnail .lettertag{ 
    padding: 8px 7px;
     font-size: 11px;
    width: 30px;
    height: 30px;
}
.user-thumbnail .lettertag {
    padding: 10px 10px;
    background-color: #f6db69;
    margin: 0;
    border-radius: 40px;
    font-size: 14px;
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-flex;
    font-weight: 600!important;    
    left: 15px;
}
.chat-history-received .lettertag {
    padding: 7px 8px;
    background-color: #93d7e0;
    margin: 0;
    border-radius: 40px;
    font-size: 13px;
    width: 35px;
    height: 35px;
}
.taskcard-tag .tag-listing-card li{
   float: left;
    margin-right: 5px;
}
.taskcard-tag .tag-listing-card li a{
    font-size: 12px;
    padding: 5px 10px;
    opacity: .8;
    color: #fff;    
    border-radius: 2px;
    display: inline;
}
.large__mainmodalform .listingtagcolor .tagoptions{margin: 5px}
.usermanagementgroup-editpage .task-details-summary .nav-pills>li i {
    font-size: 18px;
}
.taskcard-tag .tag-listing-card li a.highprior{
        background: #ff4539;
}
.taskcard-tag .tag-listing-card li a.mediumprior{
       background: #ffa117; 
}
.taskcard-tag .tag-listing-card li a.lowprior{
         background: #fff286;
}
.taskcard-tag .tag-listing-card li  a .dot-priority-high,
.taskcard-tag .tag-listing-card li  a .dot-priority-medium,
.taskcard-tag .tag-listing-card li  a .dot-priority-low
{
        width: 10px;
    height: 10px;   
    position: relative;
    display: inline-flex;
    font-weight: 600!important;
    top: 22px;
    margin: 0 5px;
}
#edit-user .customform-main-header{
    background: transparent;
}
#add-user-popup .userprofile-sticky-widget .myprofile-preview .my-profile-img{
        height: auto;
    background: transparent;
}
#add-user-popup .userprofile-sticky-widget .my-profile-img img{
        margin: auto;
}
#master-edit-details .customform-main-header{
          background: #fff;
    display: block;  
    border-radius: 10px;
    margin-right: 3px;
}
.taskcard-tag .tag-listing-card li  a .dot-priority-medium{
   background: #ff9800;
}
.taskcard-tag .tag-listing-card li  a .dot-priority-low{
    background: #ffe500;
}
.taskcard-tag .tag-listing-card li  a .dot-priority-high{
    background: red;
}
.notxttag a{
        padding: 0 8px!important;  
    width: auto;
    position: relative!important;
    display: block!important;
    border-radius: 2px!important;
    margin-bottom: 5px;
    font-size: 11px!important;
}
.emptytag-high{
      background: red;
}
.emptytag-medium{
    background: #ff9800;
}
.emptytag-low{
     background: #ffe500;
}
.lettertag{
  padding: 9px 9px;
    background-color: #009688;
    margin: 0;
    border-radius: 40px;
    font-size: 12px;
    width: 35px;
    height: 34px;
    position: relative;
    display: inline-flex;
    font-weight: 600!important;
    color: #fff;
    margin-right: 5px;
        border: 1px solid #dcdcdc;
}
.addedmemebers{
    margin: 0;
    padding: 0;
    list-style: none;
}
.addedmemebers li{
    float: left;
    width: auto;
}
.dropdown.changelabel:hover .labelchange{
display: block;
}
.dropdown.changelabel .labelchange{
    display: none;
}
.multidropdown,
.multidropdown:hover,
.multidropdown.active,
.btn.dropdown-toggle.multidropdown:focus,
.btn.dropdown-toggle.multidropdown{
        width: 100%!important;
     background: #fff;
    color: #000;
    box-shadow: none;
    border: 1px solid #ccc;
    padding: 7px 5px;
    margin: 0;
    margin-top: 0;
    border-radius: 0;
    font-size: 13px;
    text-transform: none;
    text-align: left;
    min-width: 100%;
    position: relative;
    top: -7px;
    background-color: #fff;
}
.taglinetask li a{
    background: #e6e4e4;
    color: #000!important;
}
.taglinetask li a i{
    vertical-align: middle!important;
}
.multioptionslist{
    width: 100%;
    right: 0;
    left: 0!important;
    height: auto;
    min-height: auto!important;
}
.activitylist .form-content-section ul li{
    width: 100%;
    padding: 0!important;
    border-bottom: none!important;
}
.activitylist .form-content-section ul{
        min-height: calc(100vh - 35vh)!important;
    max-height: calc(100vh - 34vh)!important;
    height: inherit!important;
}
.activitylist .sidebar-widget-table {
    height: 100%;
}
.multioptionslist li{
    width: 100%;
}

.multidropdown .fa{
    font-size: 12px!important;
    color: #9E9E9E;
    vertical-align: top;
}
/*.lead-details-modal .process-tab-section,
.projectformdetail-popup .process-tab-section {
    min-height: inherit!important;
    max-height: inherit;
}*/
/*.lead-details-modal .onempty-chathistory {
    padding: 30% 0;
}*/
.backion{
      background: transparent;
    color: #fff;
    border: none;
    border-bottom: none;
    height: 56px!important;
    border: none;
    border-left: none!important;
}
.backion .material-symbols-outlined,
.backion .sm-visiblehide{
    color: #3e3e3e!important;
}
.formlabels ul li{
        padding: 0;
}
.btn-danger {
    color: #fff;
    background-color: #f57571!important;
    border: 1px solid #f57571 !important;
}
.steponetask .addtotasklabel ul li{
  padding: 5px 20px;
    position: relative;
    top: -5px;
}
.addedmemebers.listedmenmbers.steponememebers li{
    margin-right: 3px;
    margin-left: 0;
}
.sectiondivbg .td-actions,
.sectiondivbg td {
        vertical-align: initial;
}
.angular-editor-toolbar[_ngcontent-giy-c15] .angular-editor-toolbar-set[_ngcontent-giy-c15] .angular-editor-button[_ngcontent-giy-c15]{
        font-size: 14px;
}
.angular-editor-button{
     font-size: 14px;
 }.angular-editor-textarea{
        height: 350px!important;
 }
 .leaddoc .fix-height {
    height: 535px!important;
}
.leaddetails .profile-info .card-email,
.card-email{
    font-size: 12px;
    margin: 5px 0;
    font-weight: 500;
    color: #58666e;
}
.ooporutnisection.leadinfosection .process-tab-section .accountscreen li{
padding: 5px 10px!important;
}
.leaddetails .profile-info .card-email i{
   font-size: 18px;
    color: #062D38;
    vertical-align: sub;
}
.leadinfosection .process-tab-section{
    min-height: 76px!important;
    background: #fff;
    border: none;
    border-color: transparent;
    box-shadow: none;
}
  .process-people-tab-section .leadinfosection .nav{
    background: none!important;
    height: auto;
}
 .process-people-tab-section .leadinfosection .nav>li.active{
    border-top: none!important;
    border-bottom: none!important;
}
#opportunitydetail-popup .right-section-profile {
    height: calc(100vh - 150px);
    background: #f5f6f7;
}
#lead-details-modal .right-section-profile,
#acountformdetail-popup .right-section-profile,
#projectformdetail-popup .right-section-profile{
   height: calc(100vh - 222px);
   overflow: auto;
    min-height: calc(100% - 60px);
    max-height: calc(100% - 60px);
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #F5F6F7;
}
.user-card-content .user-thumbnail {
    left: 15px!important;
}
#lead-details-modal #tasks .right-section-profile,
#projectformdetail-popup #tasks .right-section-profile,
#acountformdetail-popup #tasks .right-section-profile{
 overflow-y: hidden;
}
#projectformdetail-popup #details .right-section-profile {
    height: calc(100vh - 235px);
}
.leadinfosection .process-tab-section .accountscreen li{
       box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    height: 75px;
    border-right: none!important;
/*        padding: 0 3px!important;*/
}
.w-25import{
    min-width: 25%;
    width: 25%;
}
.f16{
    font-size: 16px!important;
}
.bg-listing{
    background: #f5f6f7;
    height:calc(100vh - 0vh);
}
.bg-listing .process-tab-section{
    border: none;
    box-shadow: none;
}
.typename{
 font-size: 13px;
    font-weight: 500;
    vertical-align: super;
}
.typetask .material-btn-icons .material-symbols-outlined{
    font-size:20px;
}

.typetaskbisy .choose-category ul li .category-color {
    height: 40px;
    width: 40px;
    padding: 8px 11px;
    text-align: center;
    }
    .grouptaskfilter .tag-description{
    left: auto;
    right: 0;
    width: 270px;
    }
    .keywordinpt{
    border: 1px solid #d2d2d2!important;
    }
  .create-tastpopup .task-create .card-body {
     height: calc(100vh);
    }
.large__mainmodalform .modal--outersection .body--contentarea.xs-body--contentarea,
.bg-theme-colr
{
     background: #f2f7fa;
    height: calc(100vh - 0px);
    display: block;
}
#projectformdetail-popup #details .taskcontent-area {
    min-height: calc(100vh - 305px);
}
/* .table-head-section  .btn.btn-success{
        background: #75a9fb!important;
    color: #fff!important;
    border: 1px solid #75a9fb!important;
    font-size: 12px!important;
    font-weight: 500!important;
    padding: 8px 20px!important;
    border-radius: 5px!important;
    box-shadow: none!important;
    margin: 0!important;
} */

.flx-selectable-list {
    padding: 0;
}
    .flx-selectable-list-item {
      padding-left: 1rem;
      padding-right: 1rem;
      height: 2rem;
      min-width: 10rem;
      background-color: #ffffff;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
  
      /* &:hover {
        font-weight: bold;
        background-color: rgba(238, 238, 238, 0.5);
      } */
  
      /* > span {
        color: rgba(0, 0, 0, 0.69);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      } */
  
      /* .material-icons {
        color: #51dec2;
      } */
    }

 .requestslist .userdashboard-notication-section.my-request-list .fixed-table-list {
      min-height: calc(100vh - 150px);
    max-height: calc(100vh - 150px);
        padding-top: 0;
            border: 1px solid rgba(0, 0, 0, .125);
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);

}
 .requestslist .userdashboard-notication-section .timeline-container.timeline-right.history .card{
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
background: #fff;
}
 .requestslist .tabhistory-panel {
    min-height: calc(100vh - 225px);
    max-height: calc(100vh - 225px);
}
.tasklabel-xs a {
    height: 6px;
    width: 50px !important;
}
.tasknaming {
    margin-top: 0;
    font-size: 13px;
    text-align: left;
    color: #555555;
    font-weight: 500;
}
 .text-warning.stausrisk {
    background: #ffedd1;
}

 .text-approved.stausrisk {
    background: #d1ffed;
}

 .text-inprogress.stausrisk {
    background: #d1d6ff;
}

 .text-cancelled.stausrisk {
    background: #ffd1d1;
}

 .text-deny {
    color: #ff9800;
}

 .text-deny.stausrisk {
    background: #ffdeb8;
}

 .text-overdue {
    color: #e43d4e;
}
.stausrisk {
    background: inherit;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 10px;
}

 .text-overdue.stausrisk {
    background: #f8b7b3;
}

 .text-initiate {
    color: #666666;
}

 .text-initiate.stausrisk {
    background: #ededed;
}

 .text-restart.stausrisk {
    color: #46c6e3 !important;
}

 p.tasknameline {
    margin: 0;
    height: auto;
    display: inline-block;
}

 .text-notstart.stausrisk {
    background: #f7f6cf;
}

.text-notstart {
    color: #3e3e3e;
}
.calenderview .sidebar-navigation ul li.wauto.userlistingboards:hover .tooltip {
    top: 50px !important;
    padding: 0;
    left: -30px !important;
}
.calenderview .sidebar-navigation ul li:hover .tooltip{
    visibility: visible;
    opacity: 1;
}
.calenderview .sidebar-navigation ul li.userlistingboards:hover .tooltip {
    padding: 0;
}

.calenderview .card .card-content {
    text-align: left !important;
    float: left;
}
 .hoverdiv {
    padding: 10px;
    width: 220px;
    display: grid;
}
.hoverdiv .user-name {
    font-size: 11px;
}
.boardbtngroup {
    background-color: #fff !important;
    padding: 0px 5px;
    color: #3e3e3e !important;
    font-weight: 400 !important;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    list-style: none;
    box-shadow: none;
    margin: 0;
    width: auto;
    height: 20px;
    text-align: center;
}
.emaildiv p.emp-detail {
    line-height: .5;
    font-weight: 500;
    font-size: 11px;
}
 .userimagehoverdiv {
    width: 35px;
    top: 5px;
    position: relative;
}
.calenderview .sidebar-navigation ul li:nth-child(5) .tooltip.labellist {
    left: auto !important;
    right: 0;
}

.calenderview .sidebar-navigation ul li .tooltip {
    width: auto;
}

.calenderview .sidebar-navigation ul li:hover {
    background-color: transparent;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/breakpoint.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************/
/* // X-Small devices (portrait phones, less than 576px) */
/* // No media query for `xs` since this is the default in Bootstrap */
/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 576px) {
    
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}

@media (max-width: 1400px) {}

/* // Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .login-screen .card .card-content{
    padding: 0!important;
}
}

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .login-screen .card .card-content{
    padding: 0!important;
}
}
/* // Large devices (desktops, 992px and up) */
@media (max-width: 992px) {}

@media (max-width: 1200px) {}

/* slider original css */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and 
(orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/vendor.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************/
.vendorcard-title .title {
    padding: 15px 15px;
    margin: 0;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.product-sectionlist .product-image img {
    width: 80px;
    height: 80px;
    border: 1px solid #eee;
    padding: 10px;
}

.product-name {
    font-size: 15px;
    font-weight: 500;
    color: #555;
    line-height: 1.5;
}

.product-total {
    font-size: 13px;
    font-weight: 500;
}

.product-grandcost {
    font-size: 18px;
    font-weight: 500;
}

.product-grandcost small {
    font-size: 12px;
}

.btn-xxs i {
    font-size: 16px!important;
    vertical-align: bottom!important;
    top: 0!important;
}

.btn-xxs {
    padding: 1px 3px!important;
    margin: 0;
}

.item-avability {
    font-size: 11px;
    font-weight: 500;
    margin: 0;
    padding: 0 5px;
}

.in-stock {
    color: #01bd90;
}

.outof-stock {
    color: #ff9800;
}

.choose-product-section ul {
    padding-left: 0;
    margin-bottom: 0;
    min-height: 460px;
    max-height: 460px;
    overflow-y: scroll;
}

.choose-product-section ul li {
    list-style: none;
    /* border-bottom: 1px solid #eee; */
    clear: both;
    padding: 20px 15px 10px;
    display: inline-block;
    width: 100%;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);
    margin-bottom: 5px;
}

.product-description {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    color: #777;
}

.choosing-productimage img {
    width: 68px;
    height: 68px;
    border: 1px solid #efefef;
    padding: 0;
}

.order-initatedby-fields {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 2;
}

.order-initatedby-fields strong {
    font-size: 12px;
    text-align: right!important;
    color: #777;
    float: right;
}

.order-initatedby-title {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #555;
    margin-bottom: 5px;
}

.chossing-product-fixedsection {
    width: 30%;
    position: fixed;
    right: 0;
    height: 520px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    margin-left: 15px;
    margin-right: 15px;
}

.product-sectionlist .btn .material-icons,
.choose-product-section .btn .material-icons {
    vertical-align: middle;
    font-size: 13px;
    top: -1px;
    position: relative;
}

.product-sectionlist ul {
    padding-left: 0;
    width: 100%;
}

.product-sectionlist ul li {
    list-style: none;
    clear: both;
    width: 100%;
    display: inline-block;
    padding: 15px 0;
    border-bottom: 1px solid #efefef;
}

.product-sectionlist {
    min-height: 500px;
    max-height: 500px;
    overflow-y: scroll;
}

.view-addresssection .delivery-and-billing {
    height: 180px;
    border: 2px solid transparent;
    padding: 15px;
    background-color: #fdfdfd;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    margin: 10px 0;
}

.view-addresssection .delivery-and-billing .value-field {
    font-size: 13px;
    font-weight: 400;
    color: #555;
    padding-bottom: 5px;
}

.view-addresssection .delivery-and-billing .value-field i {
    color: #aaa;
    font-size: 15px;
    padding-right: 5px;
}

.address-editableactions ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.address-editableactions ul li {
    list-style: none;
    width: auto;
    padding: 5px 0;
    border-right: none;
    font-size: 12px;
    font-weight: 500;
    color: #847b7b;
    cursor: pointer;
}

.address-editableactions ul li:first-child {
    padding-left: 0;
}

.address-editableactions ul li:last-child {
    border: none;
}

.address-editableactions {
    position: absolute;
    bottom: 15px;
}

.address-editableactions ul li:hover {
    color: #111640;
}

.mycartpage table tbody tr {
    border-bottom: 1px solid rgba(202, 202, 202, 0.25);
}

.more-details .availability-status {
    font-size: 13px;
    font-weight: 500;
    padding-left: 0;
    margin: 5px 0;
}

.product-detailsrhs {
    line-height: 1.7;
}

.all-addressselection {
    background: #fff;
    padding: 15px 15px;
    margin: 5px 0;
    font-size: 12px;
    font-weight: 400;
    color: #555;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
    height: 200px;
}

.animated-search input[type=text] {
    width: 60%;
    box-sizing: border-box;
    border: 1px solid #e6ecf0;
    border-radius: 21px;
    font-size: 10px;
    background-color: #f5f8fa;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 10px;
    transition: width 0.4s ease-in-out;
    display: inherit;
    float: right;
    margin: 0;
    height: 25px;
}

.animated-search input[type=text]:focus {
    width: 100%;
}

.animated-search .close-search {
    top: 20px;
    right: 18px;
}

.animated-search .close-search:hover {
    position: absolute;
    top: 20px;
    right: 18px;
}

.product-finaltotal {
    padding: 15px 25px!important;
}

.product-finaltotal .total-count {
    float: right;
    font-size: 20px;
    color: #333;
    font-weight: 600;
}

.product-finaltotal .total-count small {
    font-size: 14px;
    font-weight: 500;
}

.select-address {
    width: 1050px!important;
    margin: 30px auto!important;
}

.select-address .select-addresscontentarea {
    min-height: 430px;
    max-height: 430px;
    overflow-y: scroll;
    width: 100%;
    margin: 0 0;
    color: inherit;
    background: transparent;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0 solid transparent;
    border-radius: 0;
    box-shadow: none;
}

.all-addressselection .value-field {
    padding-bottom: 5px;
}

.select-address .select-addresscontentarea .checkbox {
    display: inline-block;
    vertical-align: text-bottom;
}

.select-address .select-addresscontentarea .address-editableactions {
    position: absolute;
    bottom: 5px;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/final-process.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* Start of preloader design */

.qm-preloader {
    vertical-align: middle;
    text-align: center;
    color: #777;
    border-style: none;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.icon-wrapper .material-symbols-outlined {
    font-size: 30px;
}

.taskcard-tag .tag-listing-card.filtertags li a {
    background: darkgray;
    border-radius: 20px;
    font-size: 10px;
    padding: 3px 10px;
    padding-right: 5px;
}

.dropdown-menu.tag-description {
    width: 320px;
}

.filtersearch {
    position: absolute;
    right: 5px;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    top: 22px;
}

.filterlabels li:hover,
.filterlabels li:focus,
.filterlabels li:active {
    background-color: #fafafa !important;
    color: #333 !important;

}

#action-selectUser .user-card-content {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    padding: 5px;
}

#action-selectUser .user-card-content .image-user-responsive {
    top: 5px;
    position: relative;
    left: -5px;
}

.editboxcolor ul.filterlabels {
    min-height: 200px;
}

.clearbtn {
    padding: 2px 8px;
    font-size: 10px;
    background: #f99e83;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    top: -1px;
    position: relative;
}

.filterlabels li {
    padding: 5px 15px;
}

.filterlabels li a {
    padding: 0;
}

.taskcard-tag .tag-listing-card.filtertags li a span i {
    font-size: 10px;
    vertical-align: text-top;
}

/* Preloader Ends */
.btn-accsetting,
.btn-accsetting:hover,
.btn-accsetting:focus {
    background-color: #f5f5f5;
    color: #151b26;
    border-radius: 3px;
    position: relative;
    padding: 5px 10px;
    margin: 0;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1);
    border: 1px dashed #eee;
}

/*Breadcrumb design starts*/

.page-breadcrumb {
    background: #ffffff;
    margin-bottom: 10px;
    padding: 7px 10px;
    z-index: 91;
    box-shadow: none;
    border: 1px solid #e2e8ea;
}

.page-breadcrumb .text-intro {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: #555555;
    line-height: 1.4;
}

.page-breadcrumb .text-intro strong {
    font-size: 20px;
    font-weight: 400;
    color: #666666;
}

.page-breadcrumb .primary-breadcrumb {
    background: transparent;
    margin: 0 0;
}

.page-breadcrumb .primary-breadcrumb ul {
    margin: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
}

.primary-breadcrumb {
    background: transparent;
    margin: 15px 0;
}

.primary-breadcrumb ul {
    margin-left: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
}

.primary-breadcrumb ul.dropdown-menu li {
    float: none;
    font-size: 12px;
    padding: 0;
}

.primary-breadcrumb ul li {
    list-style: none;
    float: left;
    padding: 0;
}

.primary-breadcrumb ul.dropdown-menu {
    right: auto;
    left: 100px;
    border-radius: 0;
    margin-top: 1px;
    padding: 0;
}

.primary-breadcrumb ul.dropdown-menu.breadcrumb-link {
    left: auto;
    background: #f9f9f9;
    z-index: 99;
    right: auto;
}

.primary-breadcrumb ul.dropdown-menu li a,
.projectdropdown ul.dropdown-menu li a {
    background: #fff !important;
    border: none !important;
    padding: 10px 15px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    margin: 0;
}

.primary-breadcrumb ul.dropdown-menu li a:hover,
.projectdropdown ul.dropdown-menu li a:hover {
    background: #ddd !important;
}

.primary-breadcrumb .dropdown-menu>.active>a,
.primary-breadcrumb .dropdown-menu>.active>a:focus,
.primary-breadcrumb .dropdown-menu>.active>a:hover,
.projectdropdown ul.dropdown-menu>.active>a,
.projectdropdown ul.dropdown-menu>.active>a:focus,
.projectdropdown ul.dropdown-menu>.active>a:hover {
    color: #0078D7;
}

.primary-breadcrumb ul li a {
    margin-bottom: 0;
    color: #6d6e6f;
    font-weight: 600;
    font-size: 12px;
}

.primary-breadcrumb ul li:last-child a {
    font-weight: 400;
}

.primary-breadcrumb ul li:last-child a i {
    font-size: 22px;
    cursor: pointer;
}

.primary-breadcrumb ul li i {
    font-size: 18px;
    color: #444f85;
    vertical-align: middle;
}

.intro-breadcrumb .primary-breadcrumb ul li.active a i {
    color: #fff;
}

.mdl-hdr-main-actions li {
    float: left;
    padding: 0 5px;
    list-style: none;
}

.large__mainmodalform .modal {
    overflow-x: hidden;
    overflow-y: hidden !important;
}

.large__mainmodalform .modal-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
    background: #fafafa !important;
    outline: 0;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
    border-radius: 2px;
}

.large__mainmodalform .modal--outersection {
    margin: 0 auto;
    width: 95%;
    max-width: 95%;
    min-width: 95%;
    height: 100%;
    position: relative;
}

.large__mainmodalform .modal--outersection .header--titlesection {
    padding: 5px;
}

.large__mainmodalform .modal--outersection .header--titlesection ul {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    padding: 4px;
}

.large__mainmodalform .modal--outersection .header--titlesection ul li {
    float: left;
    width: auto;
    list-style: none;
    padding: 0 10px;
}

.large__mainmodalform .modal--outersection .header__label {
    border: none;
    padding: 4px 15px;
    margin: 0;
    font-size: 10px;
    font-weight: 700;
    border-radius: 20px;
    text-align: center;
}

.large__mainmodalform .modal--outersection .header--actionsection ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.large__mainmodalform .modal--outersection .header--actionsection {
    height: inherit;
    float: right;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li {
    list-style: none;
    float: right;
    width: auto;
    padding: 10px 20px;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 0;
    color: #777;
    box-shadow: none !important;
    line-height: 1.4;
    vertical-align: middle;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li:hover {
    opacity: 1;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li .material-btn-icons i,
.large__mainmodalform .modal--outersection .header--actionsection ul li a i {
    vertical-align: middle;
    line-height: 1;
    font-size: 24px;
    color: inherit;
}

.large__mainmodalform .modal--outersection .make-initate--btn {
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2) !important;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li.make-initate--btn .passing-condition {
    color: #2a86f3;
    -webkit-transition: .2s;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li.make-initate--btn a {
    color: #2a86f3;
    -webkit-transition: .2s;
}

.large__mainmodalform .modal--outersection .close-cancel--btn {
    background: #e4e4e4 !important;
}

.rhsmodal-header {
    padding: 0;
    border-bottom: 1px solid #eee;
    min-height: 16.43px;
    background-color: #00000016;
    font-weight: 600;
}

.rhsformheader {
    background: #ffffff;
    padding: 0;
    min-height: 55px;
    border-radius: 4px;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    /* box-shadow: 0 0.1em rgba(0, 0, 0, .25); */
    box-shadow: none;
}

.rhsformheader .form-headertitle {
    vertical-align: middle;
    height: 55px;
    padding: 15px;
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 700;
    color: #333;
}

.rhsformheader .rhsheader--actionsection {
    height: 55px;
    float: initial;
    text-align: right;
}

.rhsformheader .rhsheader--actionsection ul {
    padding-left: 0;
    margin-bottom: 0;
}

.rhsformheader .rhsheader--actionsection ul li {
    list-style: none;
    float: right;
    width: 35%;
    padding: 10px 0;
    height: 55px;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0;
    color: #6d6e6f;
}

.rhsformheader .rhsheader--actionsection ul li i {
    line-height: 0;
}

.rhsformheader .rhsheader--actionsection ul li.make-initate--btn a {
    color: #2a86f3;
    -webkit-transition: .2s;
}

.newmessage-notify {
    color: #00bcd4;
    font-size: 12px;
}

.questionnaire--bodycontentarea {
    min-height: calc(100vh - 11vh);
    max-height: calc(100vh - 11vh);
    overflow-y: scroll;
}

.customform-main-header .popup-actions li .btn-success i {
    color: #fff;
}

.questionnaire--bodycontentarea .questionnaire--addnewquestions p {
    font-size: 13px;
    font-weight: 600;
    color: #999;
    cursor: pointer;
}

/* 
.selectfieldinput--type li a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #151b26;
    background: #d0d2d3;
    padding: 3px 20px;
    border-radius: 50px;
    transition: 0.2s all ease-in-out;
    cursor: pointer;
} */

.horizontal--listview,
.vertical--listview {
    padding-left: 10px;
    width: 100%;
    display: inline-block;
}

.checkbox--label {
    font-size: 12px !important;
    font-weight: 600 !important;
    width: 75%;
    display: inline-block;
    height: 33px;
    padding: 5px 5px;
}

.checkbox--label .form-control {
    border: none !important;
}

.checkbox--label .form-control:hover {
    border-bottom: 1px solid transparent !important;
    border-radius: 0;
    background: #fafad2 !important;
}

.checkbox--label .form-control:focus {
    border-bottom: 1px solid #ced4da !important;
    border-radius: 0;
    background: #fff !important;
}

.add-btn-group,
.delete-btn-group {
    margin-top: 22px;
}

.add-btn-group i {
    font-size: 20px;
}

.delete-btn-group i {
    font-size: 16px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #555555;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.modal .modal-header .close i {
    font-size: 20px;
    color: #6d6e6f;
}

.large__mainmodalform .modal {
    overflow-x: hidden;
    overflow-y: hidden !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.large__mainmodalform .modal-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
    background: #fafafa !important;
    outline: 0;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
    border-radius: 2px;
}

.large__mainmodalform .modal--outersection {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    position: relative;
}

.large__mainmodalform .modal--outersection .modal-header {
    height: 64px;
    padding: 0;
    position: relative;
    width: 100%;
    top: 0;
    min-height: 16.42857143px;
    border-bottom: 1px solid #e2e8ea;
    font-size: 12px;
    color: #111;
    font-weight: bold;
    background: #fff;
}

.systemtaskform .customform-main-header .header--actionsection ul li {
    padding: 15px 10px 0 10px !important;
}

.large__mainmodalform .modal--outersection .header--titlesection {
    padding: 0 5px;
}

.large__mainmodalform .modal--outersection .header--titlesection ul {
    padding-left: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    line-height: inherit;
}

.createform-popup .modal {
    padding-right: 0 !important;
    overflow-y: hidden;
}

.header--titlesection .primary-line {
    margin: 0;
    min-height: 25px;
    padding: 5px 0;
}

.large__mainmodalform .modal--outersection .header--titlesection ul li {
    float: left;
    width: auto;
    list-style: none;
    padding: 0 10px;
}

.large__mainmodalform .modal--outersection .header--titlesection ul li .header__icons i {
    font-size: 40px;
    vertical-align: middle;
    opacity: 0.7;
    color: #6d6e6f;
    padding-top: 10px;
}

.large__mainmodalform .modal--outersection .header__title {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 3px;
    color: #333;
}

.large__mainmodalform .modal--outersection .header__label {
    border: none;
    padding: 4px 15px;
    margin: 0;
    font-size: 10px;
    font-weight: 700;
    border-radius: 20px;
    text-align: center;
    opacity: .7;
}

.large__mainmodalform .modal--outersection .header--actionsection ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.large__mainmodalform .modal--outersection .header--actionsection {
    height: inherit;
    float: right;
}

.make-initate--btn.passing-condition {
    background: #e1f5fe;
}

#lookup_table_wrapper .row {
    display: block;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li {
    list-style: none;
    float: right;
    width: auto;
    padding: 11px 15px;
    text-align: center;
    border-left: none;
    /*    border-left: 1px dotted #e2e8ea;*/
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 0;
    color: #777;
    box-shadow: none !important;
    line-height: 1.4;
    vertical-align: middle;
}

#lookup-field-listtable1 .header--actionsection ul li {
    padding: 5px 20px;
    position: relative;
    top: 6px;
}

.large__mainmodalform .modal--outersection .make-initate--btn {
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2) !important;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li.make-initate--btn .passing-condition {
    color: #2a86f3;
    -webkit-transition: .2s;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li.make-initate--btn:hover a {
    color: #2a86f3;
    -webkit-transition: .2s;
}

.large__mainmodalform .modal--outersection .close-cancel--btn {
    background: #e4e4e4 !important;
}

.large__mainmodalform .modal--outersection .body--contentarea {
    padding: 0 !important;
    margin-top: 0;
    max-height: inherit;
    overflow-y: scroll;
    min-height: auto;
    padding-top: 0px !important;
    overflow: auto;
    display: block;
}

.standard-form-layout .save-confirmation {
    padding-bottom: 15px;
}

/*.static-dashboard-task{
        min-height: calc(100vh - 15vh);
    max-height: calc(100vh - 15vh);
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}*/
.body--contentarea .formbody--outerlayout {
    background: transparent;
    font-size: 12px;
    font-weight: 400;
    margin: auto;
    border-top: none;
    box-shadow: none;
}

.body--contentarea .gridster-main-content {
    width: 100% !important;
    min-height: inherit;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: scroll !important;
    box-sizing: border-box !important;
    max-height: calc(100vh - 23vh);
}

.noinitated-records {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    width: 100%;
    text-align: center;
    height: calc(100vh - 200px);
}

.noinitated-records img {
    text-align: center;
    padding: 0;
    width: 150px;
    height: 150px;
    display: block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.50;
}

.load-svg {
    width: 200px;
    text-align: center;
    display: inherit;
    padding-bottom: 10px;
    opacity: 0.20;
}

.no-record-svg {
    width: 100px;
    text-align: center;
    display: inherit;
    padding-bottom: 0;
    opacity: 0.50;
}

.noresult-primary {
    color: #646f79;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.noresult-secondary {
    font-size: 12px;
    color: #505459;
    text-align: center;
    padding: 0;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 5px;
}

.topsearchwidget input {
    width: 200px;
}

.topsearchwidget .search-icon-svg {
    fill: #6d6e6f;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

.topsearchwidget .form-group {
    width: 100%;
    border: 1px solid #d2d2d2;
    padding: 0 30px !important;
    border-radius: 3px;
    background: #f9f9f9;
}

.topsearchwidget .form-group .form-control {
    border-bottom: none !important;
    width: 100%;
    height: 35px;
}

.large__mainmodalform .questionnaire-outerlayout .body--contentarea {
    padding: 0 !important;
}

.large__mainmodalform .questionnaire-outerlayout .body--contentarea .questionnaire--previewqusetionanswer {
    min-height: auto;
}

.large__mainmodalform .questionnaire-outerlayout .questionnaire--bodycontentarea {
    min-height: calc(100vh - 24vh);
    max-height: calc(100vh - 24vh);
    overflow-y: scroll;
}

@media (min-width: 768px) {
    .md-modalform .modal-dialog {
        width: 1120px;
        margin: 30px auto;
    }
}

.md-modalform {
    height: 70px;
    float: right;
}

.md-modalform .header--actionsection ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.md-modalform .header--actionsection ul li {
    list-style: none;
    float: right;
    width: 25%;
    padding: 0 20px;
    height: inherit;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0;
    color: #6d6e6f;
    line-height: 2;
}

.md-modalform .header--actionsection ul li a {
    color: #666666;
    font-size: 14px;
    font-weight: 600;
}

.md-modalform .header--actionsection ul li .material-btn-icons i {
    vertical-align: middle;
    font-size: 24px;
    line-height: 0.7;
}

.md-modalform .content-body {
    padding: 15px;
    background: #edf4f8;
    min-height: calc(100vh - 20vh);
    max-height: calc(100vh - 20vh);
    overflow-y: hidden;
    overflow-x: hidden;
}

.md-modalform .customform-main-header {
    background: #ffffff;
    padding: 10px 0;
    min-height: 60px;
    border-radius: 0;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    box-shadow: 0 0.1em rgba(0, 0, 0, .25);
}

.md-manageusers-modal .modal-header {
    padding: 0;
    min-height: 55px;
}

@media (min-width: 768px) {
    .xs-mdscreen-modal .modal-dialog {
        width: 525px;
        margin: 30px auto;
    }
}

@media (min-width: 768px) {
    .xs-mdscreen-modal .modal-dialog.selectuserpop {
        width: 700px;
        margin: 30px auto;
    }
}

.xs-mdscreen-modal {
    height: 70px;
    float: right;
}

.xs-mdscreen-modal .modal-content .modal-header {
    min-height: 16.42857143px;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    color: #111;
    font-weight: bold;
}

.xs-mdscreen-modal .header--actionsection ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    float: right;
}

.customform-main-header {
    background: #e6e6e6;
    padding: 10px 20px;
    min-height: 60px;
    border-radius: 4px;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    /* box-shadow: 0 0.1em rgba(0, 0, 0, .25); */
    box-shadow: none;
}

.xs-mdscreen-modal .header--actionsection ul li {
    list-style: none;
    float: right;
    width: auto;
    padding: 0 10px;
    height: inherit;
    text-align: center;
    border-left: none;
    /*    border-left: 1px dotted #f5f5f5;*/
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 0;
    color: #6d6e6f;
    line-height: 2;
}

.xs-mdscreen-modal .header--actionsection ul li a {
    color: #666666;
    display: block;
}

.xs-mdscreen-modal .header--actionsection ul li .material-btn-icons i {
    vertical-align: middle;
    font-size: 24px;
    line-height: 1 !important;
}

.xs-mdscreen-modal .content-body {
    padding: 10px 0;
    background: #edf4f8;

}

.xs-mdscreen-modal .customform-main-header {
    background: #e6e6e6;
    padding: 0px;
    min-height: 50px;
    border-radius: 0;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    /* box-shadow: 0 0.1em rgba(0, 0, 0, .25); */
    box-shadow: none;
}

.xs-mdscreen-modal .content-body {
    background: #fff !important;
}

.modal-infobox {
    min-height: 20px;
    background: #f9f9f9;
    padding: 10px 12px;
    margin-bottom: 0;
}

.modal-infobox .info-icon {
    color: #2196f3;
    fill: #b7bfc6;
    flex: 0 0 auto;
    font-size: 25px;
    min-width: 25px;
    position: absolute;
}

.modal-infobox .info-content {
    padding-left: 30px;
    line-height: 1.8;
    font-size: 11px;
    font-weight: 500;
    color: #777777;
}

.w100-searchbox {
    margin-top: 10px;
    margin-bottom: 10px;
}

.w100-searchbox .form-group .form-control {
    margin-top: 0;
    padding: 0;
    font-weight: normal;
    border: none;
    border: 1px solid #dedede;
    background: #fff !important;
}

.w100-searchbox .form-group {
    padding-bottom: 0;
    margin: 0 0 0 0;
}

.selected-member-link,
.selected-member-link:hover {
    color: #14aaf5;
    cursor: pointer;
    text-decoration: underline;
    font-size: 12px;
    text-align: right;
    float: right;
    padding: 0 10px
}

.ums-listing-panel {
    padding: 15px;
}

.ums-listing-panel .checkbox input[type=checkbox]:checked+.checkbox-material .check {
    background: #00bcd4;
    opacity: 1;
}

.ums-listing-panel .checkbox .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #00bcd4;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    border-radius: 2px;
}

/*select-user and group starts*/

.select-input-modal .content-body .animated-search-widget {
    background: transparent;
}

.select-input-modal .content-body .animated-search-widget .form-group .form-control {
    padding-bottom: 0 !important;
    background-color: #edf1f2;
    border-color: #edf1f2;
}

.select-input-modal .content-body .animated-search-widget .form-group .form-control:focus {
    background: #ffffff !important;
}

.select-input-modal .card-content {
    width: 100%;
    position: relative;
    display: inline-block;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.user-card-content {
    width: 100%;
    position: relative;
    display: inline-block;
    background: #fff;
    border: none;
    border-color: #d7dfe3;
    border-radius: 4px;
    /*    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);*/
    box-shadow: rgba(60, 64, 54, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 1px 2px 6px 2px;
    padding: 0;
    margin-bottom: 6px;
}

.user-card-content .user-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
}

.user-card-content .image-user-responsive {
    /* width: 100% !important;
    border-radius: 50% !important;
    height: 100% !important;
    min-height: 50px;
    max-height: 50px; */
}

.user-card-content .user-details {
    margin-left: 60px;
    min-height: 50px;
    padding: 5px;
    cursor: pointer;
}

.user-card-content .user-name {
    margin: 3px 0;
    font-weight: 500;
    text-transform: inherit;
    font-size: 14px;
    color: #666;
}

.select-input-modal .card-content.selecteduser {
    background: #fff;
}

.user-card-view .user-thumbnail img,
.group-card-view .user-thumbnail img {
    width: 80%;
    border-radius: 50%;
}

.modal .modal-dialog.select-input-modal {
    margin-top: 50px;
}

.modal .modal-dialog.select-input-modal .content-body {
    background: #f5f5f5;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view,
.modal .modal-dialog.select-input-modal .content-body .group-card-view,
.modal .modal-dialog.select-input-modal .content-body .icons-card-view {
    box-shadow: none;
    background: transparent;
    margin: 0;
    min-height: auto;
    max-height: 380px;
    overflow-y: scroll;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .checkbox,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .checkbox {
    display: contents;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .user-name,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .group-name {
    margin: 0;
    font-weight: 500;
    text-transform: inherit;
    font-size: 14px;
    color: #151b26;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .user-thumbnail img,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .user-thumbnail img {
    width: 35px;
    border-radius: 50%;
    height: 35px;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .emp-detail ul,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .group-detail ul {
    padding-left: 0;
    margin: 0;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .card .card-content,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .card .card-content {
    padding: 15px 12px;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .emp-detail ul li,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .group-detail ul li {
    float: left;
    width: auto;
    padding-right: 10px;
    list-style: none;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .emp-detail ul li a,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .group-detail,
.filter-list-modal .group-card-view .group-detail {
    font-weight: 400 !important;
    color: #505459 !important;
    font-size: 11px !important;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .emp-detail ul li b,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .group-detail b {
    font-weight: 400;
    color: #777
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .emp-detail ul .selected-user {
    text-align: right !important;
    float: right !important;
    padding: 0 !important;
    margin: 5px 0 0 !important;
}

.modal .modal-dialog.select-input-modal .content-body .user-card-view .emp-detail ul li a i,
.modal .modal-dialog.select-input-modal .content-body .group-card-view .group-detail i {
    font-size: 14px !important;
    color: #ccc;
    vertical-align: sub;
}

.modal .modal-dialog.select-input-modal .user-search .form-group,
.modal .modal-dialog.select-input-modal .group-search .form-group {
    padding-bottom: 0;
    padding-top: 5px;
}

.modal .modal-dialog.select-input-modal .user-search .form-group .form-control,
.modal .modal-dialog.select-input-modal .group-search .form-group .form-control {
    padding: 5px 10px !important;
}

.modal .modal-dialog.select-input-modal .user-search i,
.modal .modal-dialog.select-input-modal .group-search i {
    font-size: 16px;
    position: absolute;
    top: 15px;
    right: 20px;
}

.modal .modal-dialog.select-user-modal .search-employee .employee-designation .btn,
.modal .modal-dialog.select-user-modal .search-employee .employee-designation .btn:hover,
.modal .modal-dialog.select-user-modal .search-employee .employee-id .btn,
.modal .modal-dialog.select-user-modal .search-employee .employee-id .btn:hover {
    margin: 5px 0;
    width: 100%;
    background: none;
    box-shadow: none;
    color: #999;
    text-align: left;
    height: 34px;
    border-radius: 0;
    background: #f9f9f9;
    padding: 10px;
}

.modal .modal-dialog.select-input-modal .refresh-icon i {
    font-size: 18px;
    font-weight: 600;
    vertical-align: sub;
    color: #555;
}

.group-search .form-control {
    margin: 0 !important;
    border: none !important;
    background: #f9f9f9;
}

/*end of the select user and group modal*/
/* Start of Configuration Entity Page design */

.entity-info-overview {
    padding: 0;
    background: #ffffff;
    font-size: 12px;
    font-weight: 400;
    position: fixed;
    width: 23%;
    height: 75%;
    border: none;
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.en-info {
    background: #B8B8B8;
    padding: 20px;
    min-height: 130px;
}

.en-info .en-title {
    font-size: 20px;
    text-align: center;
    min-height: 20px;
    padding: 10px 0;
    color: #151b26;
    font-weight: 600;
}

.en-info .en-desc {
    font-size: 13px;
    color: #333;
    font-weight: 400;
    min-height: 30px;
}

.en-grp-info {
    padding: 15px;
    min-height: 150px;
    border-bottom: 1px dashed #ccc;
}

.entity-info-overview .sub-title {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 10px;
}

.manage-grp-btn {
    font-size: 12px;
    line-height: 2.4;
    font-weight: 400;
    padding: 0;
    border-radius: 0;
    color: #14aaf5;
}

.linked-group {
    color: #999;
}

.en-form-info {
    padding: 15px;
    min-height: 150px;
}

.form-list-editicon .edit-action {
    font-size: 16px;
    color: #505459;
}



.en-form-list ul {
    padding-inline-start: 0;
    margin-bottom: 0;
}

.en-list-items ul li {
    list-style: none;
}

.en-form-list ul li {
    list-style: none;
    padding: 10px 5px;
    border-bottom: 1px solid #f9f9f9;
}

.en-form-list ul li .form-list-editicon {
    font-size: 18px;
    color: #d7dfe3;
}

.par-en-item {
    padding: 20px;
    min-height: 100px;
    background: #f9f9f9;
}

.par-en-item li.active {
    background: #E6E6E6;
}

.par-en-item.active:after {
    margin: -10px -25px 0 0;
    content: '\25C0';
    font-size: 40px;
    color: #b8b8b8;
    float: right;
    padding: 0;
}

.en-list-items ul {
    padding-inline-start: 0;
    margin-bottom: 0;
}

.par-en-title {
    font-size: 20px;
}

.en-item-metrix {
    padding: 10px 0;
}

.en-item-metrix .en-metrix-count {
    font-size: 22px;
    padding-right: 5px;
    color: #505459;
}

.child-en-item {
    min-height: calc(100vh - 45vh);
    background: #F9F9F9;
    max-height: calc(100vh - 45vh);
    overflow-y: scroll;
    padding-left: 40px;
}

.child-en-item li {
    padding: 10px;
    min-height: 80px;
    border-bottom: 1px dashed #ccc;
}

.child-en-item li.active {
    background: #E6E6E6;
}

.child-en-item li.active .child-en-title {
    color: #151b26;
    font-weight: 600;
}

.child-en-item li.active:after {
    margin: -20px -10px 0 0;
    content: '\25C0';
    font-size: 40px;
    color: #b8b8b8;
    float: right;
    padding: 0;
}

.add-sub-child-btn {
    font-size: 12px;
    text-align: center;
    width: 100%;
    background: #ffffff;
    padding: 5px;
    border: 1px dashed #ccc;
    color: #777;
    font-weight: 400;
}

/* End of Configuration Entity Page design */
.corrrectanswe--details {
    background: #f4f5f5;
    padding: 15px;
}

.corrrectanswe--details .icons {
    color: #aaa;
    font-size: 15px;
    vertical-align: middle;
}

.corrrectanswe--details .scored-gained--inputfield .form-group {
    width: 10%;
    display: inline-block;
    padding-bottom: 0;
}

.corrrectanswe--details .scored-gained--inputfield .form-control {
    height: 25px;
    padding: 2px !important;
    text-align: center;
    font-size: 11px !important;
}

/** Start of Add new process with entity **/

@media (min-width: 768px) {
    .addprocesswizard .modal-dialog {
        width: 880px;
        margin: 3% auto 0;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: #fff;
        height: 600px;
    }
}

.addprocesswizard .modal-content {
    box-shadow: none;
    border-radius: 0;
}

.addprocesswizard .modal-content .modal-body {
    padding: 0;
}

.left_section {
    background: #00bcd4;
    min-height: 555px;
}

.choose--entity__heading .form-control {
    height: 25px;
}

.left-inner-content {
    padding: 0;
    text-align: center;
}

.step-defined-img {
    padding: 100px 0 0 0;
}

.step-defined-content {
    min-height: 150px;
    padding: 0 20px;
}

.step-defined-content h2 {
    font-weight: 500;
    color: #fff;
    margin: 15px 0;
    padding: 0;
    font-size: 18px;
}

.step-defined-content p {
    font-size: 1.20rem;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 1.5;
}

.more-info-link {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 20px;
    border: 1px solid #fff;
    padding: 5px 12px;
    border-radius: 50%;
    background: #fff;
}

.right_section {
    background: #fff;
    min-height: 500px;
    padding: 15px;
}

.pagecount {
    font-size: 12px;
    padding-bottom: 10px;
}

.right-main-title {
    margin: 0 0 20px;
    padding: 0;
    font-weight: 500;
    font-size: 18px;
}

.entitytype-selection ul {
    padding-inline-start: 0;
    margin-bottom: 0;
}

.entitytype-selection ul li {
    float: left;
    list-style: none;
    padding: 30px;
    width: 50%;
}

.en-listoptions {
    border: 1px dotted #ccc;
    text-align: center;
    min-height: 150px;
    vertical-align: middle;
    padding: 40% 0;
}

.sub-heading {
    text-align: center;
    font-size: 15px;
}

.stepnav-button {
    position: relative;
    right: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #f1f1f1;
    text-align: right;
}

.stepnav-button .btn-xs {
    margin: 15px !important;
}

/** End of Add new process with entity **/

.process-tab-section .page-section .right_section {
    padding: 0;
}

.process-tab-section .page-section .right_section .breadcrumb-entityfields {
    height: 45px;
}

.process-tab-section .page-section .right_section .breadcrumb-entityfields li a {
    position: relative;
    color: #555;
    text-decoration: none;
    background-color: #dde1e2;
    border: 1px solid #dde1e2;
    height: 45px;
}

.process-tab-section .page-section .right_section .breadcrumb-entityfields li span {
    color: #434a54;
    font-size: 12px;
    line-height: 3.6;
}

.process-tab-section .page-section .right_section .breadcrumb-entityfields li a:after,
.process-tab-section .page-section .right_section .breadcrumb-entityfields li a:before {
    top: 4px;
}

.process-tab-section .page-section .right_section .breadcrumb-entityfields li:first-child a {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.processtab--section {
    background: #fff;
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.processtab--section .process-people-tab-section .nav {
    height: 45px;
    background: #f9f9f9;
}

.processtab--section .process-people-tab-section .nav>li.active {
    cursor: pointer;
    padding: 5px 10px;
    border-bottom: 2px solid #009efb;
    color: #009efb !important;
    background: #c2dbef;
}

.processtab--section .process-people-tab-section .nav>li>a {
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    color: inherit;
}

.processtab--section .process-people-tab-section .nav>li {
    cursor: pointer;
    padding: 5px 10px;
    font-weight: 600;
    color: #67757c;
}

.processtab--section .nav>li {
    float: left;
}

.processtab--section .process-people-tab-section .nav>li>a:hover {
    background: none;
}

.md--modalform-screen .modal-content .modal-header {
    min-height: 16.42857143px;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    color: #111;
    font-weight: bold;
}

.md--modalform-screen .header--actionsection ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.md--modalform-screen .customform-main-header {
    background: #ffffff;
    padding: 0px;
    min-height: 50px;
    border-radius: 4px;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    /* box-shadow: 0 0.1em rgba(0, 0, 0, .25); */
    box-shadow: none;
}

.md--modalform-screen .header--actionsection ul li {
    list-style: none;
    float: right;
    width: auto;
    padding: 0;
    height: inherit;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0;
    color: #6d6e6f;
}

.md--modalform-screen .header--actionsection ul li a {
    color: #555555;
    font-size: 12px;
    font-weight: 500;
}

.md--modalform-screen .header--actionsection ul li .material-btn-icons i {
    vertical-align: middle;
    font-size: 24px;
    line-height: 0;
}

.form-filtermodal .header--actionsection ul li .material-btn-icons i {
    font-size: 20px;
}

.md--modalform-screen .popup-modal-dialog {
    box-shadow: -4px 0 40px rgba(0, 0, 0, 0.35) !important;
}

.switch--forconfigure .switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 30px;
}

.switch--forconfigure .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch--forconfigure .slider {
    position: absolute;
    cursor: pointer;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    height: 30px;
}

.switch--forconfigure .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 5px;
    background-color: white;
    transition: .4s;
}

.switch--forconfigure input:checked+.slider {
    background-color: #20bf6b;
}

.switch--forconfigure input:focus+.slider {
    box-shadow: 0 0 0 #20bf6b;
}

.switch--forconfigure input:checked+.slider:before {
    transform: translateX(26px);
}

/* Rounded sliders */

.switch--forconfigure .slider.round {
    border-radius: 34px;
}

.switch--forconfigure .slider.round:before {
    border-radius: 50%;
}

.switch--forconfigure .slider {
    margin-bottom: 0;
}

.choose--entity__listing ul {
    padding: 0;
    list-style: none;
    border-top: 1px solid #eee;
    margin-bottom: 0;
}

.choose--entity__listing ul li {
    padding: 10px;
    font-size: 13px;
    display: flex;
    background: #f9f9f9;
    color: #555555;
    height: auto;
    font-weight: 600;
}

.descppp {
    font-weight: 400;
    font-size: 14px;
    margin: 0;
}

.choose--entity__listing ul li i {
    font-size: 18px;
    vertical-align: middle;
}

.choose--entity__listing ul li.active,
.choose--entity__listing ul .child--entity_list ul li.active {
    background: #d5dce0;
}

.choose--entity__listing ul .child--entity_list ul {
    padding-left: 20px;
    margin-bottom: 0;
    border-top: none;
}

.choose--entity__listing ul .child--entity_list ul li {
    padding: 10px;
    padding-left: 35px;
    border-bottom: 1px dashed #ececec;
    font-size: 13px;
    color: #444;
    display: block;
    background: #fff;
    cursor: pointer;
    font-weight: 700;
}

.choose--entity__listing ul .child--entity_list ul li i {
    font-size: 16px;
    vertical-align: middle;
}

.choose--entity__listing ul .child--entity_list ul li:last-child {
    border-bottom: none;
}

.child--entity_list img,
.parent--entity_list img {
    height: 20px;
}

.new-update-remove--entityeditable {
    border: 1px dashed #37cca2;
    margin-top: 0;
    height: 70px;
    line-height: 1.7;
    background: #f2fffb;
    padding: 15px 20px;
    display: block;
    position: relative;
    bottom: -18px;
}

.new-update-remove--entityeditable .select-newupdateremove {
    width: 50%;
    display: inline-block;
}

.new-update-remove--entityeditable .select-newupdateremove .form-control {
    background: #fff !important;
}

.form-searchatentity {
    width: 30%;
    float: right;
}

.form-searchatentity .form-control {
    border: 0;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
}

.form-searchatentity .form-group {
    padding-bottom: 0;
}

.btn--filter {
    background: transparent !important;
    color: #555 !important;
    border: 1px solid #eee !important;
    box-shadow: none !important;
}

.btn--filter i {
    font-size: 14px !important;
}

.btn-childentity {
    background: #efeeee !important;
    box-shadow: none !important;
    color: #333 !important;
    text-transform: capitalize;
}

.btn-childentity:hover {
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, .14), 0 3px 1px -2px rgba(153, 153, 153, .2), 0 1px 5px 0 rgba(153, 153, 153, .12) !important;
}

.btn-smipleselect {
    display: none;
}

.choose--entity__listing ul li:hover .btn-smipleselect {
    display: block;
}

.choose--entity__listing ul li.active .btn-smipleselect {
    display: block;
    background: #37cca2;
}

.choose--entity__listing ul li.active:hover .btn-smipleselect {
    display: block;
    background: #37cca2;
}

.lookup-datatable-xscrollable table {
    margin: 0;
}

.lookup-datatable-xscrollable tbody {
    position: relative;
    display: block;
    width: 960px;
    overflow: scroll;
    min-height: 450px;
    max-height: 450px;
}

.conf--userentity-lookuptable .lookup-datatable-xscrollable table {
    width: 1108px;
}

/* .intro-breadcrumb {
    padding: 0;
    height: 55px;
    display: inherit;
    z-index: 9;
    background: #fff;
    border-bottom: 1px solid #dee5e7;
    border-radius: 3px;
} */
.intro-breadcrumb {
    padding: 0;
    height: 60px;
    display: inherit;
    z-index: 9;
    background: #fff;
    border: none;
    border-radius: 0;
}

.intro-breadcrumb .heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    align-items: center;
    color: #151b26;
    display: flex;
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.intro-breadcrumb .text-intro {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 1.5em;
    padding: 5px 10px;
    padding-bottom: 0;
}

.intro-breadcrumb .primary-breadcrumb {
    background: transparent;
    margin: 0;
    width: 100%;
}

.intro-breadcrumb .primary-breadcrumb ul li {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0 5px;
}

.intitaterequset-page .intro-breadcrumb .primary-breadcrumb {
    background: transparent;
    margin: 0 15px;
    width: 100%;
}

.intro-breadcrumb .primary-breadcrumb ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #444f85;
    cursor: pointer;
    line-height: 2.7;
    text-transform: capitalize;
    padding: 10px 20px;
    background: #e1e1e1;
    border-radius: 4px;
}

.intitaterequset-page .ini-request-listing,
.breadcrumbborder {
    position: relative;
    margin: 0 10px;
    width: 99%;
    padding: 0;
}

.intitaterequset-page .myforms--listingpagelist,
.intitaterequset-page .myforms--listingpagelist:hover {
    margin-left: 15px;
    width: 31%;
    margin-right: 0 !important;
}

.myforms--listingpagelist,
.myforms--listingpagelist:hover {
    display: block;
    width: 23.7%;
    position: relative;
    margin-bottom: 10px;
    background-color: #fff !important;
    float: left;
    margin-right: 15px;
    height: 220px;
    min-height: 220px;
    margin-bottom: 15px;
}

.myforms--listingpage .static-table .table>tbody>tr>.table-link {
    border-top: none;
    border-bottom: none;
    display: block;
}

.intro-breadcrumb .primary-breadcrumb ul li.active a {
    color: #fff !important;
    border-bottom: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 2.9;
    text-transform: capitalize;
    padding: 10px 20px;
    background: #444f85;
    border-radius: 4px;
}

.userdashboard-notication-section .card {
    box-shadow: none !important;
    background: none;
}

.reqtile ul {
    padding-inline-start: 0;
    margin-bottom: 0;
}

.process-box {
    text-align: center;
}

.reqtile li {
    float: left;
    margin: 0;
    width: 33.33%;
    list-style: none;
    cursor: pointer;
    margin-top: 20px;
    padding: 0;
    text-align: center;
}

.reqtile li:hover .reqlistboxlayout {
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
}

.reqtile li .reqlistboxlayout {
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding: 40px 20px;
    background: #fff;
    margin: 0px;
}

.bg-transparent {
    background: transparent;
    box-shadow: none;
}

.information-details {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}

.innercontent .ctgicon {
    font-size: 60px;
    text-align: center;
    padding-bottom: 15px;
    opacity: 0.7;
}

.reqtile li .reqouterbox {
    height: 155px;
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    text-align: center;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    border: none;
    box-shadow: 0 0 0 1px #e8ecee, 0 1px 4px 0 rgb(21 7 38 / 8%);
}

.reqouterbox .information-details {
    right: 5px;
    position: absolute;
    top: 0;
}

.reqtile li .primarytilebox {
    font-size: 13px;
    padding-bottom: 10px;
    margin: 0 !important;
    height: 70px;
    display: initial;
    vertical-align: middle;
}

.reqtile li .innerdescription {
    color: #888;
}

.reqtile li .reqouterbox .ctgicon {
    font-size: 35px;
    color: #4d5c65;
    margin-bottom: 20px;
}

.reqtile li .reqtitlename {
    text-align: center;
    margin: 0;
    cursor: pointer;
    color: #777;
    text-transform: uppercase;
    padding: 8px;
    font-size: 11px;
    font-weight: 600;
    border: none;
    background: linear-gradient(173.46deg, #fbfdff 0%, #edf8fe 100%);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}

.reqtile li:hover .innerdescription {
    visibility: visible;
    opacity: 1;
    display: block;
}

.reqtile li:hover .reqouterbox {
    box-shadow: 0 0 0 2px #e8ecee, 0 1px 4px 0 rgb(21 7 38 / 8%);
    transition: box-shadow .4s;
}

.reqtile li:hover .reqtitlename {
    color: #111 !important;
}

.cr-d {
    cursor: default !important;
}

.cr-auto {
    cursor: auto !important;
}

.myforms--listingpage .static-table .table>tbody>tr>td {
    padding: 10px !important;
    vertical-align: bottom !important;
}

.myforms--listingpage .static-table .table>tbody>tr>td .form--name {
    color: #333;
    font-weight: 600;
    font-size: 13px;
    display: inline-flex;
    line-height: 2;
    vertical-align: -webkit-baseline-middle;
}

.myforms--listingpage .static-table .table>tbody>tr>td a i {
    font-size: 30px;
    color: #14aaf5;
    background: #f0f8ff;
    padding: 7px 5px;
    border-radius: 3px;
    margin-top: 5px;
}

.myforms--listingpage .static-table .table>tbody>tr>td .btn-outlineforms,
.typetask .btn-outlineforms {
    background: transparent !important;
    border: 1px solid #14aaf5;
    color: #14aaf5 !important;
    padding: 4px 8px !important;
    box-shadow: none;
    text-transform: inherit;
    font-size: 11px !important;
    display: block;
    float: right;
    font-weight: 600;
}

.myforms--listingpage .static-table .onclickviewform:hover .btn-outlineforms {
    display: block;
}

.my-requestpage .onclickviewform .btn-outlineforms {
    background: transparent !important;
    border: 1px solid #3bd6ba;
    color: #3bd6ba !important;
    padding: 4px 8px !important;
    box-shadow: none;
    text-transform: inherit;
    font-size: 11px !important;
    display: none;
    float: right;
    font-weight: 600;
    margin-top: 19px;
    margin-bottom: 0;
}

.my-requestpage .onclickviewform:hover .btn-outlineforms {
    display: block;
}

.add-entitybtn {
    padding: 8px 20px !important;
}

.entity--listicons {
    display: block;
}

.entity--listinglist:hover .entity--listicons {
    display: block;
}

.btn--outline__success {
    background: #3abca7 !important;
    border: 1px solid #3abca7;
    color: #fff !important;
    padding: 3px 8px !important;
    box-shadow: none;
    text-transform: inherit;
    font-size: 12px !important;
    font-weight: 400;
}

.btn--outline__danger {
    background: transparent !important;
    border: 1px solid #f44336;
    color: #f44336 !important;
    padding: 4px 8px !important;
    box-shadow: none;
    text-transform: inherit;
    font-size: 11px !important;
    font-weight: 600;
}

.add---childentitybtn {
    display: block;
    float: right;
}

.entity--listinglist:hover .add---childentitybtn {
    display: inline-block;
}

.quickview--title {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #aaa;
    text-decoration: underline;
    padding: 10px 15px;
    background: #f9f9f9;
    border-top: 1px solid #eee;
}

.entity--listinglist .add---childentitybtn .btn-childentity {
    background: #efeeee !important;
    box-shadow: none !important;
    color: #333 !important;
    text-transform: capitalize;
    border: 1px solid #555;
    padding: 3px 15px !important;
    font-weight: 600;
    font-size: 12px;
}

.entity--quickviewscroll {
    min-height: calc(100vh - 34vh);
    max-height: calc(100vh - 34vh);
    overflow-y: scroll;
}

.userdashboard-notication-section.entity--quicklisting {
    position: fixed;
    width: 30.5%;
}

.entity--listinglist img {
    width: 25px;
    height: 25px;
}

.tasklistingpage .entity--listinglist .listedmenmbers img {
    position: relative;
    top: -5px;

}

.entity--detailspage .process-info-overview-header {
    background: #fff;
}

.entity--detailspage .process-info-overview-header .info-process-name {
    font-weight: 600;
    color: #333;
}

.entity--detailspage .floating-formedit-btn i {
    padding: 0;
    font-size: 15px !important;
}

.entity--tabsection--headerbar ul {
    background-color: #fff;
}

.entity--tabsection--headerbar ul li.active a {
    color: #333 !important;
    border-bottom: 2px solid #697178 !important;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

.entity--tabsection--headerbar ul li {
    width: auto;
    float: left;
}

.entity--tabsection--headerbar ul li a {
    font-size: 11px;
    font-weight: 600;
    color: #888;
    cursor: pointer;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    /* transition: 0.5s; */
}

.btnhide--onactive .btn--outline__success {
    display: none;
}

li.active .btnhide--onactive .btn--outline__success {
    display: inline-block;
}

.switch {
    position: relative;
    display: block;
    /* vertical-align: top; */
    width: 120px;
    height: 30px;
    padding: 3px;
    margin: 0 auto;
    border-radius: 18px;
    cursor: pointer;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #dddbdb;
    border-radius: inherit;
    box-sizing: content-box;
    font-weight: 700;
}

.switch-label:before,
.switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    transition: inherit;
    box-sizing: content-box;
}

.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #555;
}

.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    opacity: 0;
}

.switch-input:checked~.switch-label {
    background: #3bd6ba;
}

.switch-input:checked~.switch-label:before {
    opacity: 0;
}

.switch-input:checked~.switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch-input:checked~.switch-handle {
    left: 93px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */

.switch-label,
.switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.select--datatypesform .dropdown .btn-default {
    width: 100%;
    text-align: left;
    color: #555 !important;
    background-color: #fff !important;
    display: inline-block;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #dedede !important;
    padding: 8px 12px;
    font-size: 13px;
    -webkit-user-select: none;
            user-select: none;
    box-shadow: none;
    margin: 0;
    text-transform: inherit;
}

.select--datatypesform .dropdown .btn-default:hover {
    box-shadow: none;
}

.select--datatypesform .dropdown-search {
    width: 100%;
    padding: 5px 10px;
    border: none;
    margin: 0;
    border-bottom: 1px solid #aaa;
}

.dropdown .btn-default.open>.btn.btn-default.dropdown-toggle,
.open>.btn.btn-default.dropdown-toggle:focus,
.open>.btn.btn-default.dropdown-toggle:hover,
.open>.btn.dropdown-toggle,
.open>.btn.dropdown-toggle:focus,
.open>.btn.dropdown-toggle:hover {
    box-shadow: none;
}

.select--datatypesform .dropdown-menu li>a {
    font-size: 11px;
    padding: 10px 10px;
    margin: 0 0 5px;
    border-radius: 2px;
    transition: all 150ms linear;
    font-weight: 600;
    color: #aaa;
}

.select--datatypesform .dropdown-menu li>a.active i,
.select--datatypesform .dropdown-menu li>a:hover i {
    color: #6a7688;
}

.select--datatypesform .dropdown-menu li>a.active,
.select--datatypesform .dropdown-menu li>a:hover {
    color: #333;
}

.select--datatypesform .dropdown-menu li>a i {
    font-size: 30px;
    color: #c3d0e3;
    display: block;
}

.select--datatypesform .dropdown-menu li {
    position: relative;
    width: 25%;
    float: left;
    text-align: center;
}

.entity--formmasterdetails .customform-main-header {
    min-height: 0;
}

.info--editmodaldialog {
    height: auto !important;
    position: inherit !important;
    background: transparent !important;
}

.validation--header {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.input-group .form-control.form-control-selectpicker {
    padding: 0;
}

.input-group .form-control.form-control-selectpicker>.btn-group.bootstrap-select {
    width: 100%;
}

.input-group .form-control-6 {
    width: 50%;
}

.input-group .form-control.form-control-selectpicker .btn-group .btn {
    border: 0;
}

.input-group .form-control.form-control-selectpicker .btn-group.open .btn {
    border-radius: 0;
}

.btn--deleteaction {
    position: absolute;
    top: -7px;
    right: 0;
    border: 1px solid #d5d5d5;
    height: 36px;
    width: 100%;
    padding: 5px;
    line-height: 1.8;
    border-left: none;
    border-radius: 2px;
    background: #f3f3f3;
    color: #555;
    text-align: center;
}

.large__mainmodalform .modal--outersection .header--actionsection ul li a .material-btn-icons {
    vertical-align: sub;
}

.user-configuration-metrix .addnew-primary .dropdown-menu {
    left: auto;
    right: 0;
    min-width: auto;
}

.user-configuration-metrix .addnew-primary .dropdown-menu li {
    padding: 0;
    width: 100%;
}

.user-details .select-user--action {
    font-size: 12px;
    text-decoration: underline;
}

.user-configuration-metrix .addnew-primary .dropdown-menu li>a {
    margin: 0;
}

.questionnaire--dialog {
    width: 850px;
    max-width: 850px;
    min-width: 850px;
}

.questionnaire--dialog .modal-content .content-body {
    min-height: calc(100vh - 25vh);
    max-height: calc(100vh - 25vh);
    overflow-y: scroll;
    overflow-x: hidden;
}

@media (min-width: 768px) {
    .xs-mdscreen-modal .modal-dialog.modalwith700 {
        width: 550px !important;
        margin: 30px auto !important;
    }
}

.chatscreen .frame {
    width: 100%;
    height: inherit;
    min-height: inherit;
    max-height: inherit;
}

.taskbtnapprove i,
.taskbtnapprove .status-label {
    color: #32c861 !important;
}

.taskbtncancel i,
.taskbtncancel .status-label {
    color: #dc5959 !important;
}

.taskbtnresolve i,
.taskbtnresolve .status-label {
    color: #FFB236 !important;
}

.taskbtnrestart {
    color: #00bcd4 !important;
}

.taskbtnsave {
    color: #18e2cd !important;
}

.taskbtnsave i,
.taskbtnsave .status-label {
    color: #18e2cd !important;
}

.taskbtnrestart i,
.taskbtnrestart .status-label {
    color: #188ae2 !important;
}

.taskbtndeny i,
.taskbtndeny .status-label {
    color: #ff9800 !important;
}

.widget-title {
    font-size: 16px;
    margin: 0;
    padding: 10px;
    font-weight: 600;
}

.questionlisting ul {
    padding-inline-start: 0;
    margin-bottom: 0;
}

/*.tasks-modal .xs-mdscreen-modal .modal-dialog.modalwith700 {
    width: 500px!important;
    margin: 30px auto!important;
}*/

.tasks-modal .xs-mdscreen-modal .header--actionsection ul li .material-btn-icons i,
.xs-mdscreen-modal .header--actionsection ul li .material-btn-icons i {
    vertical-align: middle;
    font-size: 24px;
    display: block;
    line-height: 0.8 !important;
    opacity: 1;
}

.task-modal-form .xs-mdscreen-modal .header--actionsection ul li {
    list-style: none;
    float: right;
    width: auto;
}

.task-modal-form .frame .content .contact-profile {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #eeeeeec7;
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
}

.task-modal-form .writemsg-panel {
    position: relative;
    width: 100%;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 15px;
    background: #F6F8F9;
    border-top: 1px dashed #ccc;
    min-height: auto;
    display: inline-block;
}

.task-modal-form .chatwindowcontent .contact-profile {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #eeeeeec7;
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
}

.chat-task .task-modal-form .writemsg-panel {
    /* position: absolute; */
    width: 100%;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px;
    background: #F6F8F9;
    border-top: 1px dashed #ccc;
    min-height: auto;
}

.myprofile-tab-section .nav>li>a:focus {
    cursor: pointer;
    /* border-bottom: 2px solid #6c757d; */
    padding: 11px 15px;
    font-weight: 600;
    background: #fff;
    color: #000;
    /* border-bottom: 2px solid #508ef5; */
    border-bottom: none;
}

.myprofile-tab-section .nav>li.active a {
    background: #99a0a3;
    border-bottom: 2px solid #ddd;
    color: #fff;
}

.myprofile-tab-section .nav>li .close:hover {
    background: none;
}

.chat-history-received .frame .content .messages ul li .received-message-preview {
    text-align: right;
}

.managegrouppopup .customform-main-header {
    box-shadow: none;
}

.customform-main-header .header--actionsection ul li {
    padding: 15px 10px 0 10px;
}

.form-filtermodal .customform-main-header .header--actionsection ul li {
    padding: 0 10px;
}

.edit-entity .customform-main-header .header--actionsection ul li {
    padding: 5px 10px;
}

.question--addmetadata .customform-main-header .header--actionsection ul li {
    width: auto;
    padding: 10px;
}

.createform-popup .conf--userentity-lookuptable {
    overflow: auto;
    overflow-x: scroll;
    overflow-y: scroll;
    min-height: 500px;
    max-height: 500px;
}

.pl-card-header .animated-search-widget {
    background: transparent;
    margin-top: 0px;
}

/* .intro-breadcrumb .primary-breadcrumb ul li a {
    font-size: 12px!important;
} */

.xs-intro-breadcrumb .animated-search-widget .process-sub-menu .btn,
.xs-intro-breadcrumb .animated-search-widget .process-sub-menu .btn:hover,
.xs-intro-breadcrumb .animated-search-widget .process-sub-menu .btn:focus {
    padding: 6px 0;
    margin-top: 0;
}

.task-calender {
    position: fixed;
    width: 100%;
    max-width: 100%;
}

.task-details-summary .viewonly-forms ul {
    /* background: #f0f3f4!important; */
    background: transparent;
}

.initaiteform .viewonly-forms ul {
    /* background: #fafafa!important; */
    background: transparent;
}

.custom-formmodal .viewonly-forms ul {
    /* background: #fafafa!important; */
    background: transparent;
}

.lookup-smallmodal .header--actionsection ul li {
    list-style: none;
    float: right;
    width: 70px;
}

.select-input-modal .btn-xs {
    line-height: 2.7;
}

.bg-fafafa {
    background: #fafafa !important;
}

.bcrumb-position {
    width: calc(100vw - 0px);
    position: fixed;
}

#budget .bcrumb-position {
    width: inherit;
    position: relative;
    box-shadow: none;
}

.boxshadow-card {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1) !important;
}

.initiat_rich .customform-main-header .header--actionsection ul li {
    padding: 0;
}

.formsectionheader {
    background: #E4ECF7;
    min-height: 30px;
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    padding: 10px;
    color: #444;
    min-height: 41px;
    font-weight: 600;
    background-color: rgb(238 240 242) !important;
    border-top: 1px solid rgb(192 192 192) !important;
}

.formsectionfooter {
    bottom: 0;
    position: relative;
    /*    background: #E4ECF7;*/
    background: #e9e9e9;
    left: 0;
    right: 0;
    min-height: 30px;
    padding: 10px;
    color: #444;
    min-height: 45px;
}

.formsectionfooter .button-section {
    float: right;
}

.action-iconsinsidesection {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 0;
    background: #d9e7fb;
    border: 1px solid #c9dbf3;
    z-index: 99;
    padding: 8px;
}

@media (min-width: 768px) {
    .workflow--outerlayout .modal-dialog {
        width: 1080px;
        margin: 30px auto;
    }
}

.createrequest-popup .card-content {
    background-color: #f5f5f5;
    /*background-color: rgb(116 116 116 / 63%);*/
}

.createrequest-popup .rghttmesheet .card-content {
    background-color: transparent !important;
}

.entity-list-overview {
    padding: 0;
    background: #ffffff;
    font-size: 12px;
    font-weight: 400;
    height: 75%;
    border: 1px solid rgba(0, 0, 0, .125);
    border-color: #d7dfe3;
    border-radius: 4px;
    box-shadow: none;
}

.createrequest-popup .card.noshasow {
    box-shadow: none;
    background: transparent;
}

#progressbar {
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
}

#progressbar li {
    list-style-type: none;
    width: 16.66%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar .header--actionsection ul li {
    padding: 0 !important;
    padding-top: 3px !important;
}

#progressbar #step1:before {
    content: "1";
}

#progressbar #step2:before {
    content: "2";
}

#progressbar #step3:before {
    content: "3";
}

#progressbar #step4:before {
    content: "4";
}

#progressbar #step5:before {
    content: "5";
}

#progressbar #step6:before {
    content: "6";
}

#progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 45px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    font-size: 20px;
    background: #D7D9E0;
    border-radius: 50%;
    margin: auto;
    border: 2px solid #b2b4b9;
    color: #000;
    padding: 0 11px;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 21px;
    z-index: -1
}

#progressbar .subtitle {
    color: #6d6e6f;
    font-weight: 500;
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #3cc982 !important;
    font-weight: 700 !important;
    border: 2px solid #5bc890 !important;
    color: #fff !important;
}

#progressbar li.active .subtitle {
    color: #000;
    font-weight: 600;
}

.workflow--outerlayout .header--actionsection ul li {
    padding: 0 !important;
    /* border-left: 1px dotted #ccc!important; */
    border-left: none;
    padding-top: 12px !important;
}

.workflow--outerlayout .modal-content .modal-header {
    padding: 0;
    min-height: 80px;
    background: #EEEFF2;
}

.workflow--outerlayout .book--title {
    line-height: 3.5;
    text-transform: uppercase;
    padding: 15px 25px;
    font-weight: 700;
    color: #000;
}

.workflow--outerlayout .modal-content .modal-body {
    padding: 0;
    display: block;
    min-height: 447px;
    max-height: 560px;
    height: 500px;
}

.workflow--outerlayout .task-heading {
    font-size: 14px;
    padding: 20px 15px;
    font-weight: 500;
    color: #151b26;
    text-decoration: none;
}

.taskactions-panel ul {
    margin-bottom: 0;
    padding-left: 0;
}

.taskactions-panel ul li {
    list-style: none;
    float: left;
    width: 25%;
    padding: 0 10px;
}

.actionbtntitle-approve {
    padding: 10px;
    background: #32c861;
    font-size: 14px;
    text-align: left;
    color: #fff;
    opacity: 0.75;
}

.actionbtntitle-cancel {
    padding: 10px;
    background: #e46a76;
    font-size: 14px;
    text-align: left;
    color: #fff;
    opacity: 0.75;
}

.actionbtntitle-deny {
    padding: 10px;
    background: #ff9800;
    font-size: 14px;
    text-align: left;
    color: #fff;
    opacity: 0.75;
}

.actionbtntitle-restart {
    padding: 10px;
    background: #00bcd4;
    font-size: 14px;
    text-align: left;
    color: #fff;
    opacity: 0.75;
}

.workflowpanelheight {
    min-height: 500px;
}

.workflow--outerlayout .workflow-externalactivity-popup #progressbar li {
    width: 50%;
}

.workflow--outerlayout .workflow-emailactivity-popup #progressbar li {
    width: 33%;
}

.workflow--outerlayout .taskdetails-header-action .task-document-listing .listing-icons {

    border-right: none;

}

.workflow--outerlayout .taskdetails-header-action {
    padding: 30px;
}

.workflow--outerlayout .connecting-line {
    height: 5px;
    background: #cac3c338;
    position: absolute;
    width: 320px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 30px;
    z-index: 1;
}

.question--addmetadata .comp-preview-header {
    border-bottom: none;
    font-size: 14px;
    margin: 0;
}

.question--addmetadata #model-add label {
    font-weight: 500;
    padding: 0;
}

.setcolor-form {
    display: flex;
}

.pagezoomcontroller {
    transform: scale(1);
    min-height: calc(100vh - 8vh);
    max-height: 100%;
}

.imge-upload-form {
    text-align: center;
    padding: 10px;
    margin: auto;
    background: #fff;
    border-radius: 3px;
}

.workflow--outerlayout #progressbar li {
    list-style-type: none;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400
}

.imge-upload-form i {
    font-size: 30px;
}

.imge-upload-form p {
    line-height: 1;
}

.imge-upload-form .img-preview img {
    width: 100%;
    height: auto;
}

.createrequest-popup .modal--outersection .body--contentarea {
    padding-top: 0 !important;
}

.createrequest-popup .modal--outersection .header--titlesection {
    padding: 0;
    line-height: inherit;
}

#workflow-taskdecision .workflowpanelheight .table-responsive {
    min-height: auto;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}

#workflow-taskdecision .workflowpanelheight {
    min-height: 440px;
}

#workflow-taskdecision .static-table tr:first-child td .form-group {
    padding-bottom: 0;
}

.conditionbox {
    position: absolute;
    bottom: 50px;
    width: 100%;
    padding: 10px 20px;
}

#workflow-taskdecision .static-table .form-group {
    padding-bottom: 7px;
}

.createrequest-popup .modal--outersection .qm-designform nav ul li,
.viewonly-forms .qm-designform nav ul li {
    border-radius: 20px 20px 0 0;
}

.createrequest-popup .mytaskviewonlyforms,
.master-edit-details .mytaskviewonlyforms {
    padding-top: 10px;
}

.large__mainmodalform .master-edit-details .modal--outersection .header--actionsection ul li {
    padding: 0px 20px;
    border: none;
}

.master-edit-details .modal--outersection .body--contentarea {
    padding-top: 0 !important;
}

.multiple-question_list {
    background: #ffff;
    padding: 15px 25px;
}

.standard-form-layout .gridster-content-position {
    height: 100%;
    /*        height: calc(100vh - 0px);*/
    margin-bottom: 80px !important;
    /*        background: rgb(233 233 233 )!important;*/
    background: #ededed !important;
    /* overflow: auto;
    min-height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;*/
    padding: 15px 35px;
    padding-bottom: 30px;
}

.task-details-summary .task-grid-content .standard-form-layout {
    padding-bottom: 30px;
}

.createform-popup .customform-main-header .header--actionsection ul .make-initate--btn .material-icons {
    color: #2a86f3;
}

.add-filter-btn {
    margin: 0;
}

.btn-edit,
.btn-trash {
    padding: 0 3px;
}

.btn-edit .material-icons,
.btn-trash .material-icons {
    font-size: 16px;
}

.user-card-content.active {
    border: 1px solid #d7dfe3;
}

.filter-list-modal .togglebutton label .toggle:after {
    width: 16px;
    height: 16px;
    top: -2px;
}

.filter-list-modal .togglebutton label .toggle,
.filter-list-modal .togglebutton label input[type=checkbox][disabled]+.toggle {
    width: 25px;
    height: 12px;
    margin-right: 5px;
}

.btn-get-data {
    border: 1px solid #3abca7;
    background: #3abca7;
    font-size: 11px;
    padding: 2px 10px;
    color: #fff;
    cursor: pointer;
    margin: 5px 0;
}

.text-message {
    color: rgb(244 136 3);
}

.filter-list-modal .process-data .customform-main-header .header--actionsection ul li {
    width: 75px;
}

.btn-bpm-addnew,
.btn-bpm-addnew:hover,
.btn-bpm-addnew:focus {
    padding: 5px 20px;
    font-size: 12px;
    background: #3abca7;
    font-weight: 500;
    color: #fff;
    border-radius: 3px;
    margin: 0;
}

#edit-questionnaire .myprofile-tab-section .tab-pane,
#edit-questionnaire .myprofile-tab-section .nav {
    background: transparent;
}

.gridster-item-content .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #e3e3e3;
}

.addprocesswizard #info-edit .modal-content {
    display: inline-grid;
}

#roles-view-details .intro-breadcrumb ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #3e3e3e;
    cursor: pointer;
    line-height: 2;
    text-transform: capitalize;
    background: transparent;
    font-family: 'Poppins', sans-serif;
    padding: 0;
}

#avilableActivitygroupsmodalform .emp-detail ul {
    padding-left: 35px;

}

.rest-btn,
.rest-btn.active,
.rest-btn:hover {
    margin: 0 !important;
    padding: 7px 10px !important;
    background: transparent !important;
    border: 1px solid #26c6da;
    font-size: 11px;
    line-height: 1;
    color: #26c6da !important;
    font-weight: 500;
}

.btn-generatepassowrd,
.btn-generatepassowrd:hover {
    padding: 7px 20px;
    font-size: 11px;
    margin: 5px 0;
    background-color: #00bcd4;
    color: #FFF;
    box-shadow: 0 2px 2px 0 rgb(0 188 212 / 14%), 0 3px 1px -2px rgb(0 188 212 / 20%), 0 1px 5px 0 rgb(0 188 212 / 12%);
}

.workflow-emailactivity-popup .modalfooter-rhslists,
.workflow-externalactivity-popup .modalfooter-rhslists {
    float: inherit;
}

#master-view-details .conf--userentity-lookuptable {
    overflow: auto;
    overflow-x: scroll;
    overflow-y: scroll;
    min-height: calc(100vh - 12vh);
    max-height: calc(100vh - 12vh);
}

.sidebar-mini {
    padding-right: 0 !important;
}

#list-user .intro-breadcrumb .primary-breadcrumb ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #3e3e3e;
    cursor: pointer;
    line-height: 3.8;
    text-transform: capitalize;
    background: transparent;
    padding: 0;
}

.myprofile-page {
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
    padding: 0;
    background: #fff;
    margin: 0px;
}

.n-box-shadow {
    box-shadow: none;
}

.image-bg-section {
    width: 150px;
    height: 150px;
    box-sizing: border-box;
    border-radius: 49.9%;
    background-clip: border-box;
    background-color: var(--color-background-container);
    border: 4px solid var(--color-background-container);
    box-shadow: none;
    margin: auto;
    position: relative;
}

.material-symbols-outlined {
    vertical-align: middle;
    font-size: 18px;
}

.image-inner-section {
    width: 100%;
    height: 100%;
    background-color: var(--color-background-container-tint);
    display: block;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    background-color: var(--color-background-container-tint);
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    box-sizing: border-box;
}

.image-btn-cursor,
.br-div1 .event-cover-pic {
    line-height: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    touch-action: manipulation;
}

.profile-image {
    text-align: center;
}

.div-4 {
    height: 120px;
    display: flex;
    margin: auto;
    width: 80%;
    margin-bottom: 10px;
}

.profile-image img {
    border: 1px solid #e7e4e4;
    background: #ffff;
    height: auto;
    width: 120px !important;
}

.image-inner-section .card-email {
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    color: #58666e;
}

.img-1 {
    border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: inherit;
    right: 0;
    top: 0;
    width: 100%;
}

.uploaded-img {
    height: auto;
    border-radius: 50% !important;
    padding: 0 !important;
}

.leftpanel-list {
    list-style: none;
    width: 100%;
    display: block;
    padding: 0;
    margin-top: 25px;
}

.leftpanel-list li {
    padding: 0;
    float: left;
    width: 100%;
    display: flex;
    border-bottom: 1px solid #ccc;
}

.left-sidebar-profle {
    background: #f1f1f1;
    height: 520px;
    padding: 40px 20px;
}

.right-section-profile {
    padding: 50px;
}

.profile-title {
    font-size: 18px;
    font-weight: 500;
    color: #3e3e3e;
    margin: 20px 0;
}

.right-section-profile label {
    font-size: 13px;
    line-height: 1.428571429;
    color: #3e3e3e;
    font-weight: 400;
}

.myprofile-page .form-group {
    padding-bottom: 0;
}

.upload-img-profile {
    position: absolute;
    right: 15px;
    top: 0;
    padding: 7px 8px;
    background: #26c6da;
    border-radius: 20px;
    color: #fff;
}

.datatable-customize table thead tr {
    color: #000;
    font-weight: 400;
    background-color: #F7F7F7 !important;
    height: 40px;
}

.datatable-customize .table>thead>tr>th {
    padding: 10px 5px !important;
    vertical-align: middle !important;
    font-size: 13px;
    color: #555555;
    font-weight: 500;
}

.datatable-customize .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.datatable-customize .table-hover>tbody>tr:hover,
.datatable-customize .table>tbody>tr.active>td,
.datatable-customize .table>tbody>tr.active>th,
.datatable-customize .table>tbody>tr>td.active,
.datatable-customize .table>tbody>tr>th.active,
.datatable-customize .table>tfoot>tr.active>td,
.datatable-customize .table>tfoot>tr.active>th,
.datatable-customize .table>tfoot>tr>td.active,
.datatable-customize .table>tfoot>tr>th.active,
.datatable-customize .table>thead>tr.active>td,
.datatable-customize .table>thead>tr.active>th,
.datatable-customize .table>thead>tr>td.active,
.datatable-customize .table>thead>tr>th.active {
    background-color: #f5f5f5;
}

.master-edit-details.large__mainmodalform .modal--outersection .header--actionsection ul {
    position: relative;
    top: inherit;
}

.master-edit-details.large__mainmodalform .master-edit-details .modal--outersection .header--actionsection ul li {
    padding: 0px 15px;
}

.clr-pdf {
    color: #f74e4e !important;
}

.docfiletype {
    color: #f74e4e !important;
    width: 35px;
    height: auto;
    margin: auto;
    text-align: center;
}

.clr-wrd {
    color: #3196e6 !important;
}

.clr-img {
    color: #c44ff4 !important;
}

.clr-pwr {
    color: #ce4123 !important;
}

.clr-exl {
    color: #0e63ab !important;
}

.taskbtnpopup i {
    color: #3f51b5 !important;
}

.taskbtnpopup .status-label {
    color: #3f51b5 !important;
}

.entity_llisting .customform-content-body .process-tab-form-section {
    min-height: inherit !important;
    max-height: initial;
}

.large__mainmodalform #createcustomform .modal--outersection .body--contentarea {
    padding-top: 10px !important;
    background: rgb(75 75 75) !important;
}

.leftpanel-list li a.active {
    background: #c2dbef;
    box-shadow: none;
    line-height: 1.6;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500;
    min-width: 100px;
    text-align: left;
    transition: all .3s;
    padding: 10px 15px;
    border-left: 2px solid #009efb;
    color: #3e3e3e;
    border-radius: 0;
    width: 100%;
}

.card-name {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    color: #333;
    margin: 0;
}

.leftpanel-list li a {
    background: transparent;
    box-shadow: none;
    line-height: 1.6;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500;
    min-width: 100px;
    text-align: left;
    transition: all .3s;
    padding: 10px 15px;
    border-left: none;
    color: #3e3e3e;
    border-radius: 0;
    width: 100%;
}

.large__mainmodalform .standard-pent-modal .modal--outersection .modal-header {
    height: 50px !important;
}

.button-box {
    border-radius: 0;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 15%);
    overflow: hidden;
    display: flex;
    margin: auto;
    margin-top: 0;
    background: #ffffff;
    border: 1px solid #d2d2d2;
    transition-duration: 800ms;
    border-bottom: none;
    padding: 10px;
}

/*.button-box-primary{
    border-radius: 0;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 15%);
    overflow: hidden;
    display: flex;
    margin: auto;
    margin-top: 0!important;
    background: #ffffff;
    border: none;
    transition-duration: 800ms;
    padding: 10px;
    border: 1px solid #d2d2d2;
}
*/
.button-box-primary .closeaction .delete-action {
    font-size: 15px;
    color: #e46a76 !important;
}

.editaction i {
    font-size: 15px;
}

.input-custom {
    width: auto;
    margin: 0 15px;
    height: 32px;
    line-height: 0;
    position: relative;
    top: 0;
    min-width: 90px;
    max-width: 170px;
    padding: 0 5px !important;
}

.process-value .form-group {
    padding-bottom: 0;
}

.process-value.rule-tag {
    display: initial;
}

.timeline-milestones ul .conditondiv:hover {
    background: transparent;
}

.height-100 {
    min-height: calc(100vh - 0vh) !important;
    overflow: auto;
    max-height: calc(100vh - 0vh);
    padding-bottom: 20px;
    display: table;
    background: #f2f7fa;
}

.nohover:hover {
    background-color: transparent;
}

.left-secion-user {
    background: #ffffff;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    height: 75%;
    border: 1px solid rgba(0, 0, 0, .125);
    border-color: #d7dfe3;
    border-radius: 3px;
    box-shadow: 0 5px 20px rgb(0 0 0 / 5%);
    margin-top: 15px;
}

.my-request-list .tabhistory-panel {
    padding: 20px 10px;
}

.headder-closebtn ul {
    list-style: none;
}

.headder-closebtn ul li {
    float: right;
}

.workflow--outerlayout #system-task-form .modal-content .modal-header,
#system-task-form .workflowpanelheight {
    min-height: auto;
}

.workflow--outerlayout #system-task-form .table-configurebtns .switch-handle {
    top: 5px;
}

.moreverticon {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 10px;
}

.moreverticon .icondrodwon {
    font-size: 14px;
    color: #000000;
    opacity: 1;
    font-weight: 600;
}

.ownerimage {
    position: absolute;
    right: 0px;
    bottom: 10px;
    background: #ffffff;
    border-radius: 25px;
    font-size: 20px;
    color: #777777;
}

.heading-task {
    font-size: 10px !important;
}

.text-hignpriority {
    background: #ffa29b;
    color: #fff !important;
    font-weight: 500 !important;
    padding: 2px 8px !important;
    margin-right: 3px;
    border-radius: 3px !important;
    position: relative;
    font-size: 11px !important;
}

.prioritysection .text-hignpriority {
    background: #ffa29b;
    color: #fff !important;
    font-weight: 500 !important;
    padding: 2px 8px !important;
    margin-right: 3px;
    border-radius: 3px !important;
    position: relative;
    font-size: 11px !important;
}

.text-medium {
    background: #0788ff;
    color: #fffefa !important;
    font-weight: 500 !important;
    padding: 4px 10px !important;
    margin-right: 3px;
    border-radius: 2px;
}

.tasklistingpage .card-body {
    border: none;
}

.tasklistinggg .choose--entity__listing ul .entity--listinglist:hover {
    background: #f9f9f9;
    cursor: pointer;
}

.taskactivityline {
    border-top: 1px solid transparent;
    padding-top: 5px;
    margin-top: 0;
}

.text-lowpriorty {
    background: #FFC107;
    color: #fffefa !important;
    font-weight: 500 !important;
    padding: 4px 10px !important;
    margin-right: 3px;
    border-radius: 2px;
}

.delete-confirmation .warningicon {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.textwarning {
    font-weight: 500;
    font-size: 18px;
}

.create-tastpopup .sectiondivbg {
    height: auto;
}

#create-tastpopup .task-create .card-body {
    height: inherit;
}

#tasks .userdashboard-notication-section .status {
    text-transform: inherit;
}

.create-tastpopup .tag-description,
.create-tastpopup .tag-editbox ul {
    right: 0;
    left: auto;
}

.create-tastpopup .bgtaskcreate {
    background: #f5f6f7 !important;
}

.addedmemebers.listedmenmbers li {
    float: right;
    width: 25px;
    margin-left: 3px;
    background: none;
    padding: 0;
    position: relative;
}

.box-top {
    vertical-align: top !important;
}

.taskorgname {
    font-size: 12px;
    color: #83a0ac;
    font-weight: 400;
}

.static-dashboard-task .dashboard-task-content .card .task-card-header.bottom-div {
    padding: 5px 10px;
}

.request-header {
    padding: 15px 10px;
    z-index: inherit;
    font-weight: normal;
    background: #f9f9f9;
    box-shadow: none;
    border-bottom: 1px solid #f9f9f9;
    border-radius: 0;
}

.div-section-butn .modalfooter-rhslists ul {
    padding: 0 5px;
}

.btn-customised {
    padding: 0;
    background: transparent;
    margin: 0;
    box-shadow: none;
    text-transform: inherit;
}

.optionallising {
    border: 1px solid #e3e3e3 !important;
    font-weight: 500 !important;
    color: #777777 !important;
    border-radius: 5px;
    font-size: 12px !important;
}

.bg-none {
    background: none;
}

.userviewivcon i {
    font-size: 20px !important;
    color: #3e3e3e;
}

.gridster .gridster-item {
    box-sizing: border-box;
    z-index: 1;
    position: absolute;
    position: relative !important;
    overflow: hidden;
    transition: .3s;
    background: #fff;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    border-radius: inherit;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    /* -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
        box-shadow: 0 5px 20px rgb(0 0 0 / 5%);*/
    margin-bottom: 15px;
    user-select: text;
}

.formdivsection {
    height: calc(100vh - 0px);
    min-height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px;
}

.collapsehead {
    height: 42px;
}

.img-center {
    text-align: center;
    margin: 20px auto;
}

.img-left {
    float: left;
}

.img-right {
    float: right;
}

.gridster-item-content input[type='number']::-webkit-outer-spin-button,
.gridster-item-content input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button;
    /* opacity: 1;
   margin-left: 10px;*/
}

.img-1 {
    border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: inherit;
    right: 0;
    top: 0;
    width: 100%;
    height: auto !important;
    min-height: auto !important;
}

.div-2 {
    height: 300px;
    display: flex;
}

.div-1 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: 0.35rem;
    box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 10%) !important;
}

.div-2.imagesectiondiv {
    height: 150px;
}

.taskcard-tag .tag-listing-card li a span i {
    font-size: 13px;
    padding: 2px 2px;
    background: #fff;
    color: #f44336;
    border-radius: 20px;
    font-weight: 600;
    vertical-align: top;
}

.lisignfilter ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    float: right;
}

.lisignfilter ul .dropdownlisignli {
    float: left;
    width: auto;
}

.grouptaskfilter {
    padding: 0 !important;
    height: auto !important;
    border-left: none !important;
}

.submissionflutter .taskactivityline .status {
    font-weight: 500;
    font-size: 14px;
    opacity: 1;
    padding: 1px 5px;
    border-radius: 3px;
    text-transform: inherit;
}

.itemextra {
    padding: 5px 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f9f9f9;
    color: #3e3e3e;
    font-weight: 500;
    font-size: 11px;
    text-align: center;
    margin-bottom: 5px;
}

.prioritysection {
    position: relative;
    top: 25px;
    right: 0;
    left: 0;
    float: left;
    text-align: right;
    bottom: 0;
}

.labelposition {
    vertical-align: bottom !important;
}

.accessdropdwon,
.accessdropdwon.active,
.accessdropdwon:hover {
    background-color: #fff !important;
    font-size: 12px !important;
    padding: 6px 20px !important;
    color: #3e3e3e !important;
    font-weight: 400 !important;
    border-radius: 5px;
    border: 1px solid #ccc;
    list-style: none;
    box-shadow: none;
    margin: 0;
    width: auto;
    height: 35px;
}

.membersection {
    position: relative;
    top: 14px;
}

.icondrodwon {
    font-size: 17px !important;
    vertical-align: middle !important;
    margin: 0;
    margin-top: 0;
    top: 3px;
    right: 0;
    position: relative;
}

.imagesctiontrack {
    width: 40%;
    margin: auto;
}

.hadingtrackr h2 {
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    color: #8e80bb;
}

.trackerempty {
    padding: 5% 30%;
}

.btntrackernotify .addnewprocessbtn {
    width: 20% !important;
}

.hadingtrackr {
    text-align: center;
    margin: auto;
}

.table-responsive td .form-control {
    font-size: 13px;
}

.plannedheader {
    margin: 3px 0;
    text-transform: capitalize;
    cursor: pointer;
    background: transparent !important;
    color: #555555;
    font-size: 15px;
    font-weight: 600;
}

/**/
.homelandingdashboard svg {
    position: absolute;
    top: 35%;
    right: 10%;
    margin-top: -50px;
    margin-left: 0;
    left: auto;
}

.homelandingdashboard .message-box {
    height: 200px;
    width: 380px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: 50px;
    color: #FFF;
    font-family: Roboto;
    font-weight: 300;
}

.homelandingdashboard .message-box h1 {
    font-size: 60px;
    line-height: 46px;
    margin-bottom: 40px;
}

.homelandingdashboard .buttons-con .action-link-wrap {
    margin-top: 40px;
}

.homelandingdashboard .buttons-con .action-link-wrap a {
    background: #68c950;
    padding: 8px 25px;
    border-radius: 4px;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.3s linear;
    cursor: pointer;
    text-decoration: none;
    margin-right: 10px
}

.homelandingdashboard .buttons-con .action-link-wrap a:hover {
    background: #5A5C6C;
    color: #fff;
}

.homelandingdashboard #Polygon-1,
#Polygon-2,
#Polygon-3,
#Polygon-4,
#Polygon-4,
#Polygon-5 {
    animation: float 1s infinite ease-in-out alternate;
}

.homelandingdashboard #Polygon-1 {
    stroke: #6b6daf;
    stroke-width: 10px;
}

.homelandingdashboard #Polygon-2 {
    animation-delay: .2s;
}

.homelandingdashboard #Polygon-3 {
    animation-delay: .4s;
}

.homelandingdashboard #Polygon-4 {
    animation-delay: .6s;
}

.homelandingdashboard #Polygon-5 {
    animation-delay: .8s;
}

@keyframes float {
    100% {
        transform: translateY(20px);
    }
}

@media (max-width: 450px) {
    .homelandingdashboard svg {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 50px;
        margin-left: 0;
    }

    .homelandingdashboard .message-box {
        top: 50%;
        left: 50%;
        margin-top: -100px;
        margin-left: -190px;
        text-align: center;
    }
}

.homelandingdashboard {
    background: linear-gradient(45deg, #26ceff 60%, #f8f8f8 60%);
    /* background: linear-gradient(125deg, #f8f8f8 60%,#26ceff 60%); */
    width: 100%;
    height: calc(100vh - 0vh);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://previews.123rf.com/images/melpomen/melpomen2002/melpomen200200321/139571117-document-management-system-concept-with-businessman-on-blurred-abstract-background.jpg);
    overflow: visible;
    object-fit: cover;
    display: block;
    vertical-align: middle;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.cardlistingdashboard section {
    height: 100%;
    width: 100%;
    display: block;
    place-items: center;
}

.cardlistingdashboard .card {
    width: 100%;
    height: 350px;
    padding: 2em 1.5em;
    background: linear-gradient(#ffffff 50%, #03a9f4a3 50%);
    background-size: 100% 200%;
    background-position: 0 2.5%;
    border-radius: 5px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: 0.5s;
}

.cardlistingdashboard h3 {
    font-size: 20px;
    font-weight: 600;
    color: #1f194c;
    margin: 1em 0;
    margin-bottom: 10px;
}

.cardlistingdashboard p {
    line-height: 1.6;
    letter-spacing: 0.03em;
    padding: 0;
    font-size: 13px;
    color: #9e9e9e;
}

.heading-underline {
    height: 3px;
    width: 50px;
    background: #03A9F4;
    border-radius: 15px;
    margin: 10px 0;
    text-align: center;
    margin: auto;
    margin-top: 2px;
    margin-bottom: 40px;
}

#opportunitydetail-popup .onempty-chathistory {
    padding: 122px 0;
}

.landscreenpara {
    font-weight: 500;
    line-height: 1.8;
    /*    color: #3e3e3e;*/
    color: #ffff;
    font-size: 13px;
}

.btn-openapp:hover {
    background: #fff;
    color: #505459;
}

.card:hover .btn-openapp {
    background: #ffff;
    color: #505459;
}

.drafttable .tasklistinggg .prioritysection,
.drafttable .tasklistinggg .membersection {
    top: 0 !important;
    left: 47px;
}

.btn-openapp,
.btn-openapp:focus,
.btn-openapp:active,
.btn-openapp.active,
.btn-openapp:active:focus,
.btn-openapp:active:hover {
    background: #505459;
    color: #fff;
    box-shadow: none;
    font-size: 12px !important;
    padding: 10px 20px !important;
    position: relative;
    bottom: 0;
    right: inherit;
    text-align: center;
    font-weight: 600;
}

.weclcomediv {
    margin: auto;
}

.cardlistingdashboard .icon-wrapper {
    background-color: #48484c;
    position: relative;
    margin: auto;
    font-size: 30px;
    height: 2.5em;
    width: 2.5em;
    color: #ffffff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    transition: 0.5s;
}

.cardlistingdashboard .card:hover {
    background-position: 0 100%;
}

.cardlistingdashboard .card:hover .icon-wrapper {
    background-color: #ffffff;
    color: #48484c;
}

.cardlistingdashboard .card:hover h3 {
    color: #ffffff;
}

.cardlistingdashboard .card:hover p {
    color: #f0f0f0;
}

@media screen and (min-width: 768px) {
    .cardlistingdashboard .column {
        flex: 0 50%;
        max-width: 50%;
    }
}

.main-panel .taskmain {
    position: relative;
    width: 100%;
}

#taskdetails-modal .sidebarpanel-task {
    height: -webkit-fill-available;
}

#taskdetails-modal .divside .process-info-overview {
    height: calc(100vh - 135px);
}

@media screen and (min-width: 992px) {
    .cardlistingdashboard .column {
        flex: 0 0 33.33%;
        max-width: 31.5%;
        float: left;
        margin: 0 9px;
        margin-bottom: 20px;
    }
}

.cardlistingdashboard ul {
    list-style: none;
    padding: 0;
    width: 100%;
}

.landscreenheading {
    color: #fff;
    font-size: 35px;
    margin: 20px 0 0 0;
    font-weight: 400;
    text-shadow: 1px 1px #d2d2d2;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.sectiontwo-landing {
    /*position: relative;
    margin-top: -280px;*/
    position: absolute;
    top: 10%;
    width: 100%;
    margin: auto;
}

.permissionoption .sectiondivbg {
    display: inline-block;
    width: 100%;
}

.permissionoption .sectiondivbg label {
    color: #3e3e3e;
    line-height: 2;
    font-size: 13px;
}

.webbox {
    display: -webkit-box;
}

.errortextstate .status i {
    font-size: 18px;
    vertical-align: middle;
    font-weight: 600;
}

.step-bar.md>li:second-child {
    border-radius: 20px 3px 3px 20px;
}

/*--*/
.step-bar {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
    /* *zoom: 1; */
    border-radius: 20px;
}

@media (min-width: 768px) {
    .step-bar {
        display: flex;
        box-orient: horizontal;
        box-direction: normal;
        -moz-flex-direction: row;
        flex-direction: row;
    }
}

.step-bar>li.complete a {
    color: #ffffff;
}

.step-bar>li {
    width: 100%;
    position: relative;
    background-color: #d8d7d7;
    font-size: 12px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .step-bar>li {
        padding: 10px;
        margin-bottom: 5px;
    }
}

.step-bar>li>a {
    transition: none !important;
    text-decoration: none;
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #3e3e3e;
    cursor: pointer;
}

.step-bar>li.active>a {
    color: #ffffff;
}

/*.step-bar > li > a:before {
  counter-increment: step-number;
  content: counter(step-number) ". ";
}*/
.step-bar>li:before,
.step-bar>li:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #d8d7d7;
    border-left: 4px solid #FFF;
    top: 0;
}

.step-bar>li:after {
    transform: skew(-30deg);
}

.step-bar>li:before {
    transform: skew(30deg);
}

.step-bar>li:first-child:before,
.step-bar>li:first-child:after {
    background: white;
    content: none;
}

.step-bar>li.active {
    background-color: #337ab7;
}

.step-bar>li.active:before,
.step-bar>li.active:after {
    background-color: #337ab7;
}

.step-bar>li.active:hover {
    background-color: #285f8f;
}

.step-bar>li.active:hover:before,
.step-bar>li.active:hover:after {
    background-color: #285f8f;
}

.step-bar>li.complete {
    background-color: #5cb85c;
}

.step-bar>li.complete:before,
.step-bar>li.complete:after {
    background-color: #5cb85c;
}

.step-bar>li.complete:hover {
    background: #449d44;
}

.step-bar>li.complete:hover:before,
.step-bar>li.complete:hover:after {
    background-color: #449d44;
}

.step-bar>li.danger {
    background-color: #d9534f;
}

.step-bar>li.danger:before,
.step-bar>li.danger:after {
    background-color: #d9534f;
}

.step-bar>li.danger:hover {
    background: #c9302c;
}

.step-bar>li.danger:hover:before,
.step-bar>li.danger:hover:after {
    background-color: #c9302c;
}

.step-bar>li.warning {
    background-color: #fd8c4a;
}

.step-bar>li.warning:before,
.step-bar>li.warning:after {
    background-color: #fd8c4a;
}

.step-bar>li.disabled {
    pointer-events: none;
}

.step-bar>li.disabled>a {
    color: #a2a2a2;
}

@media (min-width: 768px) {
    .step-bar>li {
        line-height: 32px;
        padding: 0 24px 0 16px;
    }

    .step-bar>li:before,
    .step-bar>li:after {
        left: -8px;
        width: 16px;
        height: 16px;
    }

    .step-bar>li:after {
        top: 16px;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .step-bar>li:first-child {
        padding-left: 16px;
    }
}

@media (min-width: 768px) {
    .step-bar.sm>li {
        line-height: 24px;
        padding: 0 18px 0 12px;
    }

    .step-bar.sm>li:before,
    .step-bar.sm>li:after {
        left: -6px;
        width: 12px;
        height: 12px;
    }

    .step-bar.sm>li:after {
        top: 12px;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .step-bar.sm>li:first-child {
        padding-left: 12px;
    }
}

.step-bar.sm>li {
    font-size: 12px;
}

@media (min-width: 768px) {
    .step-bar.md>li {
        line-height: 40px;
        height: 40px;
        padding: 0 15px 0 10px;
    }

    .step-bar.md>li:before,
    .step-bar.md>li:after {
        left: -10px;
        width: 20px;
        height: 20px;
    }

    .step-bar.md>li:after {
        top: 20px;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .step-bar.md>li:first-child {
        padding-left: 20px;
    }
}

.step-bar.md>li {
    font-size: 14px;
    width: 100%;
}

.lead-stages {
    display: flex;
}

@media (min-width: 768px) {
    .step-bar.lg>li {
        line-height: 80px;
        padding: 0 60px 0 40px;
    }

    .step-bar.lg>li:before,
    .step-bar.lg>li:after {
        left: -20px;
        width: 40px;
        height: 40px;
    }

    .step-bar.lg>li:after {
        top: 40px;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .step-bar.lg>li:first-child {
        padding-left: 40px;
    }
}

.step-bar.lg>li {
    font-size: 16px;
}

code {
    font-size: 18px;
    background: #eee;
    padding: 0 4px;
    color: #d9534f;
}

.prev,
.next {
    float: left;
    /* width: 27px; */
    height: auto;
    z-index: 10;
    cursor: pointer;
    /* background-size: 27px 44px; */
    background-position: center;
    background-repeat: no-repeat;
    /*    border: 1px solid #000;*/
    border-radius: 20px;
    padding: 2px 5px;
    text-align: center;
}

.prev i,
.next i {
    text-align: center;
    font-size: 15px;
    padding: 3px 0;
    font-weight: 600;
}

.prev.x1:hover,
.next.x1:hover {
    background: #00000099;
}

.prev:hover i,
.next:hover i {
    color: #fff;
}

.bg-transparent {
    background: transparent;
}

.DemoSlide {
    width: 7%;
    position: relative;
    right: 0;
    height: 80%;
    /* background: #fff; */
    padding-top: 1px;
    top: 10%;
    display: flex;
    /* Justify-content: center; */
    align-items: center;
    left: auto;
    float: right;
}

.prev.x1,
.next.x1 {
    margin: 5px 5px;
    background: #00000021;
    opacity: .8;
}

.border-none {
    border: none !important;
}

.prev i {
    position: relative;
    left: 3px;
}

.container-fluid.bg-theme-colr {
    background: #8b8b8b;
    height: calc(100vh - 100px);
    display: block;
    overflow: auto;
}

.lead-stages .step-bar.md>li .form-group .form-control {
    color: #ffff !important;
}

.condition-title .form-control[disabled]::placeholder {
    color: #000000;
    opacity: 1;
}

.menu-template-container {
    bottom: 58px;
    left: 11px;
    top: auto !important;
}

#processaddform .modal-footer {
    display: flow-root;
}

#processaddform .formsettingtabs {
    display: inline-flex;
}

#processaddform .formsettingtabs .progress-bar {
    height: 450px;
}

#processaddform.formsetting .myprofile-tab-section {
    min-height: inherit;
    max-height: inherit;
}

.flx-selectable-list-item span {
    font-size: 13px;
    color: #3e3e3e;
    line-height: 1;
}

.menu-template-container .flx-selectable-list .flx-selectable-list-item {
    height: inherit;
    padding: 10px;
    background: #ffff;
}

.menu-template-container .flx-selectable-list {
    padding: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    border-radius: 2px;
}

/**/
.timeline {
    box-sizing: border-box;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

/* The actual timeline (the vertical ruler) */
.tabhistory-panel .timeline::after {
    display: none;
}

.tabhistory-panel .card.timeline-content {
    padding: 12px 15px;
    border-radius: 4px;
}

.tabhistory-panel .timeline.item-history:before {
    top: 50px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #E5E5E5;
    left: 13.4%;
    margin-left: -2px;
    display: none;
}

.tabhistory-panel .timeline-container.timeline-right::before {
    left: 0;
}

.tabhistory-panel .timeline-container.timeline-right {
    padding: 10px 11px;
    width: 85%;
    padding-right: 5px;
    padding-top: 5px;
}

.user-thumbnail img {
    margin-right: 4px;
    width: 25px;
}

.usernametag {
    padding: 4px;
    vertical-align: -webkit-baseline-middle;
}

.tabhistory-panel .timeline-right {
    left: 15%;
}

.tabhistory-panel .timeline-container {
    box-sizing: border-box;
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 100%;
}

.tabhistory-panel .timeline-right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 5px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: #ffffff #e6e6e6 transparent transparent;

}

.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: white;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

/* Container around content */
.timeline-container {
    box-sizing: border-box;
    padding: 10px 50px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */
.timeline-container::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -17px;
    background-color: #f9f9f9;
    border: 3px solid #eb8d31;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
    display: none;
}

/* Place the container to the left */
.timeline-left {
    left: 0;
}

/* Place the container to the right */
.timeline-right {
    left: 50%;
}

/* Add arrows to the left container (pointing right) */
.timeline-left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.timeline-right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.timeline-right::after {
    left: 3px;
}

/* The actual content */
.timeline-content {
    padding: 20px 30px;
    background-color: white;
    position: relative;
    border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {

    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    .timeline-container {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

    /* Make sure that all arrows are pointing leftwards */
    .timeline-container::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    /* Make sure all circles are at the same spot */
    .timeline-left::after {
        left: 15px;
    }

    .timeline-right::after {
        left: 15px;
    }

    /* Make all right containers behave like the left ones */
    .timeline-right {
        left: 0px;
    }
}

/* Style copy */
.timeline-date {
    color: #009fa1;
    font-weight: 700;
}

.timeline-copy {
    color: black !important;
}

.wrapper1 .loader {
    width: 150px;
    /* control the size */
    aspect-ratio: 1;
    display: grid;
    -webkit-mask: conic-gradient(from 15deg, #0003, #000);
    mask: conic-gradient(from 15deg, #0003, #000);
    animation: load 1s steps(12) infinite;
}

.wrapper1 .loader,
.wrapper1 .loader:before,
.wrapper1 .loader:after {
    color: #0e0e0e;
    width: 60px;
    text-align: center;
    display: inline-grid;
    background: radial-gradient(closest-side at 50% 12.5%,
            currentColor 90%,
            #0000 98%) 50% 0/20% 80% repeat-y,
        radial-gradient(closest-side at 12.5% 50%, currentColor 90%, #0000 98%) 0 50%/80% 20% repeat-x;
}

.wrapper1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: #dcdcdc85;
    z-index: 9999;
    opacity: .3;
    width: 100%;
    height: 100%;
    padding: 180px 0;
}

.wrapper1 .loader:before,
.wrapper1 .loader:after {
    content: "";
    grid-area: 1/1;
    transform: rotate(30deg);
}

.wrapper1 .loader:after {
    transform: rotate(60deg);
}

@keyframes load {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

.right .tab-pane .intro-breadcrumb {
    height: 53px;
    width: 96%;
}

.right .my-request-list.ini-rhs-layout {
    top: 53px;
    position: fixed;
    margin-top: 60px;
}

.request-notification-section .process-list-section {
    overflow: auto;
    min-height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    overflow-y: scroll;
    overflow-x: hidden;
    background: #f4f8fb;
}
 
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/questionaire.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************/
.storystatus .text-approved,
.storystatus .fa-diamond,
.text-approved {
    color:#009c5c!important;
}

.storystatus .text-rejected,
.storystatus .fa-times,
.text-rejected {
    color: #FF3636!important;
}

.text-notification {
    color: #FFB236!important;
}

.text-settings {
    color: #e64c4c!important;
}

.width-250 {
    width: 250px!important;
}

.edit--qicon {
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 16px;
    cursor: pointer;
}

.modal-small {
    width: 320px;
    margin: 100px auto 0;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    outline: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.delete-modalform .modal-body {
    padding: 30px 40px;
}

.modal-content .modal-footer.text-center {
    text-align: center;
}

.modal-content .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #e6e6e6;
    padding: 0 0;
    height: auto;
    width: 100%;
    -ms-box-shadow: 0 -0.1em rgba(0, 0, 0, .10);
    -o-box-shadow: 0 -0.1em rgba(0, 0, 0, .10);
    box-shadow: 0 -0.1em rgba(0, 0, 0, .10);
}

.delete-modalform .modal-body .delete-confirmation {
    font-size: 13px;
    line-height: 1.5em;
}

.btn-simple {
    background-color: transparent!important;
    color: #a9afbb;
    box-shadow: none;
    font-size: 12px;
    text-transform: capitalize;
}

.btn-success.btn-simple {
    background-color: transparent!important;
    color: #4cae4c;
    box-shadow: none;
    border: none;
}

.modal-content .modal-footer button {
    margin: 0;
    padding: 5px 15px;
    width: auto;
}

.selectfieldinput--type li {
    width: 15%!important;
    float: left;
    margin: 0 10px 0 0!important;
    height: 60px;
}

.selectfieldinput--type li a {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #444;
    background: #f3f3f3;
    padding: 10px 20px;
    border-radius: 5px!important;
    transition: 0.2s all ease-in-out;
    cursor: pointer;
    height: 90px;
    width: 100%;
    border: 1px solid #eee;
    text-align: center;
}

.selectfieldinput--type li a img {
    opacity: 0.5;
    width: 45px;
    text-align: center;
    display: block;
    margin: 0 auto 8px;
}

.q-usereditable {
    background: #ffffff;
    font-size: 12px;
    font-weight: 400;
    margin: auto 85px;
    min-height: calc(100vh - 0vh);
    border-top: none;
    padding: 20px;
    overflow: hidden;
}

.q-usereditable__options ul {
    list-style: none;
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.q-usereditable__options ul li input[type=radio],
.q-usereditable__options ul li input[type=checkbox] {
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.q-usereditable__options ul li .checkbox input[type=checkbox] {
    position: inherit;
    margin-left: 0;
}

.q-usereditable__options ul li.select--vert25single {
    width: 25%;
    float: left;
    position: relative;
}

.questionoption--listing ul.options--vertical li {
    text-align: left;
    font-size: 12px;
    height: 150px;
    line-height: 2;
    display: inline-block;
}

.q--form-label {
    font-size: 16px;
    line-height: 1.428571429;
    color: #333 !important;
    font-weight: 600;
}
.q-usereditable__options ul li.select--horzmultiple label{
    font-weight: 500!important;
    font-size: 14px!important;
    color: #646f79!important;
}
.q-usereditable__options ul li .checkbox label,
.q-usereditable__options ul li .radio label {
    padding-left: 0;
    font-size: 12px;
}

.q-usereditable__options ul li .checkbox,
.q-usereditable__options ul li .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.question--rowdisplay {
    padding: 20px;
    border: 1px dashed transparent;
}

.question--rowdisplay:hover {
    border: 1px solid #b7b7b7;
    box-shadow: 0 5px 10px #777;
        /*border-left: 4px solid #3fa5bb;*/
}

.question--rowdisplay.quest-nohover {
    box-shadow: none!important;
    border: none!important;
}
.question--rowdisplay.active {
    border: 1px dashed #b7b7b7;
    box-shadow: 0 5px 10px #777;
}

.q-actionicons {
    position: inherit;
    top: 5px;
    right: 5px;
    float: right;
    display: block;
    margin-bottom: 15px;
}

.q-actionicons .actionicons--questionnaire {
    display: inline-block;
    border: none;
    padding: 2px 5px;
    border-radius: 3px;
    cursor: pointer;
    background: #eee;
}

.question--rowdisplay:hover .q-actionicons {
    display: block;
}

.task-grid-content .question--rowdisplay .q-actionicons {
    display: block;
}

.q-qusetionimage img {
    width: 150px;
    height: 100px;
    margin-bottom: 10px;
}

.q-usereditable__options ul li.select--horzmultiple {
    width: 100%;
    position: relative;
}

.q-usereditable__options ul li .optionplusimage img {
     width: 80%;
    height: 85px;
    margin-right: 5px;
}

.q-usereditable__options ul li .checkbox label {
    padding-left: 5px;
    font-weight: 500!important;
    font-size: 14px!important;
    color: #646f79!important;
}

.multi-select-list .data-list ul {
    list-style: none;
    padding-left: 0;
    display: inline-block;
    width: 100%;
}

.multi-select-list .data-list ul li {
    display: block;
    width: 100%;
}

.multi-select-list .data-list ul li a {
    cursor: pointer;
    margin: 2px 3px 2px 0;
    padding: 0 8px;
    border-radius: 12px;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 10px;
    text-transform: inherit;
    line-height: 2em;
    padding-left: 0.8em;
    float: left;
    background-color: #999999;
}

.multi-select-list .data-list ul li a i {
    font-size: 11px;
    line-height: 2;
    margin-left: 3px;
    font-weight: 700;
    vertical-align: middle;
}

.question--result .question--result__header .eb--headerlists__title {
    border: none;
    margin: 10px 0!important;
    float: left;
    color: #888;
    font-weight: 500;
    display: inline-flex;
    font-size: 14px;
}

.question--result__corectans {
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px!important;
    border-radius: 10px;
    position: relative;
    margin-bottom: 5px;
    font-size: 13px;
}

.text-danger {
    color: #ff3547!important;
}

.justify--answer {
    text-decoration: underline;
    cursor: pointer;
    color: #555;
}

.showmore-answer {
    display: block;
    border: 1px dashed #ccc;
    width: 100%;
    margin-top: 25px;
    padding: 10px;
    font-size: 12px;
}

.setting-section-right .modal-body {
    background: #f4f8fc;
}

.input--formarks {
    color: #555;
}

.input--formarks .form-group {
    padding-bottom: 0;
}

.input--formarks .form-control {
    width: 60px;
    display: inline-block;
    height: 28px;
    padding: 0 5px;
    margin-left: 10px;
    margin-top: -7px!important;
}

.border-bb {
    border-bottom: 2px solid #e8e8e8;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.evidence--section ul {
    padding-left: 0;
    list-style: none;
}

.evidence--section ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.evidence--section ul li {
    padding: 5px;
    border-bottom: 1px solid #eee;
}

.evidence--section ul li:last-child {
    border: none;
}

.evidence--section ul li .icons {
    cursor: pointer;
}

.input--typecontrol .form-control {
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px!important;
    border-radius: 10px;
    position: relative;
    margin-bottom: 5px;
    font-size: 13px;
}

.xs-comment-box .modal-dialog {
    width: 525px;
    margin: 30px auto 0!important;
}

.xs-comment-box .modal-content .modal-header {
    min-height: 16.42857143px;
    padding: 0;
    border-bottom: none;
    font-size: 12px;
    color: #111;
    font-weight: bold;
}

.xs-comment-box .customform-main-header {
    background: #ffffff;
    padding: 10px 5px;
    min-height: 55px;
    border-radius: 4px;
    -ms-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0.1em rgba(0, 0, 0, .25);
    box-shadow: 0 0.1em rgba(0, 0, 0, .25);
}

.xs-comment-box .customform-main-header .form-headertitle {
    font-size: 16px;
    color: #151b26;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 10px;
}

.xs-comment-box .header--actionsection ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    float: right;
}

.xs-comment-box .header--actionsection ul li {
    list-style: none;
    float: right;
    width: 30%;
    padding: 0;
    height: inherit;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0;
    color: #6d6e6f;
    line-height: 1.8;
}

.frame .content .contact-profile .social-media i:nth-last-child(1) {
    margin-right: 0;
}

.frame .content .contact-profile .social-media i {
    margin-left: 14px;
    cursor: pointer;
    font-size: 12px;
}

.frame {
    width: 100%;
    height: 93vh;
    min-height: 400px;
    max-height: 400px;
}

.frame .content {
    float: right;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

#projectformdetail-popup .frame .content .messages
{
    height: calc(100vh - 400px);
    min-height: calc(100vh - 400px);
    max-height: calc(100vh - 400px);
}
#acountformdetail-popup .frame .content .messages,
#leadformdetail-popup .frame .content .messages {
    height: calc(100vh - 330px);
      min-height:calc(100% - 60px);
    max-height: calc(100% - 60px);
    background: #ffff;
}
#opportunitydetail-popup .frame .content .messages{
            min-height: calc(100vh - 255px);
              height: calc(100vh - 255px);
    max-height: calc(100vh - 255px);
}
#opportunitydetail-popup .onempty-chathistory{
    height: calc(100vh - 255px);
    background: #ffff;
}
#projectformdetail-popup .onempty-chathistory ,
#acountformdetail-popup .onempty-chathistory ,
#leadformdetail-popup .onempty-chathistory {
/*   padding: 125px 0;*/
    height: calc(100vh - 324px);
}
.leaddoc .process-tab-section {
    min-height: inherit;
}
.leaddoc #documents .content-body{
    height: calc(100vh - 235px);
    background: #f5f6f7;
}
#projectformdetail-popup #details .onempty-chathistory {
    height: calc(100vh - 405px);
    padding: 85px 0;
}
.frame .content .messages {
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    width: calc(100% - -5px);
    padding: 5px 0;
     min-height:calc(100vh - 43vh);
    max-height: calc(100vh - 43vh);
}

.frame .content .messages::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

.frame .content .messages::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
}

.frame .content .messages ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
}

.frame .content .messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    margin: 5px 5px 5px 0;
    width: calc(100% - 10px);
    font-size: 12px;
}

.frame .content .messages ul li:nth-last-child(1) {
    margin-bottom: 20px;
}

.frame .content .messages ul li.sent img {
    margin: 0;
}

.frame .content .messages ul li.sent p {
    background: #aaaaaa;
    color: #ffffff;
}

.frame .content .messages ul li.replies img {
    float: right;
    margin: 0;
}

.frame .content .messages ul li.replies p {
    background: #eee;
    float: right;
}

.frame .content .messages ul li img {
    width: 25px;
    height: 25px;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 5px;
    border-radius: 50%;
    float: left;
    border: 1px solid #eee;
    background: #eee;
    margin-top: 0;
}

.frame .content .messages ul li p.sent-message-preview {
    display: block;
     margin-top: 5px;
    min-height: 35px;
    clear: both;
    font-size: 11px;
    line-height: 1.7;
    font-weight: 400;
    font-size: 12px;
/*    background: #e2f8ff;*/
background: #f9f9f9;
    padding: 8px 10px;
    border-radius: 8px 1px 8px 1px;
    text-align: left;
    margin-bottom: 3px;
    color: #000;
}
.received-message-preview{
      text-align: left;
}
.sent-message-preview {
    border-radius: 4px;
    padding: 10px;
    background-color: #cfecfe;
    display: inline-block;
    margin: 10px 0;
}

.sent-chat-username {
    font-weight: 400;
     font-size: 11px;
    color: #062d38;
    padding-left: 5px;
}

.received-chat-username {
 /*   font-size: 14px;
    font-weight: 400;
    color: #505459;
*/    float: right;   
 text-align: left;
    font-size: 11px;
    color: #505459;
}

.sent-date-format {
    text-align: right;
    font-size: 11px;
    color: #062d38;
    float: right;
}

.received-date-format {
    text-align: left;
    font-size: 11px;
    color: #505459;
    float: left;
}

.received-message-preview {
    border-radius: 4px;
    padding: 10px;
    background-color: #e8fdeb !important;
    display: inline-block;
    margin: 10px 0;
}
.leaddoc .chatscreen,
#notes .chatscreen,
.leaddoc #documents .content-body{
    background: #f5f6f7;
    padding: 10px!important;
}
.writemsg-panel {
     position: relative; 
    width: 100%;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
   padding:0;
    /* background: #F6F8F9; */
    background: #fff;
    border-top: none;
/*    min-height: 185px;*/
min-height: auto;
    bottom: 0;
    top:inherit;
    padding-left: 0;
}

.writemsg-panel p {
    font-size: 12px;
    padding: 5px 0;
    margin: 0;
    color: #999;
    font-weight: 600;
}

.writemsg-panel textarea {
      background: #ffffff;
    border: 1px solid #9e9e9e;
    border-radius: 4px;
       min-height: 65px;
    max-height: 65px;
    overflow: hidden;
    min-width: 88%;
    max-width: 100%;
    padding: 3px 10px;
}
.comment-day {
     font-size: 9px;
    position: absolute;
    top: -14px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    padding: 5px 15px;
    background: #fff;
    display: table;
    color: #607d8b;
    font-weight: 500;
}
.commnet-date {
    position: relative;
}

.writemsg-panel .chatsubmitbtn {
  background:#75a9fb;
    float: right;
    border: none;
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 18px;
    text-transform: uppercase;
    margin:0;
    height: 48px;
}

.singoff--btn {
    clear: both;
    background: #fff;
    padding: 10px;
    text-align: center;
}

.selected--wrongoption {
    border: 1px dashed #ffb9b9;
    box-shadow: 0 0 2px #ffcccc;
}

.selected--correctoption {
    border: 1px dashed #4bd07a;
    box-shadow: 0 0 2px #b4ffbd;
}

.displayonselected--option {
    position: absolute;
    top: 3px;
    right: 5px;
    cursor: pointer;
}

.display--marks .question--result .question--result__header .eb--headerlists__title {
    margin: 0!important;
}

.image__question--preview,
.image__question--preview-add {
    border: 1px dashed #ddd;
    padding: 10px;
    margin-bottom: 0;
    position: relative;
    height: 100px;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    color: #999;
}

.image__question--preview i,
.image__question--preview-add i {
    display: block;
    font-size: 50px;
    color: #ddd;
    cursor: pointer !important;
}

.form-group input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.choosequestion--body .complist-container {
    min-height: calc(100vh - 20vh);
    max-height: calc(100vh - 20vh);
    overflow-x: hidden!important;
}

.choosequestion--body .complist-container li {
    display: inline-block;
    opacity: 1!important;
}

.choosequestion--body .complist-container .card-section {
    padding: 15px;
    border-bottom: 2px solid #e8e8e8;
}

.addreportmodal .customform-main-header .header--actionsection ul li {
    width: auto;
    padding: 0 10px;
}

.choosequestion--body .complist-container .card-section:last-child {
    border-bottom: none!important;
}

.choosequestion--body .complist-container .eb--headerlists__title {
    border: none;
    margin: 10px 0!important;
    float: left;
    color: #000;
    font-weight: 500;
}

.choosequestion--body .header-morevert .dropdown {
    position: absolute!important;
    top: 36px!important;
    right: 42px!important;
}

.choosequestion--body .header-morevert .dropdown .btn-group-sm>.btn,
.choosequestion--body .header-morevert .dropdown .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.choosequestion--body .header-morevert .dropdown .btn-default {
    color: #333!important;
    background-color: #fff!important;
    border-color: #ccc!important;
    margin: 0;
}

.quesoption-section .add-btn-group,
.quesoption-section .delete-btn-group {
    margin-top: 0!important;
}

.choosequestion--body .complist-container label {
    border: none;
    margin: 0!important;
    float: left;
    color: #4ba2f9;
    font-weight: 500;
}

.quesoption-list label {
    color: #555555!important;
}

.selectfieldinput--type {
    padding-left: 0;
    list-style: none;
    width: 100%;
    display: inline-block;
}

.selectfieldinput--type li {
    width: auto;
    float: left;
    margin: 0 5px;
}

.selectfieldinput--type li a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #151b26;
    background: #d0d2d3;
    padding: 3px 20px;
    border-radius: 50px;
    transition: 0.2s all ease-in-out;
    cursor: pointer;
}

.selectfieldinput--type {
    padding-left: 0;
    list-style: none;
    width: 100%;
    display: inline-block;
}

.selectfieldinput--type li {
    width: auto;
    float: left;
    margin: 0 5px;
}

.selectfieldinput--type li a {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #444;
    background: #d0d2d3;
    padding: 3px 20px;
    border-radius: 50px;
    transition: 0.2s all ease-in-out;
    cursor: pointer;
}

.selectfieldinput--type li a:hover,
.selectfieldinput--type li .selected-fieldtype {
    background: #00bf6f;
    color: #fff;
}

.horizontal--listview,
.vertical--listview {
    padding-left: 0;
    width: 100%;
    display: inline-block;
}

.horizontal--listview li {
    list-style: none;
    width: 100%;
    margin: 10px 0;
}

.horizontal--listview li .checkbox {
    position: relative;
    display: inline-block !important;
    margin-top: 10px;
    margin-bottom: 10px !important;
}

.checkbox--label {
    font-size: 12px !important;
    font-weight: 500 !important;
    width: 75%;
    display: inline-block;
    height: 33px;
    padding: 5px 5px;
}

.checkbox--label .form-control {
    border: none !important;
}

.checkbox--label .form-control:hover {
    border-bottom: 1px solid transparent !important;
    border-radius: 0;
    background: #fafad2 !important;
}

.checkbox--label .form-control:focus {
    border-bottom: 1px solid #ced4da !important;
    border-radius: 0;
    background: #fff !important;
}

.options__action--icons i {
    font-size: 16px;
    color: #aaa;
    vertical-align: middle;
    margin: 0 2px;
    cursor: pointer;
}

.options__action--image img {
    width: 30px;
    height: 30px;
}

.selectionof__single--multiple li {
    list-style: none;
    width: 47%;
    float: left;
    background: #f9f9f9;
    padding: 15px 10px;
    margin: 0 5px;
    height: 75px;
    position: relative;
}

.questionlist-section {
    padding-right: 40px;
    padding-left: 40px;
}

.question--mangetype .questionlist-section {
    height: 150px;
}

.eb--quesoptionlist__title {
    border: none;
    margin: 0!important;
    float: left;
    color: #4ba2f9;
    font-weight: 500;
}

.quesoption-list {
    display: inline-block;
    opacity: 1!important;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px!important;
    border-radius: 10px;
    position: relative;
    margin-bottom: 5px;
}

.quesoption-list .header-morevert .dropdown {
    position: absolute!important;
    top: -7px!important;
    right: -11px!important;
}

.quesoption-list .header-morevert .dropdown .btn-default {
    color: #333;
    background-color: #ffcaca!important;
    border-color: #ccc;
}

.quesoption-list .image__question--preview {
    border: 1px dashed #ddd;
    height: 40px;
    z-index: 8;
}

.quesoption-list label {
    color: #757575;
    font-weight: 500;
    font-size: 13px;
}

.quesoption-list .image__question--preview i {
    display: inline-block;
    font-size: 18px;
    color: #ddd;
    cursor: pointer !important;
    padding-left: 5px;
}

.add-quesoptionbtn,
.add-quesoptionbtn:hover,
.add-quesoptionbtn:focus {
    margin: 0;
    background: transparent;
    color: #aaa!important;
    border: 1px dashed #aaa!important;
    font-weight: 600;
}

.option-afterupload .previewimg img{
    width: 200px;
    height: 150px;
    border-radius: 5px;
}
.questionoption--listing .checkboxlist--data .previewimg img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.option-afterupload {
    position: relative;
    right: 0;
    top: 18px;
    z-index: 9;
}

.option-afterupload i {
    font-size: 21px;
    color: #8a6d3b;
    line-height: 0;
    padding: 20px 15px;
}


/*76*/

.quesoption-section .selectfieldinput--type li,
.choosing--layoutselection.selectfieldinput--type li {
    width: 11%!important;
    float: left;
    margin: 0 10px 0 0!important;
    height: 60px;
    display: flex;
}
.choosing--layoutselection.selectfieldinput--type li a{
    margin: 0 10px;
}
.quesoption-section .selectfieldinput--type li a,
.choosing--layoutselection.selectfieldinput--type li a{
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #444;
    background: #fbfbfb;
    padding: 10px 20px;
    border-radius: 5px!important;
    transition: 0.2s all ease-in-out;
    cursor: pointer;
    height: 90px;
    width: 100%;
    border: 1px solid #eee;
    text-align: center;
    transition: 1s;
}

.quesoption-section .selectfieldinput--type li a img,
.choosing--layoutselection.selectfieldinput--type li a img{
    opacity: 0.3;
    width: 45px;
    text-align: center;
    display: block;
    margin: 0 auto 8px;
    height: auto;
    padding: 0;
}

.quesoption-section .selectfieldinput--type li a:hover,
.choosing--layoutselection.selectfieldinput--type li a:hover,
.quesoption-section .selectfieldinput--type li .selected-fieldtype {
    border: 1px solid #1ABC9C;
    color: #1ABC9C;
    background: #fff;
}

.quesoption-section .selectfieldinput--type li a.active,
.choosing--layoutselection.selectfieldinput--type li a.active,
.quesoption-section .selectfieldinput--type li .selected-fieldtype {
    border: 1px solid #1ABC9C;
    color: #1ABC9C;
    background: #fff;
}

.quesoption-section .selectfieldinput--type li a:hover img,
.choosing--layoutselection.selectfieldinput--type li a:hover img,
.quesoption-section .selectfieldinput--type li a.active img {
    opacity: 1;
}

.add-btn-formmanage {
    font-size: 11px;
    text-align: center;
    margin-top: 5px;
    text-decoration: underline;
    cursor: pointer;
}

.asterisk-red {
    color: #f44336!important;
}

.mark--correctanswer {
    font-size: 12px;
    display: inline-block;
    margin-top: 10px;
}

.choosing--layoutselection li {
    width: 50%;
    float: left;
}

.choosing--layoutselection li img {
    margin-left: 10px;
    width: 70px;
    height: 70px;
    background: #fff;
    opacity: 0.8;
}

.choosing--layoutselection li:first-child img {
    padding: 10px;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}


/* my stylings */

.question--theme {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeHolderShimmer;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    position: relative;
}

.question--title {
    height: 37px;
}

.quest--image {
    height: 92px;
    margin: 10px 0;
}

.checkboxlist {
    width: 5%;
    height: 20px;
    float: left;
}

.checkboxlist--data {
    width: 92%;
    height: 27px;
    float: left;
    margin-left: 5px;
}

.questionoption--listing ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.questionoption--listing ul.options--horizontal li {
    width: 100%;
}

.questionoption--listing ul.options--vertical li {
    width: 50%;
    float: left;
}

.questionoption--listing ul.options--vertical li .checkboxlist {
    width: 10%;
}

.questionoption--listing ul.options--vertical li .checkboxlist--data {
    width: 80%;
    margin-left: 5px;
}

.q-previewtxt {
    text-align: left;
    font-size: 13px;
    line-height: 1.428571429;
    color: #716f6f !important;
    font-weight: 600;
}

.q-previewimage img {
    width: auto;
    height: 92px;
    float: left;
    display: block;
    clear: both;
    margin: 10px 0;
}

.radio-btnplacholder {
    width: 5%;
    height: 18px;
    float: left;
    border-radius: 50%;
}

.options--vertical .radio-btnplacholder {
    width: 10%;
}

.questionoption--listing ul li input[type=checkbox],
.questionoption--listing ul li input[type=radio] {
    margin: 0 7px 0 0;
    vertical-align: middle;
}

.questionoption--listing ul.options--horizontal li {
    font-size: 12px;
    height: 30px;
    line-height: 2;
    display: inline-block;
    text-align: left;
}

.questionoption--listing ul.options--vertical li {
    text-align: left;
    font-size: 12px;
    height: 150px;
    line-height: 2;
    display: inline-block;
}

.headinfop p {
    font-size: 12px;
}

.headinfop {
    font-size: 12px;
}

.btn-advancedoption {
       background: #66d0bb!important;
    border: transparent!important;
    color: #ffffff!important;
    padding-bottom: 5px!important;
    font-style: italic!important;
}

.setting-edit-label .form-group,
.setting-edit-label .input-group {
    width: 100%!important;
}

.quesoption-list .input-group-addon {
    font-size: 12px!important;
    background-color: #f3f3f3!important;
    border: 1px solid #ccc!important;
    padding: 0 15px 0;
    height: 35px;
}

.quesoption-list .form-control {
    margin-top: 0!important;
}

.quesoption-list:hover {
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.3);
}

.cursor-pointer {
    cursor: pointer!important;
}

.correct-answer {
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px!important;
    border-radius: 10px;
    position: relative;
    margin-bottom: 5px;
    font-size: 13px;
}

.metadata--add {
    position: absolute;
    top: 18px;
    right: 0;
    padding: 7px 10px;
    border-left: 1px solid #eee;
    background: #cececeee;
    z-index: 2;
    cursor: pointer;
}

.correct-answer__inputtype .form-control {
    font-size: 12px;
}

.cr-answer--text {
    margin-top: 18px;
    line-height: 2;
}

.question--addmetadata .popup-modal-fixed-height {
    margin-top: auto !important;
    height: calc(100vh - 10vh) !important;
    top: 30px !important;
    position: relative;
    width: 600px;
    transform: translate3d(0%, 0, 0);
}

.question--addmetadata .modal-header .modal-title {
    color: #444!important;
    font-weight: 500!important;
}

.question--addmetadata .modal-footer {
    padding: 10px 15px!important;
}

.question--addmetadata .modal-footer .btn {
    padding: 5px 10px;
    font-size: 12px;
}

.question--addmetadata .modal-footer .btn-create {
    background: #33b5e5;
    border: 1px solid #33b5e5;
}

.question--addmetadata .popup-modal-fixed-height .modal-body {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: calc(100vh - 27vh);
    max-height: calc(100vh - 27vh);
    padding: 15px!important;
    margin-bottom: 15px;
}

.question--addmetadata .static-table .table>tbody>tr>td {
    padding: 6px 5px !important;
    vertical-align: middle !important;
    font-size: 12px;
    color: #666;
    font-weight: 400;
}

.question--addmetadata table thead tr {
    color: #636363;
    font-weight: 400;
    background: #e6e6e6;
    height: 40px;
}

.question--addmetadata .static-table .table>thead>tr>th {
    padding: 10px 5px !important;
    vertical-align: middle !important;
    font-size: 15px;
    color: #212529;
    font-weight: 600;
}

.question--addmetadata .static-table .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.question--addmetadata .modal-content .modal-footer button {
    padding: 5px 15px;
}

.text-underline-dotted {
    text-decoration: underline;
    text-decoration-style: dotted;
}

.modal-header.choosequestion--header {
    padding: 0;
}

.choosequestion--header .book--title {
    font-size: 16px;
    font-weight: 600;
    color: #337ab7;
    line-height: 1.8;
    padding: 8px 15px 0;
    margin: 0;
}

.component-infoicon i {
    font-size: 16px;
}

.component-infoicon {
    padding: 0 15px;
    font-size: 11px;
    color: #aaa;
}

.complist-container label {
    border: none;
    margin: 10px!important;
}

.choosequestion--body {
    padding: 0!important;
    min-height: calc(100vh - 10vh);
    max-height: calc(100vh - 10vh);
    background: #aacce921;
}
.component--image__preview .btn-proceed{
    margin: 0;
}
.choosequestion--body .choosequestion--body__listing aside ul {
    padding: 0;
    list-style: none;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    min-height: calc(100vh - 12vh);
    max-height: calc(100vh - 12vh);
    overflow-y: scroll;
    overflow-x: hidden;
}

.complist-container li .content-label {
    display: block;
    text-align: center;
    font-size: 11px;
    color: #555;
    font-weight: 600;
}

.choosequestion--body .choosequestion--body__listing aside ul li.active {
    border-left: 10px solid #5fd7bc;
    padding-left: 5px;
    background: #ffffff;
}

.image--comppreview {
    text-align: center;
    padding: 10px;
}

.image--comppreview img {
    width: 100%;
    border: none;
}

.questionlist-section .header-morevert .action-dropdownmenu {
    padding: 0;
    min-width: auto;
    right: 0;
    left: auto!important;
}

.questionlist-section .header-morevert .action-dropdownmenu.dropdown-menu li>a {
    margin: 0;
}

.questionlist-section .form-control {
    background-color: #fff!important;
}

.question--groupstab {
    margin: auto 85px;
}

.question--groupstab .nav-pills>li {
    float: left;
    width: 14.28%;
    background: #edf4f8;
}

.question--groupstab .nav-pills>li+li {
    margin-left: 0;
}

.question--groupstab .nav-pills>li>a {
    font-size: 12px;
    min-width: 100px;
    border-top-right-radius: 20px!important;
    border-top-left-radius: 20px!important;
    text-transform: inherit;
    background: transparent;
}

.question--groupstab .nav-pills.nav-pills-warning>li.active>a,
.question--groupstab .nav-pills.nav-pills-warning>li.active>a:focus,
.question--groupstab .nav-pills.nav-pills-warning>li.active>a:hover {
    background-color: #ffffff !important;
    box-shadow: none;
    color: #555;
    font-weight: 600;
    font-size: 16px;
}
.question--groupstab .nav-pills>li .nav>li>a {
    padding: 15px 15px;
}
.border-bb {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 0;
    box-shadow: 0 0 5px rgba(000, 000, 000, 0.09);
}

.chatmodule-window .border-bb {
    padding-bottom: 0;
    box-shadow: none;
}

.q-singlestatusmarks {
    float: right;
}

.q-usereditable__options .form-group {
    padding-bottom: 5px!important;
    margin: 0 0 0 0;
}

.q-singlestatusmarks ul {
    padding-left: 0;
}

.q-singlestatusmarks ul li {
    float: left;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-weight: 600;
}


/* .left-menu-sidebar .sidebar--menu {
    width: 400px;
} */

.add-new-process .modal-footer button {
    margin: 0;
    padding: 5px 15px;
    width: auto;
}

.taskquestionnaire-pagesection .question--groupstab ul li a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: 1px solid transparent;
    border-radius: 8px 10px 0 0;
    content: '';
    transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
    transform-origin: 0 0;
    backface-visibility: hidden;
    box-shadow: 1px 0 1px #ccc;
    width: 145px;
    display: none;
}
.chatmodule-window .input--typecontrol textarea{
    height: 110px;
}
.chatmodule-window .setting-section-right .chatwindowbody{
    padding: 0!important;
    min-height: unset;
    max-height: none;
    overflow-y: hidden;
}
.chatmodule-window .chatwindowbody .myprofile-tab-section{

    min-height: calc(100vh - 0vh);
    max-height: calc(100vh - 0vh);
}
.chatmodule-window .footer-buttons{
        position: absolute;
    bottom: 0;
    background: #ddd;
}
.eb--headerlists__title .btn-sm{
    border: 1px solid #ddd;
    padding: 5px 15px;
    background: none;
    color: #000;
        margin: 0;
    box-shadow: none;
    text-transform: capitalize;
}
.eb--headerlists__title .fa-info-circle{
font-size: 17px;
    color: #000;
    padding: 0 5px;
}
.chatmodule-window .chatwindowbody .myprofile-tab-section .tab-content{
        min-height: calc(100vh - 15vh);
    max-height: calc(100vh - 15vh);
}
.setting-section-right,.setting-section-right .chatmodule-content {
    max-width: 550px;
    min-width: 550px;
    float: right;}
   .input--typecontrol .process-name{
        font-size: 14px;
    font-weight: 700;
    margin: 0px;
    padding: 5px;
    position: absolute;
    top: 0;
    }
   .chat--detailedbox .chat  .chat-lines{
    width: 100%;
    text-align: left;
    }
    .chat--detailedbox .chat .chat-lines .chat-body p {
    background: #c7dfe6;
    color: #000000;
    padding: 5px 10px;
    height: 30px;
}

.question--result__header .sub-title{
    float: left;
    color: #ccc;
    font-weight: 600;
    display: inline-flex;
    font-size: 14px;
    color: #4ba2f9;
}
.input-results .input--formarks .form-control{
    width: auto;
}
.comp-preview-section .previewlists{
    overflow-x: hidden;
    overflow-y: hidden;
    min-height: 500px;
    max-height: 500px;
}
.addquestionModal .popup-modal-footer button {
    background: #1ABC9C;
}
.addquestionModal .makedefault-option {
    background: transparent;
    border-top:none;
}
.addquestionModal  .choosequestion--body .complist-container label {
    color: #66d0bb;
}
.addquestionModal  .choosing--layoutselection li{
        width: 14%!important;
}
.background-image-modal .gallery--image__section .gallery-images ul li {
        width: 23.5%!important;
    float: left!important;
    margin: 0 5px;
}
/*.popup-modal .popup-modal-dialog{
    width: 50%;
}*/
.background-image-modal .gallery-images ul li img{
width: 100%;
      height: 130px;
    border-radius: 3px;
}
.background-image-modal .listing-gallery .selected--icons{
        position: absolute;
       top: 45px!important;
    font-size: 38px;
    color: #5cb85c;
    left: 0!important;
    right: 0;
    text-align: center;
}
.addquestionModal .choosequestion--body .complist-container .checkbox  label{
    color: #58666e;
    font-size: 12px;
}
.default-bg{
        border: 1px dashed #ccc;
    height: 130px;
    background: #edf4f8;
    border-radius: 3px;
}
.choosequestion--body .complist-container .tool-icons-list li{
    padding: 10px 17px;
    width: 50px;
    border: 1px dashed #ccc;
    border-radius: 3px;
    font-size: 20px;
}
.choosequestion--body .complist-container .tool-icons-list ul{
   display: block;
    padding: 20px 0;
    float: right;
    position: relative;
    text-align: center;
}
.option-afterupload .delete-img{
        position: absolute;
    right: -55px;
    background: #ffff;
    border-radius: 20px;
    top: -18px;
}
.quesoption-list .headinfop p{
    font-size: 12px;
    padding: 5px;
    width: auto;
    border-radius: 2px;
    background-color: rgb(238 195 0 / 40%);
}
.image-preview-icons{
    position: absolute;
    right: -5px;
        display: flex;
}
.quesoption-section .option-afterupload i ,
.question-img-preview   .option-afterupload .image-preview-icons i{
    font-size: 15px;
    color: #8a6d3b;
      background: #f4f9fc;
    line-height: 0;
    padding: 15px 10px;
    border: 1px solid #dedede;
    }
  .quesoption-section  .option-afterupload {
    right: 0;
    position: relative;
}
.questionnaire-multiple-imgmodal .header--actionsection .material-btn-icons {
    line-height: .5!important;
}
.questionnaire-multiple-imgmodal .q-usereditable__options ul li .optionplusimage img,
.questionnaire-multiple-imgmodal .popup-modal-body .optionplusimage img{
        width: 100%;
    height: auto;
}
.twoimgs-row li
{
    width: 50%;
    float: left;
}
.multipleimgs-row li
{
    width: 25%;
    float: left;
}
.singleimg-row li{
     width: 100%;
    float: left;
}
.questionnaire-multiple-imgmodal .q-usereditable__options ul li .checkbox label{
    display: flex;
}
.questionnaire-multiple-imgmodal .popup-modal-footer {
    position: relative;
    min-height: 60px;
}
.questionnaire-multiple-imgmodal .myprofile-tab-section {
    min-height: 600px;
    max-height: 600px;
}
.q-usereditable__options .singleimg-row ul li .checkbox, .q-usereditable__options ul li .radio{
    display: flex;
}

.question-img .image__question--preview,
.image__question--preview-add{
  height: 170px;
    padding: 40px 10px;
}
.questionnaire-multiple-imgmodal .popup-modal-dialog {
    width: 60%;
}
.img-question .asterisk-red{
   position: absolute;
}
.addquestionModal .choosequestion--body .complist-container {
    min-height: calc(100vh - 11vh);
    max-height: calc(100vh - 11vh);
    overflow-x: hidden!important;
}
.question-preview{
        margin-top: -7px;
    padding: 5px 5px !important;
    border: 1px solid #ced4da;
    border-radius: 3px;
    font-weight: 600 !important;
}
.image-section-form{
    text-align: center;
    margin: auto;
    padding: calc(10%);
    width: 100%;
}
.image-section-form i{
    font-size: 50px;
}
.standard-form-layout{
    width: 80%;
    margin: 0 auto;
}
.questionListModal .standard-form-layout{
    width: 1200px;
    margin: 0 auto;
}
.question--modal .questionListModal  .question--modal__content {
    max-width: 100%;
    min-width: 100%;
    }
.question--modal  .questionListModal  .question--modal__dialog {
    width: 100%;
}
.question-img-preview .option-afterupload .previewimg img {
    width: 250px;
    height: auto;
    }
  .question-img-preview   .option-afterupload{
        top: 0;
    }
    .question-img-preview   .option-afterupload .image-preview-icons {
    position: absolute;
    top: 18px;
    right: 0;
}
#progressbar  .integer-question {
width: 60px;
border-left: none;
}
#progressbar .integer-question {
    background: #fff;
    border: 2px solid #edf4f8;
    color: #000;
    font-size: 15px;
        width: 40px;
    height: 40px;
    line-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: auto 8px;
}

#progressbar .integer-question.active{
        background: #26c6da;
}
.question-slide-iocns .nav-icon-left{
position: absolute;
    top: 25%;
    left: -20px;
    background: #ddd;
        cursor: pointer;
    padding: 15px 0px;
    border-radius: 0px 10px 10px 0px;
}
.question-slide-iocns .nav-icon-right{
position: absolute;
    top: 25%;
        cursor: pointer;
    right: -20px;
    background: #ddd;
    padding: 15px 0px;
    border-radius: 10px 0 0 10px;
}
.question-slide-iocns .nav-icon-right .material-icons,
.question-slide-iocns .nav-icon-left .material-icons{
    vertical-align: middle;
}
.preview-modal .modal-dialog {
    width: 700px;
}
.preview-modal .modal-dialog .modal-body{
    height: auto;
    overflow: auto;
    position: relative;
}
.preview-modal .modal-dialog .modal-body img{
    width: 100%;
    height: auto;
}
.preview-modal  .btn-closemodal{
    position: absolute;
    right: -25px;
    background: #ddd;
    top: -40px;
}
.preview-modal .modal-content{
    border-radius: 0;
}  
.question--rowdisplay:hover .btn-add-question{
    display: block;
    background: #eee;
    margin-top: 5px;
    box-shadow: none;
    color: #000000c4;
}
.question--rowdisplay .btn-add-question{
display: none;
}
.question--rowdisplay .parent-question-link{
    display: inline-block;
    color: #ccc;
    cursor: pointer;
    text-decoration: underline;
}
.question--rowdisplay:hover .parent-question-link .material-icons{
    font-size: 16px;
}
.btn.btn-restart {
    background-color: #f44336;
    color: #FFFFFF;
}

.evaluation-pagination-bg{
    background: #eeeeee;
}
.evaluation-navigation-bg{
    background: #f7f7f7;
}

.evaluation-pagination-bg .progressbar {
    overflow: hidden;
    color: #455A64;
    padding: 5px 20px!important;
}
.progressbar .integer-question {
    background: #fff;
    border: 2px solid #edf4f8;
    color: #000;
    font-size: 15px;
    width: 36px;
    height: 36px;
    line-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0px 5px;
}
.evaluation-pagination-bg .resetoption .btn{
    text-align: left;
    display: block;
}
.question--modal .header--actionsection ul.progressbar li{
    padding: 5px 0;
    line-height: 2.5;
    float: left;
}
.evaluation-pagination-bg .header--actionsection .nav-icon-left {
    position: absolute;
    top: 12px;
    left: 0;
    cursor: pointer;
}
.evaluation-pagination-bg .header--actionsection .nav-icon-right {
    position: absolute;
    top: 8px;
    right: 0;
    cursor: pointer;
}
.question--modal .header--actionsection ul.progressbar .integer-question.active{
    background: #26c6da;
}
.ribbon {
    position: absolute;
    left: 5px;
    top: -2px;
    z-index: 1;
    overflow: hidden;
    width: 125px;
    height: 125px;
    text-align: right;
}
.ribbon .ribbon-label::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #37c5ab;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #37c5ab;
}
.ribbon .ribbon-label::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #37c5ab;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #37c5ab;
}
.ribbon .ribbon-label {
    font-size: 10px;
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 2.4;
    transform: rotate(315deg);
    width: 165px;
    display: block;
    background: rgb(55, 197, 171);
    box-shadow: 0 3px 10px -5px rgb(0 0 0);
    position: absolute;
    top: 35px;
    left: -32px;
}
.highlight{
    border: 1px dashed #b7b7b7;
    box-shadow: 0 5px 10px #777;
    padding: 20px;
}
.questionnaire-popup.large__mainmodalform .modal--outersection .header__title {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    color: #333;
    padding: 15px 0;
}
.right-inner-content .process-name-section ul
{
    list-style: none;
    position: absolute;
    right: 8px;
    top: 8px;
    padding:0;
}
.right-inner-content .process-name-section ul li{
    float: left;
    padding: 0 5px;
}
.processtasklisting  .taskquestionnaire-pagesection .question--modal .q-usereditable{
height: auto;
min-height: calc(100vh - 8vh);
}
.question--modal .q-usereditable{
        margin-bottom: 40px;
}
.question--modal  .modal-content .modal-body{
    min-height: calc(100vh - 8vh);
    max-height: calc(100vh - 8vh);
    padding: 0;
}
.questionListModal .standard-form-layout .q-usereditable,
.questionListModal .standard-form-layout .question--groupstab{
    margin: auto 140px;
}
.questionListModal .standard-form-layout .tab-content .q-usereditable{
        margin-bottom: 20px;
}
.question-section{
    padding: 10px 0;
}

.modal-questionaire-sidebar .add-question-wrapper>.qp-tabs.add-question-tabs {
    position: relative;
}

/*.popup-modal.fade.right-panel .modal-dialog {
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
           -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
             -o-transition: opacity 0.3s linear, right 0.3s ease-out;
                transition: opacity 0.3s linear, right 0.3s ease-out;
    }*/
    
    .popup-modal.right-panel.fade .popup-modal-dialog{
         right: 0;
    top: 0!important;
    margin: auto;
    margin-top: auto !important;
        width: 27%;
    }

    .popup-modal.right-panel .popup-modal-dialog {
        position: fixed;
        margin: auto;
        width: 320px;
        height: 100%;
        transform: translate3d(0%, 0, 0);
    }
    .popup-modal.right-panel .popup-modal-body {
      padding: 10px;
    position: relative;
    display: block;
    height: calc(100% - 7vh);
    overflow: auto;
    overflow-x: hidden;
        background: #fff;
    overflow-y: scroll;
    }
   .modalheader-rhslists .floating-formedit-btn i {
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    float: right;
    color: #505459;
    font-size: 26px !important;
         border: none;
    top: 2px;
    position: relative;
}
.questionaire-bg{
        background: #f5f3f3!important;
}
.manage-question-tuypes{
padding: 10px 15px;
    font-size: 16px;
    display: block;
    background: none;
       color: #337ab7;
    height: auto;
    font-weight: 600;
    border-bottom: 1px solid #e7e7e7;
}


.manage-type-listing ul{
    margin: 0;
    list-style: none;
    padding-left: 0;
    display: block;
}
.manage-type-listing li{
        padding: 10px 30px;
    background: none;
    width: 95%;
    height: auto;
    color: #ffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
  font-weight: 500;
    line-height: 16px;
    /* padding: 8px 35px 8px 40px; */
    position: relative;
    vertical-align: top;
        margin: auto 10px;
    border-radius: 3px;
}
.manage-type-listing li:hover{
    background: #6495ed;
    position: relative;
    vertical-align: top;
    font-weight: 600;
}
.manage-type-listing li:hover a{
    color: #fff;
}
.manage-type-listing li a{
  color: #646f79;
  font-weight: 600;
}
.right-panel .modalheader-rhslists ul li{
    padding: 5px 10px;
}
.preview-card-questionaire{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: block;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: #0000006b;
        width: 73%;
}
.preview-card-questionaire-div{
    margin: 35px auto;
    height: auto;
    min-height: auto;
    max-height: 500px;
    width: 100%;
    padding: 20px;
    border-radius: 4px;
}
.preview-radio-heading{
     background: #e5e3e3;
    border-radius: 3px;
}
.standard-pent-modal .preview-card-questionaire-div [type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after{
    display: none;
}

.preview-content{
    padding: 15px;
}
.preview-content input[type=checkbox],.preview-content input[type=radio]{
        position: relative;
    top: 5px;
}
.img-grid-view ul li a{
    float: left;
    text-align: center;
}
.img-grid-view ul li a img{
        box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
        border: 1px solid #ddd;        
    border-radius: 3px;
    margin: 10px 0;
}
.img-grid-view ul li{
    float: left;
    width: 18%;
        margin: 0 10px;
            text-align: center;
}
.img-grid-view ul{
    width: 100%;
        list-style: none;
    margin: 10px 0;
    padding: 0;
    display: inline-block;
  margin-top: 0;
}
.text-types{color: #818181;
    border-bottom: 2px solid #ddd;
    margin-left: 10px;
    line-height: 1.5;
    font-size: 15px;
    opacity: .6;
}
/*.column-size ul{
        padding-left: 5px!important;
}*/
.column-size ul,
.answer-type-div ul{
        list-style: none;
    margin: 0;
    padding: 0;
        margin-top: 5px;
    margin-bottom: 10px;
}
.column-size li{
     padding: 5px 10px;
      float: left;
    width: auto;
}
.column-size .numbers{
        border: 1px solid #337ab7;
    background: #337ab7;
    cursor: pointer;
    border-radius: 4px; 
        width:40px;
    text-align: center; 
}
.column-size .numbers i{
    color: #fff;
}
.answer-type-div ul li{
    float: left;
    width: 48%;
    padding: 5px 10px;
    height: auto;
    border: 1px solid #000;
    border-radius: 2px;
        margin: auto;
        margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    color: #f7f7f7;
    border: 1px solid #ced4da;
}
.answer-type-div ul li.active{
      border: 1px solid #03a9f4;
}
.answer-type-div ul li.active a{
       color: #03a9f4;
  
        font-weight: 600;
}
.answer-type-div label{
    margin-top: 0;
        margin-bottom: 0;
}
.answer-type-div{
    display: block;
        padding-bottom: 10px;
}
.questionaire-setting .content-area {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: calc(100vh - 5vh)!important;
    max-height: calc(100vh - 25vh);
    padding: 15px;
}
 .form-control.hyperlink-input{
    border: none;
    border-bottom: 1px solid #ced4da;   
} 
/*#questionaire-setting-multiple-choice .form-control.hyperlink-input{
 margin-top: 10px;
}*/

.q-usereditable__options ul li.select--vert20single {
    width: 20%;
    float: left;
    position: relative;
}
.q-usereditable__options ul li.select--vert25single {
    width: 25%;
    float: left;
    position: relative;
}
.q-usereditable__options ul li.select--vert50single {
    width: 50%;
    float: left;
    position: relative;
}
.q-usereditable__options ul li.select--vert100single {
    width: 100%;
    float: left;
    position: relative;
}

.q-usereditable__options ul li.select--horz20single {
    width: 20%;
    float: left;
    position: relative;
}
.q-usereditable__options ul li.select--horz25single {
    width: 25%;
    float: left;
    position: relative;
}
.q-usereditable__options ul li.select--horz50single {
    width: 50%;
    float: left;
    position: relative;
}
.q-usereditable__options ul li.select--horz100single {
    width: 100%;
    float: left;
    position: relative;
}


.q-usereditable__options ul li.select--horz100single:nth-child(odd) {
    background-color: #f5f5f5;
}
.add-question-btn{
    position: absolute;
    top: -2px;
    text-align: center;
    left: 42%;
    opacity: .8;
}
.select--vert25single .btn-xs,
.select--horzmultiple .btn-xs{
box-shadow: none!important;
}
.additional-options li{
    float: left;
    width: auto;
    margin: 0 auto;
    margin-right: 10px;
}
.additional-options ul{
        list-style: none;
    margin: 0;
    padding-left: 0;
}
.q-additional__options .btn{
        margin: 5px;
}
.upload-img-library ul,
.library-img ul{
  list-style: none;
    margin: 0 0;
    padding: 0;
    display: inline-block;
    margin-top: 15px;
}
.library-img ul li{
float: left;
    width: 18%;
      padding: 0px;
    margin: 5px 8px;
    text-align: center;
    background: #f3f3f3;
    border: 2px solid transparent;
    cursor: pointer;
    border-radius: 3px;
}
.library-img ul li.active{
    border: 2px solid #03a9f4;
}
.library-img ul li img,
.upload-img-library ul li img{
width: 100%;
    padding: 10px;
    height: auto;
    background: #fff;
}
.library-img ul li p,
.upload-img-library ul li p{
    margin: 5px 0;
        font-size: 13px;
}
.upload-img-library ul li {
    text-align: center;
}
.upload_gallery,
.upload_gallery:hover,
.upload_gallery.active{
     padding: 20px;
    font-size: 70px;
    width: 150px;
    height: 130px;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
}
.upload_gallery i{
     position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #c9c9c9;
}
.upload-section{
      padding: 30px!important;
    border: 2px dashed #ccc!important;
    background: #f3f2f2!important;
}
.upload-section:hover{
    border: 2px dashed #03a9f4!important;
}
.upload-section i{
        font-size: 78px;
        color:  #898787;
    }
.upload-section:hover i{
        color:  #03a9f4;
    }
  #createcustomform  .customform-main-header .form-headertitle{
      line-height: 1.5!important;
      padding: 0;
    padding-top: 10px!important;
    }
   #list-user .primary-breadcrumb ul{
    margin: 0;
    }
    #predefined-colors .modal-header {
         height: 50px;  
         background: #e6e6e6!important; 
    }
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/questionaire-gokul.css?ngGlobalStyle (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v7/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}


/* add component */

.add--chapaterheader .modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px;
    background: #fff;
}

.add--chapaterheader .modal-header .modal-title {
    color: #444!important;
    font-weight: 500!important;
}

.add--chapaterheader .modal-footer {
    padding: 10px 15px;
}

.add--chapaterheader .modal-footer .btn-create {
    background: #33b5e5;
    border: 1px solid #33b5e5;
}

.add--chapaterheader .btn {
    padding: 5px 10px;
    font-size: 12px;
}

.userheader--information {
    background: #f3f3f3;
}

.userheader--information .userheader--information__icons i {
    font-size: 50px;
    margin-top: 5px;
    color: #33b5e5;
    opacity: 0.25;
}

.userheader--information__description p {
    line-height: 20px;
    font-size: 11px;
    color: #999;
    margin-bottom: 0;
}

.userheader--information__description {
    padding: 10px 0;
}

.question--modal .modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

.question--modal .modal {
    display: none;
    overflow: hidden;
    position: fixed;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    padding-right: 0;
}

.question--modal .question--modal__dialog {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 0!important;
}

.question--modal .question--modal__content {
    max-width: 100%;
    min-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    box-shadow: none;
    border-radius: 3px;
    color: #555;
    border-width: 0;
    border: none;
    outline: 0;
    background: #EDF4F8;
}

.question--modal .modal-content .modal-header.question--modal__header {
    border: 0;
    height: 60px;
    padding: 0;
    width: 100%;
    top: 0;
    border-bottom: none;
    background: #fff;
    box-shadow: none;
    /* box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); */
}

.question--modal .header--actionsection ul li {
    padding: 5px 0;
    line-height: 2.5;
}

.question--modal .bc--title {
    font-size: 16px;
    font-weight: 600;
    color: #337ab7;
    line-height: 1.5;
    padding: 10px 15px 0;
    margin: 0;
}

.question--modal .bc--title .icons i {
    margin-left: 10px;
    cursor: pointer;
    color: #aaa;
}

.question--modal__header .dropdown-menu>li>a {
    padding: 5px 10px;
    font-size: 12px;
    cursor: default;
}

.question--modal__header .dropdown-menu>li>a strong {
    font-weight: 600;
}

.header--actionsection ul {
    padding-left: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    float: right;
}

.header--actionsection ul li {
    list-style: none;
    float: right;
    width: 90px;
    padding: 8px 0;
    height: inherit;
    text-align: center;
     border-left:none;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0;
    color: #6d6e6f;
    line-height: 2.2;
    text-transform: capitalize;
}

.header--actionsection ul li a {
       color: #607D8B;
}

.header--actionsection ul li .material-btn-icons i {
    vertical-align: middle;
    font-size: 24px;
    line-height: 0;
    color: #3D4451;
}

.viewmodeswitch .switch {
    position: relative;
    display: inline-block;
    /* vertical-align: top; */
    width: 70px;
    height: 18px;
    padding: 0;
    margin: 0;
    border-radius: 18px;
    cursor: pointer;
    box-sizing: content-box;
    font-style: inherit !important;
    font-size: 28px !important;
    padding-top: 0;
}

.viewmodeswitch .switch-input:checked~.switch-handle {
    left: 50px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.viewmodeswitch .switch-handle {
    position: absolute;
    top: -1px;
    margin-left: 0;
}

.viewmodeswitch .switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.viewmodeswitch .switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 11px;
    text-transform: uppercase;
    background: #FFB236;
    border-radius: inherit;
    box-sizing: content-box;
    font-weight: 300;
}

.viewmodeswitch .switch-label:before,
.viewmodeswitch .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1;
    transition: inherit;
    box-sizing: content-box;
}

.viewmodeswitch .switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #fff;
}

.viewmodeswitch .switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    opacity: 0;
}

.viewmodeswitch .switch-input:checked~.switch-label {
    background: #3bd6ba;
}

.viewmodeswitch .switch-input:checked~.switch-label:before {
    opacity: 0;
}

.viewmodeswitch .switch-input:checked~.switch-label:after {
    opacity: 1;
}

.viewmodeswitch .switch-handle {
    position: absolute;
    top: -1px;
    left: 4px;
    width: 20px;
    height: 20px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.viewmodeswitch .switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    width: 8px;
    background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    height: 8px;
}

.viewmodeswitch .switch-input:checked~.switch-handle {
    left: 47px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.choosecomponent--body .choosecomponent--body__listing aside ul li img {
    height: 20px;
    display: inline-block;
    width: 20px;
    position: absolute;
    right: 10px;
}

.choosequestion--outerlayout .modal-dialog {
    width: 1300px;
    margin: 0 auto;
}


/* 723 */

.choosequestion--outerlayout .modal-content {
    position: relative;
    margin: 0 auto;
   max-width: 1300px;
    min-width: 1300px;
    border: none;
    border-radius: 0;
}

.choosequestion--outerlayout .choosequestion--header .book--title {
    line-height: 1.5;
}

.choosequestion--outerlayout .header--actionsection ul li {
    padding: 5px 0;
}

.choosequestion--outerlayout .header--actionsection .material-btn-icons {
    vertical-align: middle;
    font-size: 25px;
}

.choosequestion--outerlayout .modal-content .choosequestion--header {
    min-height: 16.42857143px;
    padding: 0!important;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    color: #111;
    font-weight: bold;
    min-height: 60px!important;
}

.component--image__preview {
    background: #fff;
    min-height: calc(100vh - 11vh);
    max-height: calc(100vh - 11vh);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    position: relative;
}

.component--image__preview .no--componentselected {
    padding: 40% 0;
    text-align: center;
}

.component--image__preview .no--componentselected p {
    margin: 10px;
    font-size: 12px;
    color: #aaa;
}


/* 824 */

.complist-container label img {
    height: 70px;
    width: 130px;
}

.component--image__preview .no--componentselected img {
    opacity: 0.25;
}

.chat--detailedbox {
    min-height: 480px;
    max-height: 480px;
    background: #fff;
}

.chat--detailedbox .chat {
    padding: 20px;
}

.chat--detailedbox .chat li {
    margin-bottom: 20px;
}

.chat--detailedview .setting-section-right .modal-content {
    background: #E6EAEA;
}

.chat--detailedview .setting-section-right .modal-content {
    max-width: 480px;
    min-width: 480px;
}

.chat--detailedview .setting-section-right .modal-header {
    background: #fff;
}

.chat--detailedview .setting-section-right {
    max-width: 35%;
}

.comment--footersection {
    border-top: 1px dashed #aaa;
    padding-top: 20px;
    margin-bottom: 20px;
}

.comment--footersection .btn--send {
    margin-top: 3px;
    font-size: 24px;
    width: 100%;
    height: 47px;
    background: #20828d;
    border: 1px solid #20828d;
    margin-left: 2px;
}

.sticky--actionbuttons .btn {
    width: 50%!important;
    padding: 15px 0!important;
    border-radius: 0!important;
    float: left;
}

.sticky--actionbuttons .btn--cancel {
    color: #555!important;
    background-color: #ffffff!important;
    border-color: #ffffff!important;
}

.sticky--actionbuttons .btn--submit {
    color: #fff!important;
    background-color: #5fd7bc!important;
    border-color: #5fd7bc!important;
}

.status--check {
    text-align: center;
    display: block;
    font-size: 12px;
    font-weight: 600;
}

.sticky--actionbuttons .btn--reject {
    color: #fff!important;
    background-color: #FF3636!important;
    border-color: #FF3636!important;
}

.setting-section-right {
    max-width: 40%;
    float: right;
    margin: 0!important
}

.setting-section-right .modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 15px;
}

.setting-section-right .modal-header .close {
    font-size: 26px;
    opacity: .4;
    text-shadow: none;
    margin-top: -2px;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    line-height: 1;
    color: #000;
}

.setting-section-right .modal-body {
    padding: 15px 0!important;
    min-height: calc(100vh - 14vh);
    max-height: calc(100vh - 14vh);
    overflow-y: scroll;
}

.q-actionicons .actionicons--questionnaire i {
    font-size: 15px;
    color: #333;
    vertical-align: middle;
}

.quesoption-list .btn-advancedoption {
    box-shadow: none!important;
}

.quesoption-list .card {
    box-shadow: none!important;
}
.previewimg-animation {
  padding: 0;
  transition: transform .2s; 
  height: auto;
  margin: 0 auto;
  display: inherit;
}

.previewimg-animation:hover {
  transform: scale(1.8); 
}

.popup-modal.questionnaire-multiple-imgmodal{
    overflow: auto;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary, #ff4081)}.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}.mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-pseudo-checkbox-full{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em)}.mat-mdc-card{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-elevated-card-container-color:#fff}.mat-mdc-card-outlined{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-outline-color:#e0e0e0}.mat-mdc-card-subtitle{color:rgba(0,0,0,.54)}.mat-mdc-card-title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-headline6-font-size, 20px);line-height:var(--mdc-typography-headline6-line-height, 32px);font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:var(--mdc-typography-headline6-letter-spacing, 0.0125em);-webkit-text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:var(--mdc-typography-headline6-text-transform, none)}.mat-mdc-card-subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle2-font-size, 14px);line-height:var(--mdc-typography-subtitle2-line-height, 22px);font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle2-text-transform, none)}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5}.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E")}.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar{background-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E")}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar{background-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar{background-color:rgba(244, 67, 54, 0.25)}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:white}.mat-mdc-tooltip{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.6)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.6)}}.mdc-text-field .mdc-text-field__input{caret-color:var(--mdc-theme-primary, #3f51b5)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-primary, #3f51b5)}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-primary, #3f51b5)}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{background-color:var(--mdc-ripple-color, transparent)}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(63, 81, 181, 0.87)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mat-mdc-form-field-error{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field-focus-overlay{background-color:rgba(0,0,0,.87)}.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay{opacity:.04}.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:.12}.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after{color:rgba(63,81,181,.87)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after{color:rgba(255,64,129,.87)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after{color:rgba(244,67,54,.87)}.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-mdc-form-field.mat-accent .mdc-text-field__input{caret-color:var(--mdc-theme-secondary, #ff4081)}.mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-secondary, #ff4081)}.mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-secondary, #ff4081)}.mat-mdc-form-field.mat-warn .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(244, 67, 54, 0.87)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:1px solid rgba(0,0,0,0)}[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none;border-right:1px solid rgba(0,0,0,0)}.mat-mdc-form-field-infix{min-height:56px}.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:28px}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:24px;padding-bottom:8px}.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mdc-text-field--textarea .mdc-text-field__input{line-height:1.5rem}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-caption-font-size, 12px);line-height:var(--mdc-typography-caption-line-height, 20px);font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:var(--mdc-typography-caption-text-transform, none)}.mat-mdc-form-field,.mat-mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:var(--mdc-typography-body1-text-transform, none)}.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above{font-size:calc(16px * var(--mat-mdc-form-field-floating-label-scale, 0.75))}.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:16px}.mdc-menu-surface{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);background-color:var(--mdc-theme-surface, #fff);color:var(--mdc-theme-on-surface, #000)}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-select-value{color:rgba(0,0,0,.87)}.mat-mdc-select-placeholder{color:rgba(0,0,0,.6)}.mat-mdc-select-disabled .mat-mdc-select-value{color:rgba(0,0,0,.38)}.mat-mdc-select-arrow{color:rgba(0,0,0,.54)}.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow{color:rgba(63,81,181,.87)}.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow{color:rgba(255,64,129,.87)}.mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow{color:rgba(244,67,54,.87)}.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow{color:rgba(244,67,54,.87)}.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow{color:rgba(0,0,0,.38)}.mat-mdc-select-panel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mat-mdc-select{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:var(--mdc-typography-body1-text-transform, none)}.mdc-menu-surface{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);background-color:var(--mdc-theme-surface, #fff);color:var(--mdc-theme-on-surface, #000)}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-autocomplete-panel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mat-mdc-dialog-container{--mdc-dialog-container-color:white;--mdc-dialog-with-divider-divider-color:rgba(0, 0, 0, 0.12);--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}.mat-mdc-dialog-container{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-label-text-color:#212121;--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121}.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-label-text-color:white;--mdc-chip-disabled-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white}.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-label-text-color:white;--mdc-chip-disabled-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white}.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-label-text-color:white;--mdc-chip-disabled-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white}.mat-mdc-chip-focus-overlay{background:#000}.mat-mdc-chip{height:32px}.mat-mdc-standard-chip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-slide-toggle{--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-handle-surface-color:var(--mdc-theme-surface, #fff);--mdc-switch-unselected-handle-color:#616161;--mdc-switch-selected-icon-color:#fff;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-unselected-icon-color:#fff}.mat-mdc-slide-toggle .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-slide-toggle .mdc-switch--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-slide-toggle.mat-primary{--mdc-switch-selected-focus-state-layer-color:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb}.mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}.mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}.mat-mdc-slide-toggle{--mdc-switch-state-layer-size:48px}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-radio-button .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #3f51b5}.mat-mdc-radio-button.mat-primary .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #ff4081}.mat-mdc-radio-button.mat-accent .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #f44336}.mat-mdc-radio-button.mat-warn .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-radio-button .mdc-radio{padding:calc((40px - 20px) / 2)}.mat-mdc-radio-button .mdc-radio .mdc-radio__background::before{top:calc(-1 * (40px - 20px) / 2);left:calc(-1 * (40px - 20px) / 2);width:40px;height:40px}.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control{top:calc((40px - 40px) / 2);right:calc((40px - 40px) / 2);left:calc((40px - 40px) / 2);width:40px;height:40px}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-slider{--mdc-slider-label-container-color:black;--mdc-slider-label-label-text-color:white;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mat-mdc-slider-value-indicator-opacity: 0.6}.mat-mdc-slider.mat-primary{--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mat-mdc-slider-ripple-color: #3f51b5;--mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, 0.2)}.mat-mdc-slider.mat-accent{--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mat-mdc-slider-ripple-color: #ff4081;--mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, 0.2)}.mat-mdc-slider.mat-warn{--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mat-mdc-slider-ripple-color: #f44336;--mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, 0.2)}.mat-mdc-slider{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}.mdc-menu-surface{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);background-color:var(--mdc-theme-surface, #fff);color:var(--mdc-theme-on-surface, #000)}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-menu-item[disabled],.mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon,.mat-mdc-menu-item[disabled] .mat-icon-no-color{color:var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38))}.mat-mdc-menu-item .mat-icon-no-color,.mat-mdc-menu-submenu-icon{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-menu-item:hover:not([disabled]),.mat-mdc-menu-item.cdk-program-focused:not([disabled]),.mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),.mat-mdc-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-mdc-menu-content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mat-mdc-menu-content,.mat-mdc-menu-content .mat-mdc-menu-item .mdc-list-item__primary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:var(--mdc-typography-body1-text-transform, none)}.mat-mdc-list-base{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mat-mdc-list-option .mdc-list-item__start,.mat-mdc-list-option .mdc-list-item__end{--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-list-option .mdc-list-item__start,.mat-mdc-list-option .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #3f51b5}.mat-mdc-list-option .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option .mdc-list-item__end .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-list-option.mat-accent .mdc-list-item__start,.mat-mdc-list-option.mat-accent .mdc-list-item__end{--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-list-option.mat-accent .mdc-list-item__start,.mat-mdc-list-option.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #ff4081}.mat-mdc-list-option.mat-accent .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option.mat-accent .mdc-list-item__end .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-list-option.mat-warn .mdc-list-item__start,.mat-mdc-list-option.mat-warn .mdc-list-item__end{--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-list-option.mat-warn .mdc-list-item__start,.mat-mdc-list-option.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #f44336}.mat-mdc-list-option.mat-warn .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option.mat-warn .mdc-list-item__end .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text{color:#3f51b5}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}.mat-mdc-list-base{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}.mat-mdc-list-base{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font-size:16px;font-weight:400;line-height:28px;font-family:Roboto, sans-serif;letter-spacing:.009375em}.mat-mdc-paginator{background:#fff;color:rgba(0,0,0,.87)}.mat-mdc-paginator-icon{fill:rgba(0,0,0,.54)}.mat-mdc-paginator-decrement,.mat-mdc-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-mdc-paginator-first,.mat-mdc-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-mdc-icon-button[disabled] .mat-mdc-paginator-decrement,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-increment,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-first,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-last{border-color:rgba(0,0,0,.12)}.mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon{fill:rgba(0,0,0,.12)}.mat-mdc-paginator .mat-mdc-form-field-infix{min-height:40px}.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:20px}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label{display:none}.mat-mdc-paginator-container{min-height:56px}.mat-mdc-paginator{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-caption-font-size, 12px);line-height:var(--mdc-typography-caption-line-height, 20px);font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:var(--mdc-typography-caption-text-transform, none)}.mat-mdc-paginator .mat-mdc-select-value{font-size:12px}.mat-mdc-tab,.mat-mdc-tab-link{background-color:rgba(0,0,0,0)}.mat-mdc-tab .mdc-tab__text-label,.mat-mdc-tab-link .mdc-tab__text-label{color:rgba(0, 0, 0, 0.6)}.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple::before,.mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element,.mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__ripple::before,.mat-mdc-tab-link.mat-mdc-tab-disabled .mat-ripple-element{background-color:rgba(0,0,0,.38)}.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label{color:#3f51b5}.mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline{border-color:var(--mdc-tab-indicator-active-indicator-color, #3f51b5)}.mdc-tab__ripple::before,.mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-link .mat-ripple-element{background-color:#3f51b5}.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label{color:#ff4081}.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline{border-color:var(--mdc-tab-indicator-active-indicator-color, #ff4081)}.mat-mdc-tab-group.mat-accent .mdc-tab__ripple::before,.mat-mdc-tab-group.mat-accent .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mdc-tab__ripple::before,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link .mat-ripple-element{background-color:#ff4081}.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label{color:#f44336}.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline{border-color:var(--mdc-tab-indicator-active-indicator-color, #f44336)}.mat-mdc-tab-group.mat-warn .mdc-tab__ripple::before,.mat-mdc-tab-group.mat-warn .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mdc-tab__ripple::before,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link .mat-ripple-element{background-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-mdc-tab-header-with-background-background-color: #3f51b5;--mat-mdc-tab-header-with-background-foreground-color: #fff}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-mdc-tab-header-with-background-background-color: #ff4081;--mat-mdc-tab-header-with-background-foreground-color: #fff}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-mdc-tab-header-with-background-background-color: #f44336;--mat-mdc-tab-header-with-background-foreground-color: #fff}.mat-mdc-tab-header-pagination-chevron{border-color:var(--mdc-theme-on-surface, #000)}.mat-mdc-tab-header .mdc-tab{height:48px}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-checkbox .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-checkbox .mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-mdc-checkbox .mdc-checkbox__ripple{background:#000}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element{background-color:rgba(63,81,181,.1)}.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mdc-checkbox__ripple{background:#3f51b5}.mat-mdc-checkbox.mat-accent{--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element{background-color:rgba(255,64,129,.1)}.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mdc-checkbox__ripple{background:#ff4081}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element{background-color:rgba(244,67,54,.1)}.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mdc-checkbox__ripple{background:#f44336}.mat-mdc-checkbox-disabled label{color:rgba(0,0,0,.38)}.mat-mdc-checkbox .mdc-checkbox{padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background{top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:var(--mdc-checkbox-touch-target-size, 40px);height:var(--mdc-checkbox-touch-target-size, 40px)}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color:#000}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336}.mat-mdc-button[disabled][disabled]{--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-text-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-mdc-unelevated-button.mat-unthemed{--mdc-filled-button-container-color:#fff;--mdc-filled-button-label-text-color:#000}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button[disabled][disabled]{--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-button-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-mdc-raised-button.mat-unthemed{--mdc-protected-button-container-color:#fff;--mdc-protected-button-label-text-color:#000}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button[disabled][disabled]{--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation:0}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-unthemed{--mdc-outlined-button-label-text-color:#000}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336}.mat-mdc-outlined-button[disabled][disabled]{--mdc-outlined-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-mdc-raised-button,.mat-mdc-unelevated-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base{height:36px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-icon-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-icon-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-mdc-icon-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-mdc-icon-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5}.mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081}.mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336}.mat-mdc-icon-button[disabled][disabled]{--mdc-icon-button-icon-color:rgba(0, 0, 0, 0.38);--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38)}.mat-mdc-icon-button.mat-mdc-button-base{width:48px;height:48px;padding:12px}.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring{max-height:48px;max-width:48px}.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mat-mdc-fab,.mat-mdc-mini-fab{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed{--mdc-fab-container-color:#fff;--mdc-fab-icon-color:#000;--mat-mdc-fab-color: #000}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mdc-fab-icon-color:#fff;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mdc-fab-icon-color:#fff;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color:#f44336;--mdc-fab-icon-color:#fff;--mat-mdc-fab-color: #fff}.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled]{--mdc-fab-container-color:rgba(0, 0, 0, 0.12);--mdc-fab-icon-color:rgba(0, 0, 0, 0.38);--mat-mdc-fab-color: rgba(0, 0, 0, 0.38)}.mdc-fab--extended{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-snack-bar-container{--mat-mdc-snack-bar-button-color: #ff4081;--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87)}.mat-mdc-snack-bar-container{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}.mdc-data-table{background-color:var(--mdc-theme-surface, #fff);border-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__row{background-color:inherit}.mdc-data-table__header-cell{background-color:var(--mdc-theme-surface, #fff)}.mdc-data-table__row--selected{background-color:rgba(63, 81, 181, 0.04)}.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__cell,.mdc-data-table__header-cell{border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__pagination{border-top-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__row:not(.mdc-data-table__row--selected):hover{background-color:rgba(0, 0, 0, 0.04)}.mdc-data-table__header-cell{color:rgba(0, 0, 0, 0.87)}.mdc-data-table__pagination-total,.mdc-data-table__pagination-rows-per-page-label,.mdc-data-table__cell{color:rgba(0, 0, 0, 0.87)}.mat-mdc-table{background:#fff}.mat-mdc-table .mdc-data-table__row{height:52px}.mat-mdc-table .mdc-data-table__pagination{min-height:52px}.mat-mdc-table .mdc-data-table__header-row{height:56px}.mdc-data-table__content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mdc-data-table__cell{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mdc-data-table__header-cell{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle2-font-size, 14px);line-height:var(--mdc-typography-subtitle2-line-height, 22px);font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle2-text-transform, none)}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color:#3f51b5}.mat-mdc-progress-spinner.mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}.mat-mdc-progress-spinner.mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-bottom-sheet-container{font-size:14px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0178571429em}.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px #e0e0e0}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-button-toggle{font-family:Roboto, sans-serif}.mat-calendar-arrow{fill:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:rgba(0,0,0,0)}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}@media(hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}@media(hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}@media(hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}}.mat-datepicker-content-touch{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{width:40px;height:40px;padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch{position:absolute;top:50%;height:40px;left:50%;width:40px;transform:translate(-50%, -50%)}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}.mat-calendar{font-family:Roboto, sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-expansion-panel-header{font-family:Roboto, sans-serif;font-size:14px;font-weight:500}.mat-expansion-panel-content{font-size:14px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0178571429em}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:rgba(0,0,0,0);color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:16px}.mat-step-label-selected{font-size:16px;font-weight:400}.mat-sort-header-arrow{color:#757575}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font-size:20px;font-weight:500;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:.0125em;margin:0}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-tree{font-family:Roboto, sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font-size:24px;font-weight:400;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font-size:20px;font-weight:500;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font-size:16px;font-weight:400;line-height:28px;font-family:Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font-size:16px;font-weight:400;line-height:24px;font-family:Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font-size:14px;font-weight:500;line-height:22px;font-family:Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font-size:14px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font-size:12px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font-size:96px;font-weight:300;line-height:96px;font-family:Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font-size:60px;font-weight:300;line-height:60px;font-family:Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font-size:48px;font-weight:400;line-height:50px;font-family:Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font-size:34px;font-weight:400;line-height:40px;font-family:Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}

/*# sourceMappingURL=styles.css.map*/