{"version":3,"sources":["simple-mde.css","simple-mde/_simplemde.scss","simple-mde/_elements.scss","theme/_variables.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACGhB;EACE,WCHM;EDIN,kBAAA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,yBAAA;EAEA,8BAAA;EAEA,+BAAA;EACA,aAAA;EACA,aAAA;EACA,UAAA;ADHF;ACIE;EACE,cAAA;EAEA,gBAAA;EACA,eAAA;EACA,eAAA;EACA,oBAAA;EACA,kBAAA;EACA,SAAA;EACA,gBAAA;EACA,iBAAA;EACA,oBAAA;EACA,cAAA;EACA,UAAA;EACA,kBAAA;EACA,iBAAA;EACA,oCAAA;UAAA,4BAAA;ADHJ;ACMI;EACE,cCEqB;AFN3B;ACMI;EACE,cAAA;ADJN;ACMI;EACE,cCFmB;AFFzB;ACMI;EACE,eAAA;EACA,iBAAA;ADJN;ACMI;EACE,eAAA;EACA,iBAAA;ADJN;ACMI;EACE,eAAA;EACA,iBAAA;ADJN;ACMI;EACE,eAAA;EACA,iBAAA;ADJN;ACMI;EACE,+BCpBI;EDsBJ,kBAAA;ADLN;ACOI;EACE,cCxBmB;AFmBzB;ACOI;EACE,cC1BmB;AFqBzB;ACOI;EACE,6BAAA;ADLN;ACQE;EACE,gBC1EgB;AFoEpB;ACQE;EACE,YAAA;ADNJ;ACQE;EACE,6BAAA;ADNJ;ACQE;EACE,iCCzCK;AFmCT;;ACSA;EACE,cAAA;EACA,YAAA;EACA,eAAA;ADNF;;ACQA;EACE,sBC7FM;ED8FN,kBAAA;EACA,UAAA;EACA,aAAA;EACA,OAAA;EACA,SAAA;ADLF;;ACOA;EACE,sBCrGM;EDsGN,kBAAA;EACA,UAAA;EACA,aAAA;EACA,QAAA;EACA,SAAA;ADJF;;ACMA;EACE,4BAAA;EACA,yBC5GwB;ED6GxB,mBAAA;EACA,kBAAA;EACA,OAAA;EACA,MAAA;EACA,gBAAA;EACA,UAAA;EAEA,+BAAA;UAAA,uBAAA;ADJF;;ACMA;EACE,oBAAA;EACA,eAAA;EACA,iBAAA;EACA,WCzH2B;ED0H3B,mBAAA;EAEA,+BAAA;UAAA,uBAAA;ADJF;;ACMA;EACE,WCnIM;AFgIR;;ACKA;EACE,WClI2B;AFgI7B;;ACIA;EACE,2BAAA;EACA,kBAAA;EACA,QAAA;EACA,kBAAA;ADDF;;ACIE;EACE,WAAA;EACA,oBAAA;EACA,gBC5IwB;AF2I5B;ACGE;EACE,UAAA;ADDJ;;ACIA;EACE,WAAA;EACA,SAAA;EACA,gDAAA;UAAA,wCAAA;EACA,sBCtJ0B;AFqJ5B;ACQA;EACE;IACE,6BAAA;EDAF;AACF;ACEA;EACE;IACE,6BAAA;EDAF;AACF;ACEA;EACE,qBAAA;EACA,wBAAA;ADAF;;ACEA;EACE,2BAAA;EACA,kBAAA;ADCF;;ACEE;EACE,WC/KG;AFgLP;ACCE;EACE,WCjL2B;AFkL/B;ACCE;EACE,WCjLkB;AFkLtB;ACCE;EACE,WCnLoB;AFoLxB;ACCE;EACE,WCrLiB;AFsLrB;ACCE;EACE,WC9LG;AF+LP;ACCE;EACE,WC1LqB;AF2LzB;ACCE;EACE,WC5LiB;AF6LrB;ACCE;EACE,WC9LqB;AF+LzB;ACCE;EACE,WChMqB;AFiMzB;ACCE;EACE,WClMgC;AFmMpC;ACCE;EACE,WCpMwB;AFqM5B;ACCE;EACE,WCvMwB;AFwM5B;ACCE;EACE,WCjNoB;AFkNxB;ACCE;EACE,WC5MkB;AF6MtB;ACCE;EACE,WC3N2B;AF4N/B;ACCE;EACE,WCjNqB;AFkNzB;ACCE;EACE,WCtOyB;AFuO7B;ACCE;EACE,WCvNqB;AFwNzB;ACCE;EACE,UCzNE;AF0NN;;ACEA;EACE,WC1OsB;AF2OxB;;ACCA;EACE,WC5O0B;AF8O5B;;ACAA;EACE,gBAAA;ADGF;;ACDA;EACE,gBAAA;ADIF;;ACFA;EACE,kBAAA;ADKF;;ACHA;EACE,0BAAA;ADMF;;ACJA;EACE,6BAAA;ADOF;;ACLA;EACE,UClPI;AF0PN;;ACNA;EACE,wBAAA;ADSF;;ACNE;EACE,kBAAA;EACA,kBAAA;EACA,UAAA;ADSJ;ACPE;EACE,mBAAA;ADSJ;ACNI;EACE,WCjQE;AFyQR;ACNI;EACE,WCnQmB;AF2QzB;;ACJA;EACE,kCCvQuB;AF8QzB;;ACLA;EACE,mBCzQsB;AFiRxB;;ACNA;EACE,2BAAA;EACA,oBAAA;EACA,mBAAA;EACA,oBAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,iBAAA;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","file":"simple-mde.css","sourcesContent":["@charset \"UTF-8\";\n.CodeMirror {\n  color: #000;\n  position: relative;\n  overflow: hidden;\n  height: auto;\n  min-height: 300px;\n  border: 1px solid #e6edef;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  padding: 10px;\n  font: inherit;\n  z-index: 1;\n}\n.CodeMirror pre {\n  padding: 0 4px;\n  border-radius: 0;\n  border-width: 0;\n  background: 0 0;\n  font-family: inherit;\n  font-size: inherit;\n  margin: 0;\n  white-space: pre;\n  word-wrap: normal;\n  line-height: inherit;\n  color: inherit;\n  z-index: 2;\n  position: relative;\n  overflow: visible;\n  font-variant-ligatures: none;\n}\n.CodeMirror .CodeMirror-code .cm-tag {\n  color: #63a35c;\n}\n.CodeMirror .CodeMirror-code .cm-attribute {\n  color: #795da3;\n}\n.CodeMirror .CodeMirror-code .cm-string {\n  color: #183691;\n}\n.CodeMirror .CodeMirror-code .cm-header-1 {\n  font-size: 200%;\n  line-height: 200%;\n}\n.CodeMirror .CodeMirror-code .cm-header-2 {\n  font-size: 160%;\n  line-height: 160%;\n}\n.CodeMirror .CodeMirror-code .cm-header-3 {\n  font-size: 125%;\n  line-height: 125%;\n}\n.CodeMirror .CodeMirror-code .cm-header-4 {\n  font-size: 110%;\n  line-height: 110%;\n}\n.CodeMirror .CodeMirror-code .cm-comment {\n  background: rgba(0, 0, 0, 0.05);\n  border-radius: 2px;\n}\n.CodeMirror .CodeMirror-code .cm-link {\n  color: #7f8c8d;\n}\n.CodeMirror .CodeMirror-code .cm-url {\n  color: #aab2b3;\n}\n.CodeMirror .CodeMirror-code .cm-strikethrough {\n  text-decoration: line-through;\n}\n.CodeMirror .CodeMirror-selected {\n  background: #ddd;\n}\n.CodeMirror .CodeMirror-placeholder {\n  opacity: 0.5;\n}\n.CodeMirror div.CodeMirror-secondarycursor {\n  border-left: 1px solid silver;\n}\n.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {\n  background: rgba(255, 0, 0, 0.15);\n}\n\n.CodeMirror-lines {\n  padding: 4px 0;\n  cursor: text;\n  min-height: 1px;\n}\n\n.CodeMirror-gutter-filler {\n  background-color: #fff;\n  position: absolute;\n  z-index: 6;\n  display: none;\n  left: 0;\n  bottom: 0;\n}\n\n.CodeMirror-scrollbar-filler {\n  background-color: #fff;\n  position: absolute;\n  z-index: 6;\n  display: none;\n  right: 0;\n  bottom: 0;\n}\n\n.CodeMirror-gutters {\n  border-right: 1px solid #ddd;\n  background-color: #f7f7f7;\n  white-space: nowrap;\n  position: absolute;\n  left: 0;\n  top: 0;\n  min-height: 100%;\n  z-index: 3;\n  box-sizing: content-box;\n}\n\n.CodeMirror-linenumber {\n  padding: 0 3px 0 5px;\n  min-width: 20px;\n  text-align: right;\n  color: #999;\n  white-space: nowrap;\n  box-sizing: content-box;\n}\n\n.CodeMirror-guttermarker {\n  color: #000;\n}\n\n.CodeMirror-guttermarker-subtle {\n  color: #999;\n}\n\n.CodeMirror-cursor {\n  border-left: 1px solid #000;\n  border-right: none;\n  width: 0;\n  position: absolute;\n}\n\n.cm-fat-cursor .CodeMirror-cursor {\n  width: auto;\n  border: 0 !important;\n  background: #7e7;\n}\n.cm-fat-cursor div.CodeMirror-cursors {\n  z-index: 1;\n}\n\n.cm-animate-fat-cursor {\n  width: auto;\n  border: 0;\n  animation: blink 1.06s steps(1) infinite;\n  background-color: #7e7;\n}\n\n@-moz-keyframes blink {\n  50% {\n    background-color: transparent;\n  }\n}\n@-webkit-keyframes blink {\n  50% {\n    background-color: transparent;\n  }\n}\n@keyframes blink {\n  50% {\n    background-color: transparent;\n  }\n}\n.cm-tab {\n  display: inline-block;\n  text-decoration: inherit;\n}\n\n.CodeMirror-ruler {\n  border-left: 1px solid #ccc;\n  position: absolute;\n}\n\n.cm-s-default .cm-header {\n  color: #00f;\n}\n.cm-s-default .cm-quote {\n  color: #090;\n}\n.cm-s-default .cm-keyword {\n  color: #708;\n}\n.cm-s-default .cm-atom {\n  color: #219;\n}\n.cm-s-default .cm-number {\n  color: #164;\n}\n.cm-s-default .cm-def {\n  color: #00f;\n}\n.cm-s-default .cm-variable-2 {\n  color: #05a;\n}\n.cm-s-default .cm-variable-3 {\n  color: #085;\n}\n.cm-s-default .cm-comment {\n  color: #a50;\n}\n.cm-s-default .cm-string {\n  color: #a11;\n}\n.cm-s-default .cm-string-2 {\n  color: #f50;\n}\n.cm-s-default .cm-meta {\n  color: #555;\n}\n.cm-s-default .cm-qualifier {\n  color: #555;\n}\n.cm-s-default .cm-builtin {\n  color: #219;\n}\n.cm-s-default .cm-bracket {\n  color: #997;\n}\n.cm-s-default .cm-tag {\n  color: #090;\n}\n.cm-s-default .cm-attribute {\n  color: #00c;\n}\n.cm-s-default .cm-hr {\n  color: #999;\n}\n.cm-s-default .cm-link {\n  color: #00c;\n}\n.cm-s-default .cm-error {\n  color: red;\n}\n\n.cm-negative {\n  color: #d44;\n}\n\n.cm-positive {\n  color: #292;\n}\n\n.cm-header {\n  font-weight: 700;\n}\n\n.cm-strong {\n  font-weight: 700;\n}\n\n.cm-em {\n  font-style: italic;\n}\n\n.cm-link {\n  text-decoration: underline;\n}\n\n.cm-strikethrough {\n  text-decoration: line-through;\n}\n\n.cm-invalidchar {\n  color: red;\n}\n\n.CodeMirror-composing {\n  border-bottom: 2px solid;\n}\n\ndiv.CodeMirror-cursors {\n  visibility: hidden;\n  position: relative;\n  z-index: 3;\n}\ndiv.CodeMirror-dragcursors {\n  visibility: visible;\n}\ndiv.CodeMirror span.CodeMirror-matchingbracket {\n  color: #0f0;\n}\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {\n  color: #f22;\n}\n\n.CodeMirror-matchingtag {\n  background: rgba(255, 150, 0, 0.3);\n}\n\n.CodeMirror-activeline-background {\n  background: #e8f2ff;\n}\n\n.CodeMirror-scroll {\n  overflow: scroll !important;\n  margin-bottom: -30px;\n  margin-right: -30px;\n  padding-bottom: 30px;\n  height: 100%;\n  outline: 0;\n  position: relative;\n  min-height: 300px;\n  box-sizing: content-box;\n}\n\n.CodeMirror-sizer {\n  position: relative;\n  border-right: 30px solid transparent;\n  box-sizing: content-box;\n}\n\n.CodeMirror-hscrollbar {\n  position: absolute;\n  z-index: 6;\n  display: none;\n  bottom: 0;\n  left: 0;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.CodeMirror-vscrollbar {\n  position: absolute;\n  z-index: 6;\n  display: none;\n  right: 0;\n  top: 0;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n\n.CodeMirror-gutter {\n  white-space: normal;\n  height: 100%;\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: -30px;\n  box-sizing: content-box;\n}\n\n.CodeMirror-gutter-wrapper {\n  position: absolute;\n  z-index: 4;\n  background: 0 0 !important;\n  border: none !important;\n  user-select: none;\n}\n\n.CodeMirror-gutter-background {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 4;\n}\n\n.CodeMirror-gutter-elt {\n  position: absolute;\n  cursor: default;\n  z-index: 4;\n}\n\n.CodeMirror-linebackground {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  z-index: 0;\n}\n\n.CodeMirror-linewidget {\n  position: relative;\n  z-index: 2;\n  overflow: auto;\n}\n\n.CodeMirror-code {\n  outline: 0;\n}\n\n.CodeMirror-measure {\n  position: absolute;\n  width: 100%;\n  height: 0;\n  overflow: hidden;\n  visibility: hidden;\n}\n.CodeMirror-measure pre {\n  position: static;\n}\n\n.CodeMirror-focused .CodeMirror-selected {\n  background: #d7d4f0;\n}\n.CodeMirror-focused div.CodeMirror-cursors {\n  visibility: visible;\n}\n\n.CodeMirror-selected {\n  background: #ddd;\n}\n\n.CodeMirror-line::selection {\n  background: #d7d4f0;\n}\n\n.CodeMirror-line > span::selection {\n  background: #d7d4f0;\n}\n.CodeMirror-line > span > span::selection {\n  background: #d7d4f0;\n}\n.CodeMirror-line > span > span::-moz-selection {\n  background: #d7d4f0;\n}\n.CodeMirror-line > span::-moz-selection {\n  background: #d7d4f0;\n}\n\n.CodeMirror-crosshair {\n  cursor: crosshair;\n}\n\n.CodeMirror-line::-moz-selection {\n  background: #d7d4f0;\n}\n\n.cm-searching {\n  background: #ffa;\n  background: rgba(255, 255, 0, 0.4);\n}\n\n.cm-force-border {\n  padding-right: 0.1px;\n}\n\n@media print {\n  .CodeMirror div.CodeMirror-cursors {\n    visibility: hidden;\n  }\n}\n.CodeMirror-fullscreen {\n  background: #fff;\n  position: fixed !important;\n  top: 50px;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: auto;\n  z-index: 9;\n}\n\n.CodeMirror-sided {\n  width: 50% !important;\n}\n\n.editor-toolbar {\n  position: relative;\n  opacity: 0.6;\n  user-select: none;\n  padding: 0 10px;\n  border-top: 1px solid #e6edef;\n  border-left: 1px solid #e6edef;\n  border-right: 1px solid #e6edef;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.editor-toolbar:after {\n  display: block;\n  content: \" \";\n  height: 1px;\n  margin-top: 8px;\n}\n.editor-toolbar:before {\n  display: block;\n  content: \" \";\n  height: 1px;\n  margin-bottom: 8px;\n}\n.editor-toolbar:hover {\n  opacity: 0.8;\n}\n.editor-toolbar.fullscreen {\n  width: 100%;\n  height: 50px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  white-space: nowrap;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  box-sizing: border-box;\n  background: #fff;\n  border: 0;\n  position: fixed;\n  top: 0;\n  left: 0;\n  opacity: 1;\n  z-index: 9;\n}\n.editor-toolbar.fullscreen::before {\n  width: 20px;\n  height: 50px;\n  background: linear-gradient(to right, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0) 100%);\n  position: fixed;\n  top: 0;\n  left: 0;\n  margin: 0;\n  padding: 0;\n}\n.editor-toolbar.fullscreen::after {\n  width: 20px;\n  height: 50px;\n  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 100%);\n  position: fixed;\n  top: 0;\n  right: 0;\n  margin: 0;\n  padding: 0;\n}\n.editor-toolbar a {\n  display: inline-block;\n  text-align: center;\n  text-decoration: none !important;\n  color: #2c3e50 !important;\n  width: 30px;\n  height: 30px;\n  margin: 0;\n  border: 1px solid transparent;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.editor-toolbar a.active {\n  background: #fcfcfc;\n  border-color: #95a5a6;\n}\n.editor-toolbar a:hover {\n  background: #fcfcfc;\n  border-color: #95a5a6;\n}\n.editor-toolbar a:before {\n  line-height: 30px;\n}\n.editor-toolbar a.fa-header-x:after {\n  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;\n  font-size: 65%;\n  vertical-align: text-bottom;\n  position: relative;\n  top: 2px;\n}\n.editor-toolbar a.fa-header-1:after {\n  content: \"1\";\n}\n.editor-toolbar a.fa-header-2:after {\n  content: \"2\";\n}\n.editor-toolbar a.fa-header-3:after {\n  content: \"3\";\n}\n.editor-toolbar a.fa-header-bigger:after {\n  content: \"▲\";\n}\n.editor-toolbar a.fa-header-smaller:after {\n  content: \"▼\";\n}\n.editor-toolbar i.separator {\n  display: inline-block;\n  width: 0;\n  border-left: 1px solid #ddd;\n  border-right: 1px solid #fff;\n  color: transparent;\n  text-indent: -10px;\n  margin: 0 6px;\n}\n.editor-toolbar.disabled-for-preview a:not(.no-disable) {\n  pointer-events: none;\n  background: #fff;\n  border-color: transparent;\n  text-shadow: inherit;\n}\n\n@media only screen and (max-width: 700px) {\n  .editor-toolbar a.no-mobile {\n    display: none;\n  }\n}\n.editor-statusbar {\n  padding: 8px 10px;\n  font-size: 12px;\n  color: #999;\n  text-align: right;\n}\n.editor-statusbar span {\n  display: inline-block;\n  min-width: 4em;\n  margin-left: 1em;\n}\n.editor-statusbar .lines:before {\n  content: \"lines: \";\n}\n.editor-statusbar .words:before {\n  content: \"words: \";\n}\n.editor-statusbar .characters:before {\n  content: \"characters: \";\n}\n\n.editor-preview {\n  padding: 10px;\n  background: #fafafa;\n  overflow: auto;\n  display: none;\n  box-sizing: border-box;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 7;\n}\n.editor-preview > p {\n  margin-top: 0;\n}\n.editor-preview pre {\n  background: #eee;\n  margin-bottom: 10px;\n}\n.editor-preview table td {\n  border: 1px solid #ddd;\n  padding: 5px;\n}\n.editor-preview table th {\n  border: 1px solid #ddd;\n  padding: 5px;\n}\n\n.editor-preview-side {\n  padding: 10px;\n  background: #fafafa;\n  overflow: auto;\n  display: none;\n  box-sizing: border-box;\n  position: fixed;\n  bottom: 0;\n  width: 50%;\n  top: 50px;\n  right: 0;\n  z-index: 9;\n  border: 1px solid #ddd;\n}\n.editor-preview-side > p {\n  margin-top: 0;\n}\n.editor-preview-side pre {\n  background: #eee;\n  margin-bottom: 10px;\n}\n.editor-preview-side table td {\n  border: 1px solid #ddd;\n  padding: 5px;\n}\n.editor-preview-side table th {\n  border: 1px solid #ddd;\n  padding: 5px;\n}\n\n.editor-preview-active {\n  display: block;\n}\n\n.editor-preview-active-side {\n  display: block;\n}\n\n.CodeMirror-wrap pre {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  word-break: normal;\n  color: #999;\n}\n\n.cm-tab-wrap-hack:after {\n  content: \"\";\n}\n\nspan.CodeMirror-selectedtext {\n  background: 0 0;\n}\n\n.editor-wrapper input.title:focus {\n  opacity: 0.8;\n}\n.editor-wrapper input.title:hover {\n  opacity: 0.8;\n}","@import \"../theme/variables\";\r\n@import \"elements\";\r\n\r\n.CodeMirror {\r\n  color: $black;\r\n  position: relative;\r\n  overflow: hidden;  \r\n  height:auto;\r\n  min-height:300px;\r\n  border: 1px solid $light-gray;\r\n  //Instead of the line below you could use @include border-bottom-left-radius($radius)\r\n  border-bottom-left-radius: 4px;\r\n  //Instead of the line below you could use @include border-bottom-right-radius($radius)\r\n  border-bottom-right-radius: 4px;\r\n  padding: 10px;\r\n  font: inherit;\r\n  z-index: 1;\r\n  pre {\r\n    padding: 0 4px;\r\n    //Instead of the line below you could use @include border-radius($radius, $vertical-radius)\r\n    border-radius: 0;\r\n    border-width: 0;\r\n    background: 0 0;\r\n    font-family: inherit;\r\n    font-size: inherit;\r\n    margin: 0;\r\n    white-space: pre;\r\n    word-wrap: normal;\r\n    line-height: inherit;\r\n    color: inherit;\r\n    z-index: 2;\r\n    position: relative;\r\n    overflow: visible;\r\n    font-variant-ligatures: none;\r\n  }\r\n  .CodeMirror-code {\r\n    .cm-tag {\r\n      color: $color_fruit_salad_approx;\r\n    }\r\n    .cm-attribute {\r\n      color: $color_deluge_approx;\r\n    }\r\n    .cm-string {\r\n      color: $color_torea_bay_approx;\r\n    }\r\n    .cm-header-1 {\r\n      font-size: 200%;\r\n      line-height: 200%;\r\n    }\r\n    .cm-header-2 {\r\n      font-size: 160%;\r\n      line-height: 160%;\r\n    }\r\n    .cm-header-3 {\r\n      font-size: 125%;\r\n      line-height: 125%;\r\n    }\r\n    .cm-header-4 {\r\n      font-size: 110%;\r\n      line-height: 110%;\r\n    }\r\n    .cm-comment {\r\n      background: $black_5;\r\n      //Instead of the line below you could use @include border-radius($radius, $vertical-radius)\r\n      border-radius: 2px;\r\n    }\r\n    .cm-link {\r\n      color: $color_oslo_gray_approx;\r\n    }\r\n    .cm-url {\r\n      color: $color_aluminium_approx;\r\n    }\r\n    .cm-strikethrough {\r\n      text-decoration: line-through;\r\n    }\r\n  }\r\n  .CodeMirror-selected {\r\n    background: $color_alto_approx;\r\n  }\r\n  .CodeMirror-placeholder {\r\n    opacity: .5;\r\n  }\r\n  div.CodeMirror-secondarycursor {\r\n    border-left: 1px solid $silver;\r\n  }\r\n  .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {\r\n    background: $red_15;\r\n  }\r\n}\r\n.CodeMirror-lines {\r\n  padding: 4px 0;\r\n  cursor: text;\r\n  min-height: 1px;\r\n}\r\n.CodeMirror-gutter-filler {\r\n  background-color: $white;\r\n  position: absolute;\r\n  z-index: 6;\r\n  display: none;\r\n  left: 0;\r\n  bottom: 0;\r\n}\r\n.CodeMirror-scrollbar-filler {\r\n  background-color: $white;\r\n  position: absolute;\r\n  z-index: 6;\r\n  display: none;\r\n  right: 0;\r\n  bottom: 0;\r\n}\r\n.CodeMirror-gutters {\r\n  border-right: 1px solid $color_alto_approx;\r\n  background-color: $color_black_haze_approx;\r\n  white-space: nowrap;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  min-height: 100%;\r\n  z-index: 3;\r\n  //Instead of the line below you could use @include box-sizing($bs)\r\n  box-sizing: content-box;\r\n}\r\n.CodeMirror-linenumber {\r\n  padding: 0 3px 0 5px;\r\n  min-width: 20px;\r\n  text-align: right;\r\n  color: $color_mountain_mist_approx;\r\n  white-space: nowrap;\r\n  //Instead of the line below you could use @include box-sizing($bs)\r\n  box-sizing: content-box;\r\n}\r\n.CodeMirror-guttermarker {\r\n  color: $black;\r\n}\r\n.CodeMirror-guttermarker-subtle {\r\n  color: $color_mountain_mist_approx;\r\n}\r\n.CodeMirror-cursor {\r\n  border-left: 1px solid $black;\r\n  border-right: none;\r\n  width: 0;\r\n  position: absolute;\r\n}\r\n.cm-fat-cursor {\r\n  .CodeMirror-cursor {\r\n    width: auto;\r\n    border: 0!important;\r\n    background: $color_pastel_green_approx;\r\n  }\r\n  div.CodeMirror-cursors {\r\n    z-index: 1;\r\n  }\r\n}\r\n.cm-animate-fat-cursor {\r\n  width: auto;\r\n  border: 0;\r\n  animation: blink 1.06s steps(1) infinite;\r\n  background-color: $color_pastel_green_approx;\r\n}\r\n@-moz-keyframes blink {\r\n  50% {\r\n    background-color: transparent;\r\n  }\r\n}\r\n@-webkit-keyframes blink {\r\n  50% {\r\n    background-color: transparent;\r\n  }\r\n}\r\n@keyframes blink {\r\n  50% {\r\n    background-color: transparent;\r\n  }\r\n}\r\n.cm-tab {\r\n  display: inline-block;\r\n  text-decoration: inherit;\r\n}\r\n.CodeMirror-ruler {\r\n  border-left: 1px solid $color_celeste_approx;\r\n  position: absolute;\r\n}\r\n.cm-s-default {\r\n  .cm-header {\r\n    color: $blue;\r\n  }\r\n  .cm-quote {\r\n    color: $color_japanese_laurel_approx;\r\n  }\r\n  .cm-keyword {\r\n    color: $color_purple_approx;\r\n  }\r\n  .cm-atom {\r\n    color: $color_blue_gem_approx;\r\n  }\r\n  .cm-number {\r\n    color: $color_jewel_approx;\r\n  }\r\n  .cm-def {\r\n    color: $blue;\r\n  }\r\n  .cm-variable-2 {\r\n    color: $color_endeavour_approx;\r\n  }\r\n  .cm-variable-3 {\r\n    color: $color_salem_approx;\r\n  }\r\n  .cm-comment {\r\n    color: $color_rich_gold_approx;\r\n  }\r\n  .cm-string {\r\n    color: $color_tamarillo_approx;\r\n  }\r\n  .cm-string-2 {\r\n    color: $color_international_orange_approx;\r\n  }\r\n  .cm-meta {\r\n    color: $color_fuscous_gray_approx;\r\n  }\r\n  .cm-qualifier {\r\n    color: $color_fuscous_gray_approx;\r\n  }\r\n  .cm-builtin {\r\n    color: $color_blue_gem_approx;\r\n  }\r\n  .cm-bracket {\r\n    color: $color_gurkha_approx;\r\n  }\r\n  .cm-tag {\r\n    color: $color_japanese_laurel_approx;\r\n  }\r\n  .cm-attribute {\r\n    color: $color_dark_blue_approx;\r\n  }\r\n  .cm-hr {\r\n    color: $color_mountain_mist_approx;\r\n  }\r\n  .cm-link {\r\n    color: $color_dark_blue_approx;\r\n  }\r\n  .cm-error {\r\n    color: $red;\r\n  }\r\n}\r\n.cm-negative {\r\n  color: $color_valencia_approx;\r\n}\r\n.cm-positive {\r\n  color: $color_forest_green_approx;\r\n}\r\n.cm-header {\r\n  font-weight: 700;\r\n}\r\n.cm-strong {\r\n  font-weight: 700;\r\n}\r\n.cm-em {\r\n  font-style: italic;\r\n}\r\n.cm-link {\r\n  text-decoration: underline;\r\n}\r\n.cm-strikethrough {\r\n  text-decoration: line-through;\r\n}\r\n.cm-invalidchar {\r\n  color: $red;\r\n}\r\n.CodeMirror-composing {\r\n  border-bottom: 2px solid;\r\n}\r\ndiv {\r\n  &.CodeMirror-cursors {\r\n    visibility: hidden;\r\n    position: relative;\r\n    z-index: 3;\r\n  }\r\n  &.CodeMirror-dragcursors {\r\n    visibility: visible;\r\n  }\r\n  &.CodeMirror span {\r\n    &.CodeMirror-matchingbracket {\r\n      color: $green;\r\n    }\r\n    &.CodeMirror-nonmatchingbracket {\r\n      color: $color_torch_red_approx;\r\n    }\r\n  }\r\n}\r\n.CodeMirror-matchingtag {\r\n  background: $color_pizazz_30_approx;\r\n}\r\n.CodeMirror-activeline-background {\r\n  background: $color_solitude_approx;\r\n}\r\n.CodeMirror-scroll {\r\n  overflow: scroll!important;\r\n  margin-bottom: -30px;\r\n  margin-right: -30px;\r\n  padding-bottom: 30px;\r\n  height: 100%;\r\n  outline: 0;\r\n  position: relative;\r\n  min-height: 300px;\r\n  //Instead of the line below you could use @include box-sizing($bs)\r\n  box-sizing: content-box;\r\n}\r\n.CodeMirror-sizer {\r\n  position: relative;\r\n  border-right: 30px solid transparent;\r\n  //Instead of the line below you could use @include box-sizing($bs)\r\n  box-sizing: content-box;\r\n}\r\n.CodeMirror-hscrollbar {\r\n  position: absolute;\r\n  z-index: 6;\r\n  display: none;\r\n  bottom: 0;\r\n  left: 0;\r\n  overflow-y: hidden;\r\n  overflow-x: scroll;\r\n}\r\n.CodeMirror-vscrollbar {\r\n  position: absolute;\r\n  z-index: 6;\r\n  display: none;\r\n  right: 0;\r\n  top: 0;\r\n  overflow-x: hidden;\r\n  overflow-y: scroll;\r\n}\r\n.CodeMirror-gutter {\r\n  white-space: normal;\r\n  height: 100%;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n  margin-bottom: -30px;\r\n  //Instead of the line below you could use @include box-sizing($bs)\r\n  box-sizing: content-box;\r\n}\r\n.CodeMirror-gutter-wrapper {\r\n  position: absolute;\r\n  z-index: 4;\r\n  background: 0 0!important;\r\n  border: none!important;\r\n  //Instead of the line below you could use @include user-select($select)\r\n  user-select: none;\r\n}\r\n.CodeMirror-gutter-background {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  z-index: 4;\r\n}\r\n.CodeMirror-gutter-elt {\r\n  position: absolute;\r\n  cursor: default;\r\n  z-index: 4;\r\n}\r\n.CodeMirror-linebackground {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  z-index: 0;\r\n}\r\n.CodeMirror-linewidget {\r\n  position: relative;\r\n  z-index: 2;\r\n  overflow: auto;\r\n}\r\n.CodeMirror-code {\r\n  outline: 0;\r\n}\r\n.CodeMirror-measure {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 0;\r\n  overflow: hidden;\r\n  visibility: hidden;\r\n  pre {\r\n    position: static;\r\n  }\r\n}\r\n.CodeMirror-focused {\r\n  .CodeMirror-selected {\r\n    background: $color_moon_raker_approx;\r\n  }\r\n  div.CodeMirror-cursors {\r\n    visibility: visible;\r\n  }\r\n}\r\n.CodeMirror-selected {\r\n  background: $color_alto_approx;\r\n}\r\n.CodeMirror-line::selection {\r\n  background: $color_moon_raker_approx;\r\n}\r\n.CodeMirror-line {\r\n  > span::selection {\r\n    background: $color_moon_raker_approx;\r\n  }\r\n  > span {\r\n    > span::selection {\r\n      background: $color_moon_raker_approx;\r\n    }\r\n    > span::-moz-selection {\r\n      background: $color_moon_raker_approx;\r\n    }\r\n  }\r\n  > span::-moz-selection {\r\n    background: $color_moon_raker_approx;\r\n  }\r\n}\r\n.CodeMirror-crosshair {\r\n  cursor: crosshair;\r\n}\r\n.CodeMirror-line::-moz-selection {\r\n  background: $color_moon_raker_approx;\r\n}\r\n.cm-searching {\r\n  background: $color_milan_approx;\r\n  background: $yellow_40;\r\n}\r\n.cm-force-border {\r\n  padding-right: .1px;\r\n}\r\n@media print {\r\n  .CodeMirror div.CodeMirror-cursors {\r\n    visibility: hidden;\r\n  }\r\n}\r\n.CodeMirror-fullscreen {\r\n  background: $white;\r\n  position: fixed!important;\r\n  top: 50px;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  height: auto;\r\n  z-index: 9;\r\n}\r\n.CodeMirror-sided {\r\n  width: 50%!important;\r\n}\r\n.editor-toolbar {\r\n  position: relative;\r\n  opacity: .6;\r\n  //Instead of the line below you could use @include user-select($select)\r\n  user-select: none;\r\n  padding: 0 10px;\r\n  border-top: 1px solid $light-gray;\r\n  border-left: 1px solid $light-gray;\r\n  border-right: 1px solid $light-gray;\r\n  //Instead of the line below you could use @include border-top-left-radius($radius)\r\n  border-top-left-radius: 4px;\r\n  //Instead of the line below you could use @include border-top-right-radius($radius)\r\n  border-top-right-radius: 4px;\r\n  &:after {\r\n    display: block;\r\n    content: ' ';\r\n    height: 1px;\r\n    margin-top: 8px;\r\n  }\r\n  &:before {\r\n    display: block;\r\n    content: ' ';\r\n    height: 1px;\r\n    margin-bottom: 8px;\r\n  }\r\n  &:hover {\r\n    opacity: .8;\r\n  }\r\n  &.fullscreen {\r\n    width: 100%;\r\n    height: 50px;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    white-space: nowrap;\r\n    padding-top: 10px;\r\n    padding-bottom: 10px;\r\n    //Instead of the line below you could use @include box-sizing($bs)\r\n    box-sizing: border-box;\r\n    background: $white;\r\n    border: 0;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    opacity: 1;\r\n    z-index: 9;\r\n  }\r\n  &.fullscreen::before {\r\n    width: 20px;\r\n    height: 50px;\r\n    background: linear-gradient(to right, $white_100 0, rgba(255, 255, 255, 0) 100%);\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  &.fullscreen::after {\r\n    width: 20px;\r\n    height: 50px;\r\n    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, $white_100 100%);\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  a {\r\n    display: inline-block;\r\n    text-align: center;\r\n    text-decoration: none!important;\r\n    color: $color_pickled_bluewood_approx!important;\r\n    width: 30px;\r\n    height: 30px;\r\n    margin: 0;\r\n    border: 1px solid transparent;\r\n    //Instead of the line below you could use @include border-radius($radius, $vertical-radius)\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n    &.active {\r\n      background: $color_alabaster_approx;\r\n      border-color: $color_pewter_approx;\r\n    }\r\n    &:hover {\r\n      background: $color_alabaster_approx;\r\n      border-color: $color_pewter_approx;\r\n    }\r\n    &:before {\r\n      line-height: 30px;\r\n    }\r\n    &.fa-header-x:after {\r\n      font-family: $font_0, $font_1, $font_2, $font_3;\r\n      font-size: 65%;\r\n      vertical-align: text-bottom;\r\n      position: relative;\r\n      top: 2px;\r\n    }\r\n    &.fa-header-1:after {\r\n      content: \"1\";\r\n    }\r\n    &.fa-header-2:after {\r\n      content: \"2\";\r\n    }\r\n    &.fa-header-3:after {\r\n      content: \"3\";\r\n    }\r\n    &.fa-header-bigger:after {\r\n      content: \"▲\";\r\n    }\r\n    &.fa-header-smaller:after {\r\n      content: \"▼\";\r\n    }\r\n  }\r\n  i.separator {\r\n    display: inline-block;\r\n    width: 0;\r\n    border-left: 1px solid $color_alto_approx;\r\n    border-right: 1px solid $white;\r\n    color: transparent;\r\n    text-indent: -10px;\r\n    margin: 0 6px;\r\n  }\r\n  &.disabled-for-preview a:not(.no-disable) {\r\n    pointer-events: none;\r\n    background: $white;\r\n    border-color: transparent;\r\n    //Instead of the line below you could use @include text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)\r\n    text-shadow: inherit;\r\n  }\r\n}\r\n@media only screen and (max-width:700px) {\r\n  .editor-toolbar a.no-mobile {\r\n    display: none;\r\n  }\r\n}\r\n.editor-statusbar {\r\n  padding: 8px 10px;\r\n  font-size: 12px;\r\n  color: $color_mountain_mist_approx;\r\n  text-align: right;\r\n  span {\r\n    display: inline-block;\r\n    min-width: 4em;\r\n    margin-left: 1em;\r\n  }\r\n  .lines:before {\r\n    content: 'lines: ';\r\n  }\r\n  .words:before {\r\n    content: 'words: ';\r\n  }\r\n  .characters:before {\r\n    content: 'characters: ';\r\n  }\r\n}\r\n.editor-preview {\r\n  padding: 10px;\r\n  background: $alabaster;\r\n  overflow: auto;\r\n  display: none;\r\n  //Instead of the line below you could use @include box-sizing($bs)\r\n  box-sizing: border-box;\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 7;\r\n  > p {\r\n    margin-top: 0;\r\n  }\r\n  pre {\r\n    background: $color_gallery_approx;\r\n    margin-bottom: 10px;\r\n  }\r\n  table {\r\n    td {\r\n      border: 1px solid $color_alto_approx;\r\n      padding: 5px;\r\n    }\r\n    th {\r\n      border: 1px solid $color_alto_approx;\r\n      padding: 5px;\r\n    }\r\n  }\r\n}\r\n.editor-preview-side {\r\n  padding: 10px;\r\n  background: $alabaster;\r\n  overflow: auto;\r\n  display: none;\r\n  //Instead of the line below you could use @include box-sizing($bs)\r\n  box-sizing: border-box;\r\n  position: fixed;\r\n  bottom: 0;\r\n  width: 50%;\r\n  top: 50px;\r\n  right: 0;\r\n  z-index: 9;\r\n  border: 1px solid $color_alto_approx;\r\n  > p {\r\n    margin-top: 0;\r\n  }\r\n  pre {\r\n    background: $color_gallery_approx;\r\n    margin-bottom: 10px;\r\n  }\r\n  table {\r\n    td {\r\n      border: 1px solid $color_alto_approx;\r\n      padding: 5px;\r\n    }\r\n    th {\r\n      border: 1px solid $color_alto_approx;\r\n      padding: 5px;\r\n    }\r\n  }\r\n}\r\n.editor-preview-active {\r\n  display: block;\r\n}\r\n.editor-preview-active-side {\r\n  display: block;\r\n}\r\n.CodeMirror-wrap pre {\r\n  word-wrap: break-word;\r\n  white-space: pre-wrap;\r\n  //Instead of the line below you could use @include word-break($value)\r\n  word-break: normal;\r\n  color: $light-text;\r\n}\r\n.cm-tab-wrap-hack:after {\r\n  content: '';\r\n}\r\nspan.CodeMirror-selectedtext {\r\n  background: 0 0;\r\n}\r\n.editor-wrapper input.title {\r\n  &:focus {\r\n    opacity: .8;\r\n  }\r\n  &:hover {\r\n    opacity: .8;\r\n  }\r\n}","//colors\r\n$black: #000;\r\n$white: #fff;\r\n$color_alto_approx: #ddd;\r\n$color_black_haze_approx: #f7f7f7;\r\n$color_mountain_mist_approx: #999;\r\n$silver:  silver;\r\n$color_pastel_green_approx: #7e7;\r\n$color_celeste_approx: #ccc;\r\n$blue: #00f;\r\n$color_japanese_laurel_approx: #090;\r\n$color_valencia_approx: #d44;\r\n$color_forest_green_approx: #292;\r\n$color_purple_approx: #708;\r\n$color_blue_gem_approx: #219;\r\n$color_jewel_approx: #164;\r\n$color_endeavour_approx: #05a;\r\n$color_salem_approx: #085;\r\n$color_rich_gold_approx: #a50;\r\n$color_tamarillo_approx: #a11;\r\n$color_international_orange_approx: #f50;\r\n$color_fuscous_gray_approx: #555;\r\n$color_gurkha_approx: #997;\r\n$color_dark_blue_approx: #00c;\r\n$red: red;\r\n$green: #0f0;\r\n$color_torch_red_approx: #f22;\r\n$color_pizazz_30_approx: rgba(255, 150, 0, .3);\r\n$color_solitude_approx: #e8f2ff;\r\n$color_moon_raker_approx: #d7d4f0;\r\n$color_milan_approx: #ffa;\r\n$yellow_40: rgba(255, 255, 0, .4);\r\n$color_pink_swan_approx: #bbb;\r\n$white_100: rgba(255, 255, 255, 1);\r\n$color_pickled_bluewood_approx: #2c3e50;\r\n$color_alabaster_approx: #fcfcfc;\r\n$color_pewter_approx: #95a5a6;\r\n$alabaster: #fafafa;\r\n$color_gallery_approx: #eee;\r\n$color_fruit_salad_approx: #63a35c;\r\n$color_deluge_approx: #795da3;\r\n$color_torea_bay_approx: #183691;\r\n$black_5: rgba(0, 0, 0, .05);\r\n$color_oslo_gray_approx: #7f8c8d;\r\n$color_aluminium_approx: #aab2b3;\r\n$red_15: rgba(255, 0, 0, .15);\r\n// $light-background: #f5f7fb;\r\n\r\n//fonts\r\n$font_0: Arial;\r\n$font_1: Helvetica Neue;\r\n$font_2: Helvetica;\r\n$font_3: sans-serif;","// General variables\r\n$theme-font-color: #2b2b2b;\r\n$theme-body-font-color: #242934;\r\n$theme-body-sub-title-color: rgba($theme-body-font-color, 0.7);\r\n// Theme colors variables\r\n$primary-color: #24695c;\r\n$secondary-color:#ba895d;\r\n$success-color: #1b4c43;\r\n$warning-color: #e2c636;\r\n$danger-color: #d22d3d;\r\n$light-color : #f4f4f4;\r\n$light-gray  : #e6edef;\r\n$light-semi-gray   :#efefef;\r\n$dark-light :$theme-font-color;\r\n$dark-gray \t: #898989;\r\n$dark-color   : #2c323f;\r\n$gray-60   :#cccccc ;\r\n$card-body-color : #f9f9fa;\r\n$transparent-color: transparent;\r\n$auth-bg-color:#fafafa;\r\n$light : #fdfeff;\r\n$semi-dark  :#59667a;\r\n$light-text: #999;\r\n$light-background: #f5f7fb;\r\n$light-font: #717171;\r\n$light-semi-font: $semi-dark;\r\n$light-chartist-grid-color: #f6f9fd;\r\n$off-white: #ffebce;\r\n$dark-primary: #448aff;\r\n$pitch-color: #fe8a7d;\r\n$light-pitch: #fecf8b;\r\n$flower-pink: #fb6d9d;\r\n$dark-sky: #536dfe;\r\n$color-scarpa: #4c5667;\r\n$color-fiord: #455a64;\r\n$dark-blue: #00008B;\r\n$black : #000;\r\n$white:#fff;\r\n$yellow:#f4c705;\r\n$btn-bhome-bg-c:#ff6060;\r\n$btn-search-bg-c:#ffd042;\r\n$btn-opacity-down-primary:#F7F0FF;\r\n// error page color end\r\n\r\n// gradient colors\r\n$gradient-primary: linear-gradient(#1693f8, #0d67e9);\r\n\r\n//social colors\r\n$fb: #50598e;\r\n$twitter: #6fa2d8;\r\n$google-plus: #c64e40;\r\n$linkedin: #0077B5;\r\n\r\n//error input color start\r\n$light-body-bg-color:#fafdff;\r\n\r\n//fonts\r\n$font-montserrat:'Montserrat', sans-serif;\r\n$font-roboto:'Roboto', sans-serif;\r\n$font-rubik:'Rubik', sans-serif;\r\n$font-nunito: Nunito;\r\n$font-raleway: Raleway;\r\n$font-serif: sans-serif;\r\n$font-themify: themify;\r\n$font-awesome: FontAwesome;\r\n$font-ICO: IcoFont;\r\n\r\n\r\n// dark layout variables\r\n$dark-body-background: #202938;\r\n$dark-card-background: #111727;\r\n$dark-card-inbox: #323846;\r\n$dark-small-font-color:#98a6ad;\r\n$dark-all-font-color: rgba(255,255,255,0.7);\r\n$light-all-font-color: rgba(255,255,255,0.2);\r\n$sidebar-submenu-font-color:rgba(255,255,255,0.7);\r\n$dark-border-color: $dark-body-background;\r\n// $dark-card-border:#374558;\r\n$dark-card-border: rgba($primary-color,0.2);\r\n$dark-editor-document: #2b2b2b;\r\n$bg-dark-color: #1f2533;\r\n$dark-datatable-odd: #1f232b;\r\n$dark-datatable-sorting: #1c212b;\r\n$dark-datatable-sorting-even: #22262f;\r\n$dark-even-hover-sorting: #191e27;\r\n\r\n//General tag settings\r\n$body-font-size: 14px;\r\n$body-font-color: $theme-body-font-color;\r\n$ul-padding-left: 0px;\r\n$ul-padding-right: 0px;\r\n$ancher-color: $primary-color;\r\n$btn-focus-box-shadow: none;\r\n$all-focus-outline-color: $primary-color;\r\n\r\n$paragraph-font-size: 14px;\r\n$paragraph-line-height: 1.7;\r\n$paragraph-letter-spacing : inherit;\r\n\r\n$code-tag-color: $primary-color;\r\n$code-tag-bg-color: rgba($primary-color, 0.03);\r\n$code-tag-padding: 3px;\r\n$code-tag-margin: 0 3px;\r\n$code-tag-border-radious: 2px;\r\n\r\n$blockquote-padding : 15px;\r\n$blockquote-border : 4px solid $light-gray;\r\n\r\n$small-tag-padding: 10px;\r\n$small-tag-color: $dark-color;\r\n\r\n$pre-tag-bg-color: rgba($primary-color, 0.03);\r\n$pre-tag-padding: 20px 0;\r\n\r\n$list-group-active-bg-color: $primary-color;\r\n$list-group-active-border-color: $primary-color;\r\n$list-group-img-size: 40px;\r\n$list-group-margin: 10px;\r\n\r\n\r\n// Tables settings\r\n$table-b-margin:             0px;\r\n$table-heading-color:        $theme-body-font-color;\r\n$table-row-color:            $theme-body-font-color;\r\n$table-footer-font-weight:   bold;\r\n$table-inverse-color:        $white;\r\n$table-hover-color:          $light;\r\n$table-padding:              0.75rem;\r\n$table-xl-padding:           1.25rem 2rem;\r\n$table-xl-font:              120%;\r\n$table-lg-padding:           .9rem 2rem;\r\n$table-lg-font:              110%;\r\n$table-de-padding:           .75rem 2rem;\r\n$table-de-font:              100%;\r\n$table-sm-padding:           .5rem 2rem;\r\n$table-sm-font:              90%;\r\n$table-xs-padding:           0.2rem 2rem;\r\n$table-xs-font:              80%;\r\n$horizontal-border-color:    #f2f4ff;\r\n$horizontal-padding:         .75rem 2rem;\r\n$table-inverse-bg-color:     #292b2c;\r\n\r\n\r\n//According setting\r\n$according-card-top-margin           : 10px;\r\n$according-btn-weight                : 500;\r\n$according-btn-color                 : $theme-body-font-color;\r\n$according-card-header-padding       : 1rem 1.25rem;\r\n$according-card-header-icon          : $font-ICO;\r\n$according-open-icon                 : \"\\eb73\";\r\n$according-close-icon                : \"\\eb7a\";\r\n\r\n//Alert settings\r\n$alert-hover-color        :$dark-color;\r\n$alert-border-radious     :0.15rem;\r\n$alert-padding            :15px;\r\n$alert-msg-icon-size      :16px;\r\n\r\n//badge settings\r\n$badge-padding        :0.44em 0.7em;\r\n$badge-svg-size       :10px;\r\n\r\n//form input settings\r\n$form-group-margin-bottom        : 1.25em;\r\n$col-form-label-font-size        : 14px;\r\n$form-control-font-size          : 14px;\r\n$form-control-border-radious     : 2px;\r\n$form-control-border-color     : $light-gray;\r\n\r\n//breadcrumb setting\r\n$breadcrumb-ancher-color    : $white;\r\n$breadcrumb-ancher-dark-color    : $black;\r\n\r\n//buttons setting\r\n$btn-font-size : 14px;\r\n$btn-padding : 0.375rem 1.75rem;\r\n$btn-lg-font-size: 18px;\r\n$btn-sm-font-size: 12px;\r\n$btn-xs-font-size: 10px;\r\n$btn-xs-padding:  0.2rem 0.7rem;\r\n\r\n\r\n//Card settings\r\n$card-padding        :30px;\r\n$card-margin-bottom  :30px;\r\n$card-border-color   :1px solid $light-gray;\r\n$card-border-radious :0;\r\n$border-secondary:#ede7e4 ;\r\n$common-shadow-color : rgba($light-font, 0.08);\r\n$card-box-shadow     : 0 25px 50px rgba(8,21,66,.06);\r\n$card-header-font-weight : 600;\r\n$card-header-bg-color : $white;\r\n$card-header-font-transform : capitalize;\r\n$card-header-span-size : 12px;\r\n$card-header-span-color : $theme-body-sub-title-color;\r\n$card-body-bg-color : $transparent-color;\r\n// $card-body-bg-color : $white;\r\n$card-footer-bg-color : $white;\r\n\r\n//footer settings\r\n$footer_bg_color : $white;\r\n$footer_box_shadow : 0 0 20px 16px rgba(4,122,251,0.04);\r\n$footer_link_align : right;\r\n$footer_dark_color : $theme-font-color;\r\n$footer_dark__txt_color : $white;\r\n\r\n//form settings\r\n$form-group-margin-bottom  :20px;\r\n$sm-form-margin-bottom : 14px;\r\n$form-placeholder-color : $dark-gray;\r\n$form-placeholder-font-size : 14px;\r\n$form-placeholder-letter-spacing : 1px;\r\n$form-placeholder-font-weight : 100;\r\n$form-input-border-color : $light-semi-gray;\r\n$form-input-bg-color : $white;\r\n\r\n//Tour settings\r\n$tour-color: $primary-color;\r\n\r\n\r\n\r\n//sidabr main settings\r\n$sidebar-width: 255px;\r\n$sidebar-position: fixed;\r\n$sidebar-background-color: $white;\r\n$sidebar-shadow: 0 0 11px rgba(69, 110, 243, 0.13);\r\n$sidebar-overflow: auto;\r\n$sidebar-z-index: 9;\r\n$sidebar-transition: 0.5s;\r\n\r\n//sidebar profile settings\r\n$sidebar-user-section-padding: 10px;\r\n$sidebar-user-section-shadow: 3px 2px 7px -1px rgba(68, 102, 242, 0.13);\r\n$sidebar-profile-edit-icon-size: 14px;\r\n$sidebar-profile-name-txt-color : $primary-color;\r\n$sidebar-profile-name-txt-transfer : uppercase;\r\n$sidebar-profile-name-txt-weight : 600;\r\n$sidebar-profile-name-letter-specing : 1.5px;\r\n$sidebar-profile-name-marging : 3px;\r\n$sidebar-profile-sub-title-font-size: 10px;\r\n$sidebar-profile-sub-title-margin: 0px;\r\n$sidebar-profile-img-shadow: 0 0 15px rgba(68, 102, 242, 0.3);\r\n\r\n//Sidebar main menu setting\r\n$sidebar-menu-padding: 15px;\r\n$sidebar-menu-list-style: none;\r\n$sidebar-menu-list-margin: 0;\r\n\r\n$sidebar-icon-size: 14px;\r\n$sidebar-icon-margin: 14px;\r\n$sidebar-icon-stroke-width: 3px;\r\n$sidebar-font-size: 14px;\r\n$sidebar-letter-specing: 0.5px;\r\n$sidebar-txt-transform: capitalize;\r\n$sidebar-font-weight: 600;\r\n$sidebar-font-color: $theme-body-font-color;\r\n$sidebar-padding-top: 12px;\r\n$sidebar-padding-bottom: 12px;\r\n$sidebar-sub-header-padding: 15px;\r\n$sidebar-sub-header-margin: 0;\r\n$sidebar-heading-hover-padding: 5px;\r\n$sidebar-hover-txt-color: $primary-color;\r\n$sidebar-arrow-margin-top: 2px;\r\n$sidebar-arrow-size: 15px;\r\n$sidebar-arrow-color: $theme-body-font-color;\r\n$sidebar-open-icon: \"\\f107\";\r\n$sidebar-close-icon:\"\\f105\";\r\n$sidebar-icon-font-family: $font-awesome;\r\n$sidebar-height: calc(100vh - 355px);\r\n// $sidebar-height: calc(100vh - 115px);\r\n\r\n//Header settings\r\n$main-header-position: fixed;\r\n$main-header-top: 0;\r\n$main-header-shadow:  0 0 20px rgba(25,124,207,0.08);\r\n$bookmark-icon-color: #fa9f44;\r\n\r\n//page settings\r\n$page-body-padding : 0 15px 0 15px;\r\n$page-body-bg-color: $light-gray;\r\n$page-body-margin-bottom: 0px;\r\n\r\n$page-header-padding : 30px;\r\n\r\n$common-box-shadow: 2px 3.464px 8px 0px rgba( 22, 145, 248, 0.18 );\r\n$page-title-font-size: 24px;\r\n$page-title-margin-bottom: 0;\r\n$page-title-font-weight: 600;\r\n$page-title-text-tranform: capitalize;\r\n$page-small-title-display: block;\r\n$page-small-title-font-size: 12px;\r\n$page-small-title-margin-bottom: 5px;\r\n$page-small-title-text-transform: capitalize;\r\n$page-small-title-text-color: $theme-body-sub-title-color;\r\n$breadcrumb-size: 16px;\r\n$breadcrumb-content: \"/\";\r\n\r\n\r\n//main header left settings\r\n$main-header-left-bg-color : $white;\r\n$main-header-padding : 27px 22px;\r\n$main-header-z-index : 9;\r\n$main-header-right-padding: 24px 40px;\r\n$main-header-right-nav-icon-size :  18px;\r\n$main-header-right-nav-icon-color :  $theme-font-color;\r\n$main-header-right-nav-icon-align :  middle;\r\n"]}