a{text-decoration:none}
img{max-width:100%}
.row_resize{cursor:ns-resize}
.col_resize{cursor:ew-resize}
.col_resize:hover,.row_resize:hover{background:darkblue}
.col_add,.row_add{width:20px; height:20px; display:flex; align-items:center;justify-content:center; border-radius:100%;overflow:hidden}
.col_add:hover,.row_add:hover{color:#fff; background:darkblue}
input,textarea, select,div{outline:none; border:none; font-size:15px}
.wmc{width:max-content}
.wba{word-break: break-all;}
.hover:hover{opacity:0.8;background:#ddd}
#dsanh img{height:68px}

.CodeMirror-hints { position: absolute; z-index: 10; overflow: hidden; list-style: none; margin: 0; padding: 2px; -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2); -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2); box-shadow: 2px 3px 5px rgba(0,0,0,.2); border-radius: 3px; border: 1px solid silver; background: white; font-size: 90%; font-family: monospace; max-height: 20em; overflow-y: auto; } 
.CodeMirror-hint { margin: 0; padding: 0 4px; border-radius: 2px; white-space: pre; color: black; cursor: pointer; } 
li.CodeMirror-hint-active { background: #08f; color: white; } 
/* BASICS */ 
.CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; height: cacl(100vh - 100px); color: black; direction: ltr; } 
/* PADDING */ 
.CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ } 
.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { padding: 0 4px; /* Horizontal padding of content */ } 
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: #eee; /* The little square between H and V scrollbars */ } /* GUTTER */ .CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; } 
.CodeMirror-linenumbers {} 
.CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap; } 
.CodeMirror-guttermarker { color: black; } .CodeMirror-guttermarker-subtle { color: #999; } 
/* CURSOR */ 
.CodeMirror-cursor { border-left: 1px solid black; border-right: none; width: 0; } 
/* Shown when moving in bi-directional text */ 
.CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; } 
.cm-fat-cursor .CodeMirror-cursor { width: auto; border: 0 !important; background: #7e7; } 
.cm-fat-cursor div.CodeMirror-cursors { z-index: 1; } 
.cm-fat-cursor-mark { background-color: rgba(20, 255, 20, 0.5); -webkit-animation: blink 1.06s steps(1) infinite; -moz-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; } 
.cm-animate-fat-cursor { width: auto; border: 0; -webkit-animation: blink 1.06s steps(1) infinite; -moz-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; background-color: #7e7; } 
@-moz-keyframes blink { 0% {} 50% { background-color: transparent; } 100% {} } 
@-webkit-keyframes blink { 0% {} 50% { background-color: transparent; } 100% {} } 
@keyframes blink { 0% {} 50% { background-color: transparent; } 100% {} } 
/* Can style cursor different in overwrite (non-insert) mode */ 
.CodeMirror-overwrite .CodeMirror-cursor {} 
.cm-tab { display: inline-block; text-decoration: inherit; } 
.CodeMirror-rulers { position: absolute; left: 0; right: 0; top: -50px; bottom: 0; overflow: hidden; } 
.CodeMirror-ruler { border-left: 1px solid #ccc; top: 0; bottom: 0; position: absolute; }

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough,.tdl {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
before actual scrolling happens, thus preventing shaking and
flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {outline: none;}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber { -moz-box-sizing: content-box; box-sizing: content-box; } .CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; } 
.CodeMirror-cursor { position: absolute; pointer-events: none; } 
.CodeMirror-measure pre { position: static; } 
div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; } 
div.CodeMirror-dragcursors { visibility: visible; } 
.CodeMirror-focused div.CodeMirror-cursors { visibility: visible; }

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.CodeMirror-search-match { background: gold; border-top: 1px solid orange; border-bottom: 1px solid orange; -moz-box-sizing: border-box; box-sizing: border-box; opacity: .5; } 
.CodeMirror-dialog { position: absolute; left: 0; right: 0; background: inherit; z-index: 15; padding: .1em .8em; overflow: hidden; color: inherit; } 
.CodeMirror-dialog-top { border-bottom: 1px solid #eee; top: 0px; } 
.CodeMirror-dialog-bottom { border-top: 1px solid #eee; bottom: 0; } 
.CodeMirror-dialog input { border: none; outline: none; background: transparent; width: 20em; color: inherit; font-family: monospace; } 
.CodeMirror-dialog button { font-size: 70%; }
.CodeMirror-fullscreen { width:100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: auto; z-index: 9; }
.CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: hidden !important; }
.CodeMirror-foldmarker {
  color: blue;
  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
  font-family: arial;
  line-height: .3;
  cursor: pointer;
}
.CodeMirror-foldgutter {
  width: .7em;
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
  cursor: pointer;
}
.CodeMirror-foldgutter-open:after {
  content: "\25BE";
}
.CodeMirror-foldgutter-folded:after {
  content: "\25B8";
}/* Loosely based on the Midnight Textmate theme */

.cm-s-night.CodeMirror { background: #0a001f; color: #f8f8f8; }
.cm-s-night div.CodeMirror-selected { background: #447; }
.cm-s-night .CodeMirror-line::selection, .cm-s-night .CodeMirror-line > span::selection, .cm-s-night .CodeMirror-line > span > span::selection { background: rgba(68, 68, 119, .99); }
.cm-s-night .CodeMirror-line::-moz-selection, .cm-s-night .CodeMirror-line > span::-moz-selection, .cm-s-night .CodeMirror-line > span > span::-moz-selection { background: rgba(68, 68, 119, .99); }
.cm-s-night .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; }
.cm-s-night .CodeMirror-guttermarker { color: white; }
.cm-s-night .CodeMirror-guttermarker-subtle { color: #bbb; }
.cm-s-night .CodeMirror-linenumber { color: #f8f8f8; }
.cm-s-night .CodeMirror-cursor { border-left: 1px solid white; }

.cm-s-night span.cm-comment { color: #8900d1; }
.cm-s-night span.cm-atom { color: #845dc4; }
.cm-s-night span.cm-number, .cm-s-night span.cm-attribute { color: #ffd500; }
.cm-s-night span.cm-keyword { color: #599eff; }
.cm-s-night span.cm-string { color: #37f14a; }
.cm-s-night span.cm-meta { color: #7678e2; }
.cm-s-night span.cm-variable-2, .cm-s-night span.cm-tag { color: #99b2ff; }
.cm-s-night span.cm-variable-3, .cm-s-night span.cm-def, .cm-s-night span.cm-type { color: white; }
.cm-s-night span.cm-bracket { color: #8da6ce; }
.cm-s-night span.cm-builtin, .cm-s-night span.cm-special { color: #ff9e59; }
.cm-s-night span.cm-link { color: #845dc4; }
.cm-s-night span.cm-error { color: #9d1e15; }

.cm-s-night .CodeMirror-activeline-background { background: #1C005A; }
.cm-s-night .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; }
.CodeMirror-dialog {
  position: absolute;
  left: 0; right: 0;
  background: inherit;
  z-index: 15;
  padding: .1em .8em;
  overflow: hidden;
  color: inherit;
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
}

.CodeMirror-dialog input {
  border: none;
  outline: none;
  background: transparent;
  width: 20em;
  color: inherit;
  font-family: monospace;
}

.CodeMirror-dialog button {font-size: 70%;}
*{padding:0; margin:0}
body{font-family:arial;}
a{text-decoration:none}
input,textarea, select{outline:none; border:none; font-size:15px}
td{padding:5px}
.lh160{line-height:160%}
.lh140{line-height:140%}
.lh120{line-height:120%}
.fl{float:left}
.fr{float:right}
.di{display:inline-block}
.dg{display:grid}
.gap5{gap:5}.gap10{gap:10} .gap20{gap:20}.gap30{gap:30}
.col-1{grid-template-columns:auto;}
.col-2{grid-template-columns:auto auto;}
.col-3{grid-template-columns:auto auto auto;}
.col-4{grid-template-columns: auto auto auto auto;}
.col-5{grid-template-columns: auto auto auto auto auto;}
.col-6{grid-template-columns: auto auto auto auto auto auto;}
.col-7{grid-template-columns: auto auto auto auto auto auto auto;}
.col-8{grid-template-columns: auto auto auto auto auto auto auto auto;}
.col-9{grid-template-columns: auto auto auto auto auto auto auto auto auto;}
.col-10{grid-template-columns: auto auto auto auto auto auto auto auto auto auto;}
.col-11{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;}
.col-12{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;}
.col-20{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
.col-24{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
.col_2{grid-template-columns:50% 50%;}
.col_3{grid-template-columns:33.3% 33.3% 33.3%;}
.col_4{grid-template-columns: 25% 25% 25% 25%;}
.col_5{grid-template-columns: 20% 20% 20% 20% 20%;}
.col_6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
.col_7{grid-template-columns: 14.3% 14.3% 14.3% 14.3% 14.3% 14.3% 14.3%;}
.col_8{grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;}
.col_9{grid-template-columns: 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11%;}
.col_10{grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;}
.col_11{grid-template-columns: 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091%;}
.col_12{grid-template-columns: 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;}
.col_20{grid-template-columns: 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%;}
.col-24{grid-template-columns: 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166%;}
.dig{display:inline-grid}
.dif{display:inline-flex}
.df{display:flex}
.dn{display:none!important}
.db{display:block}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.tj{text-align:justify}
.tu{text-transform:uppercase}
.aic{align-items:center}
.aie{align-items: end}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.ps{position:sticky}
.top-0{top:0px}
.bottom-0{bottom:0px}
.top-5{top:5px}
.bottom-5{bottom:5px}
.top-10{top:10px}
.bottom-10{bottom:10px}
.top-20{top:20px}
.bottom-20{bottom:20px}
.top-40{top:40px}
.bottom-40{bottom:40px}

.top--5{top:-5px}
.bottom--5{bottom:-5px}
.top--10{top:-10px}
.bottom--10{bottom:-10px}
.top--20{top:-20px}
.bottom--20{bottom:-20px}
.top--40{top:-40px}
.bottom--40{bottom:-40px}

.bottom--50{bottom:-50px}
.left-0{left:0px}
.right-0{right:0px}
.left-5{left:5px}
.right-5{right:5px}
.left-10{left:10px}
.right-10{right:10px}
.left-20{left:20px}
.right-20{right:20px}
.r-90{rotate:-90deg}
.r90{rotate:90deg}
.r-180{rotate:-180deg}
.r180{rotate:180deg}
.oh{overflow:hidden}
.oc{overflow:scroll}
.wsp{white-space: pre;}
.wsnw{white-space: nowrap;}
.wspw{white-space: pre-wrap;}
.wspl{white-space: pre-line;}
#header{background:radial-gradient(#955725, #955725)}
#footer{background:radial-gradient(#de8640, #955725);}
#main{height:calc(100vh - 100px);/*box-shadow:inset 0 0 10px #7b7b7b;*/overflow:scroll}
.nav_icon,.nav_icon1{width:30px; height:30px; margin:10px}
.nav_icon1{width:50px}
.line1{width:100%; height:3px; border-radius:3px; background:#fff; margin:7px 0}
.btn_close{width:30px; height:30px; background-size:contain;}
.btn_close svg{fill:#fff}
.btn_close svg:hover{fill:#168286}
.h100{height:100%}
.h36px{height:36px}
.h50px{height:36px}
.h68px{height:68px}
.w100{width:100%}
.w96{width:96%}
.w120p{width:120px}
.w140p{width:140px}
.w186p{width:186px}
.w168p{width:168px}
.w86p{width:86px}
.w68p{width:68px}
.w50p{width:50px}
.wh100{width:100px; height:100px}
.wh150x200{max-width:100%; width:150px; height:200px}
.wh200x250{max-width:100%; width:200px; height:250px}
.wh86{width:86px; height:86px}
.wh68{width:68px; height:68px}
.wh50{width:50px; height:50px}
.wh36{width:36px; height:36px}
.wh23{width:23px; height:23px}
.wh18{width:18px; height:18px}
.caret_up:before {content: "\25B2";}
.caret_down:before {content: "\25BC";}

.m-auto{margin:auto}
.m3{margin:3px}
.m5{margin:5px}
.m10{margin:10px}
.ms5{margin-left:5px}
.ms10{margin-left:10px}
.ms20{margin-left:20px}
.ms50{margin-left:50px}
.me3{margin-right:3px}
.me5{margin-right:5px}
.mt5{margin-top:5px}
.me10{margin-right:10px}
.me20{margin-right:20px}
.me50{margin-right:50px}
.mt0{margin-top:0px!important}
.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb70{margin-bottom:70px}
.mb100{margin-bottom:100px}

.mt68{margin-top:68px}
.mb68{margin-bottom:68px}
.pt68{padding-top:68px}
.pb68{padding-bottom:68px}
.mt50{margin-top:50px}
.mb50{margin-bottom:50px}
.pt50{padding-top:50px}
.pb50{padding-bottom:50px}
.fs70{font-size:70px}
.fsi{font-style:italic}

.ml-auto{margin-left:auto}
.mr-auto{margin-right:auto}

.p2r{padding:10px 2%}
.p1r{padding:5px 1%}
.p3{padding:3px}
.p5{padding:5px}
.p10{padding:10px}
.p20{padding:20px}
.pt0{padding-top:0px!important}
.pb0{padding-bottom:0px!important}
.ps0{padding-left:0px!important}
.pe0{padding-right:0px!important}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.ps5{padding-left:5px}
.ps10{padding-left:10px}
.ps20{padding-left:20px}
.pe5{padding-right:5px}
.pe10{padding-right:10px}
.pe20{padding-right:20px}
.pb20{padding-bottom:20px}
.pb50{padding-bottom:50px}
.bg-main{background:radial-gradient(#e6d5c9, #ffdcc0)!important}
.bg-white{background:#fff}
.bg-gray1{background:#ccc}
.bg-gray{background-color:#999}
.bg-light{background-color:#eee}
.bg-light-bg{background-color:#effafb}
.bg-blue{background-color:blue}
.bg-darkblue{background-color:darkblue}
.bg-green{background-color:#93c615}
.bg-darkgreen{background-color:darkgreen}
.bg-orange{background-color:#e58a42}
.bg-darkgoldenrod{background-color:darkgoldenrod}
.bg_bg1{background-color:#1bbec4}
.bg-dark{background-color:#000}

.btn,.btn2,.btn3,.btn4,.btn5,.btn6{cursor:pointer; border-radius:10px; background:radial-gradient(#de8640, #955725);}
.btn4{background:radial-gradient(green, darkgreen);}
.btn3{background:radial-gradient(#ccc, #999);}
.btn2{background:radial-gradient(#de8640, #d9ab86);}

.bdr{border-radius:100%}
.bdr50{border-radius:50px}
.bdr3{border-radius:3px}
.bdr5{border-radius:5px}
.bdr10{border-radius:10px}
.bdtlr10{border-top-left-radius: 10px;}
.bdblr10{border-bottom-left-radius: 10px;}
.bdtrr10{border-top-right-radius: 10px;}
.bdbrr10{border-bottom-right-radius: 10px;}
.bdtlr50{border-top-left-radius: 50px;}
.bdblr50{border-bottom-left-radius: 50px;}
.bdtrr50{border-top-right-radius: 50px;}
.bdbrr50{border-bottom-right-radius: 50px;}
.bdr20{border-radius:20px}
.bdd{border:1px dashed #00000050}
.bddt{border-top:1px dashed #00000050}
.bdde{border-right:1px dashed #00000050}
.bdds{border-left:1px dashed #00000050}
.bddb{border-bottom:1px dashed #00000050}
.bd{border:1px solid #00000050}
.bd2{border:1px solid #ffffff50}
.bdb_2{border-bottom:2px solid #00000050}
.bds_2{border-left:2px solid #00000050}
.bdt_2{border-top:2px solid #00000050}
.bde_2{border-right:2px solid #00000050}
.bdt{border-top:1px solid #00000050}
.bdb{border-bottom:1px solid #00000050}
.bds{border-left:1px solid #00000050}
.bde{border-right:1px solid #00000050}
.bdt2{border-top:1px solid #ffffff50}
.bdb2{border-bottom:1px solid #ffffff50}
.bds2{border-left:1px solid #ffffff50}
.bde2{border-right:1px solid #ffffff50}
.bdn{border:none}
.circle_icon,.elip_icon{width:27px; height:27px; border:3px solid #fff; border-radius:100%}
.elip_icon{width:10px; top:-3px; left:6px}
.fwb{font-weight:bold}
.fwn{font-weight:normal}
.fs36{font-size:36px}
.fs32{font-size:32px}
.fs30{font-size:30px}
.fs28{font-size:28px}
.fs26{font-size:26px}
.fs20{font-size:20px}
.fs18{font-size:18px}
.fs14{font-size:14px}
.fs12{font-size:12px}
.fs10{font-size:10px}
.fs8{font-size:8px}
.cf{color:#fff}
.cd{color:#000;}
.co{color:orange;}
.cr{color:darkred;}
.cg{color:#00000080;}
.cg2{color:#ffffff80;}
.cbg{color:#00bcc3}
.color{color:#e58a42}
.color-green{color:#93c615}
.color-darkgeen{color:darkgeen}
.color-blue{color:blue}
.color-darkblue{color:darkblue}
.color-red{color:red}
.color-darkred{color:darkred}
.color-light1{color:#efefef}
.color-light{color:#eee}
.color-gray{color:#ccc}
.color-orange{color:orange}
.color-yellow{color:yellow}
.color-darkblue{color:darkblue}

.jcc{justify-content:center}
.jce{justify-content:end}
.jcsa{justify-content:space-around}
.jcsb{justify-content:space-between}
.jcse{justify-content:space-evenly}
.zi-1{z-index:1}
.zi-2{z-index:2}
.zi-3{z-index:3}
.zi-4{z-index:4}
.zi-5{z-index:5}
.zi-9999{z-index:9999}
.zi-99999{z-index:99999}
.op0{opacity:0%}
.op10{opacity:10%}
.op20{opacity:20%}
.op30{opacity:30%}
.op40{opacity:40%}
.op50{opacity:50%}
.op60{opacity:60%}
.op70{opacity:70%}
.op80{opacity:80%}
.op90{opacity:90%}
.cp{cursor:pointer}

.gc_2{grid-column:span 2}

.action{width:36px; right:10px; top:60px}

.menu_list,.lang_list{height:100vh; overflow:scroll; z-index:9}
.menu_list div,.lang_list div{padding:3px}

.shadow{box-shadow:rgba(35,135,130,.25) 0px 0 20px}
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
.shadow-md { box-shadow: 0 .5rem 1rem rgba(0,0,0,.1)!important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; }


.fadeInDown{animation: .5s ease 0s 1 normal none running fadeInDown;}
.fadeInUp{animation: .5s ease 0s 1 normal none running fadeInUp;}
.fadeInLeft{animation: .5s ease 0s 1 normal none running fadeInLeft;}
.fadeInRight{animation: .5s ease 0s 1 normal none running fadeInRight;}
.fadeIn{animation: .5s ease 0s 1 normal none running fadeIn;}
.fadeOut{animation: .5s ease 0s 1 normal none running fadeOut;}
.fadeOutDown{animation: .5s ease 0s 1 normal none running fadeOutDown;}
.fadeOutUp{animation: .5s ease 0s 1 normal none running fadeOutUp;}
.fadeOutLeft{animation: .5s ease 0s 1 normal none running fadeOutLeft;}
.fadeOutRight{animation: .5s ease 0s 1 normal none running fadeOutRight;}
@keyframes fadeInDown { 0% {transform: translate(0,-100px);opacity: 0;} 100% {transform: none;opacity: 1;}}
@keyframes fadeInUp { 0% {transform: translate(0,100px);opacity: 0;} 100% {transform: none;opacity: 1;} } 
@keyframes fadeInLeft { 0% {transform: translate(-100px,0);opacity: 0;} 100% {transform: none;opacity: 1;} } 
@keyframes fadeInRight { 0% {transform: translate(100px,0);opacity: 0;} 100% {transform: none;opacity: 1;} } 
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } 
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fadeOutDown { 0% {transform: none;opacity: 1;} 100% {transform: translate(0,-100px);opacity: 0;}}
@keyframes fadeOutUp { 0% {transform: none;opacity:1;} 100% {transform: translate(0,100px);opacity:0;} } 
@keyframes fadeOutLeft { 0% {transform:none;opacity: 1;} 100% {transform: translate(-100px,0);opacity: 0;} } 
@keyframes fadeOutRight { 0% {transform:none;opacity: 1;} 100% {transform:translate(100px,0);opacity: 0;} }

::-webkit-scrollbar {width: 5px; display:none} 
::-webkit-scrollbar-track { background: none; } /* Handle */ 
::-webkit-scrollbar-thumb { background: #ccc; } /* Handle on hover */ 
::-webkit-scrollbar-thumb:hover { background: #e1e1e1; } 

body::-webkit-scrollbar {width: 5px; display:block}

@media print {
  .no_print,.no-print{display: none !important;}
  .print{display:grid!important;}
  *{overflow: unset !important;}
  #main_box{width: 100% !important;height: unset!important;}
}

@media (min-width: 1281px){
  .d-ex-block{display:block!important}
  .d-ex-flex{display:flex!important}
  .col-ex-1{grid-template-columns:auto;}
  .col-ex-2{grid-template-columns:auto auto;}
  .col-ex-3{grid-template-columns:auto auto auto;}
  .col-ex-4{grid-template-columns: auto auto auto auto;}
  .col-ex-5{grid-template-columns: auto auto auto auto auto;}
  .col-ex-6{grid-template-columns: auto auto auto auto auto auto;}
  .col-ex-7{grid-template-columns: auto auto auto auto auto auto auto;}
  .col-ex-8{grid-template-columns: auto auto auto auto auto auto auto auto;}
  .col-ex-9{grid-template-columns: auto auto auto auto auto auto auto auto auto;}
  .col-ex-10{grid-template-columns: auto auto auto auto auto auto auto auto auto auto;}
  .col-ex-11{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;}
  .col-ex-12{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-ex-20{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-ex-24{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  .ex\:col2{grid-template-columns:50% 50%;}
  .ex\:col3{grid-template-columns:33.3% 33.3% 33.3%;}
  .ex\:col4{grid-template-columns: 25% 25% 25% 25%;}
  .ex\:col5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .ex\:col6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}

  .col_ex_2{grid-template-columns:50% 50%;}
  .col_ex_3{grid-template-columns:33.3% 33.3% 33.3%;}
  .col_ex_4{grid-template-columns: 25% 25% 25% 25%;}
  .col_ex_5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .col_ex_6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
  .col_ex_7{grid-template-columns: 14.3% 14.3% 14.3% 14.3% 14.3% 14.3% 14.3%;}
  .col_ex_8{grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;}
  .col_ex_9{grid-template-columns: 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11%;}
  .col_ex_10{grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;}
  .col_ex_11{grid-template-columns: 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091%;}
  .col_ex_12{grid-template-columns: 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;}
  .col_ex_20{grid-template-columns: 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%;}
  .colcol_ex_24{grid-template-columns: 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166%;}
  .gc_ex,.gc_ex_1{grid-column:span 1}
  .gc_ex_2{grid-column:span 2}
  .gc_ex_3{grid-column:span 3}
  .gc_ex_4{grid-column:span 4}
  .gc_ex_5{grid-column:span 5}
  .gc_ex_6{grid-column:span 6}
  .gc_ex_7{grid-column:span 7}
  .gc_ex_8{grid-column:span 8}
  .gc_ex_9{grid-column:span 9}
  .gc_ex_10{grid-column:span 10}
  .gc_ex_11{grid-column:span 11}
  .gc_ex_12{grid-column:span 12}

  .ex\:gc,.ex:gc1{grid-column:span 1}
  .ex\:gc2{grid-column:span 2}
  .ex\:gc3{grid-column:span 3}
  .ex\:gc4{grid-column:span 4}
  .ex\:gc5{grid-column:span 5}
  .ex\:gc6{grid-column:span 6}
  .ex\:gc7{grid-column:span 7}
  .ex\:gc8{grid-column:span 8}
  .ex\:gc9{grid-column:span 9}
  .ex\:gc10{grid-column:span 10}
  .ex\:gc11{grid-column:span 11}
  .ex\:gc12{grid-column:span 12}

  .ex\:dn{display:none!important}
}
@media (min-width: 1025px) and (max-width: 1280px){
  .d-lg-block{display:block!important}
  .d-lg-flex{display:flex!important}
  .col-lg-1{grid-template-columns:auto;}
  .col-lg-2{grid-template-columns:auto auto;}
  .col-lg-3{grid-template-columns:auto auto auto;}
  .col-lg-4{grid-template-columns: auto auto auto auto;}
  .col-lg-5{grid-template-columns: auto auto auto auto auto;}
  .col-lg-6{grid-template-columns: auto auto auto auto auto auto;}
  .col-lg-7{grid-template-columns: auto auto auto auto auto auto auto;}
  .col-lg-8{grid-template-columns: auto auto auto auto auto auto auto auto;}
  .col-lg-9{grid-template-columns: auto auto auto auto auto auto auto auto auto;}
  .col-lg-10{grid-template-columns: auto auto auto auto auto auto auto auto auto auto;}
  .col-lg-11{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;}
  .col-lg-12{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-lg-20{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-lg-24{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}

  .lg\:col2{grid-template-columns:50% 50%;}
  .lg\:col3{grid-template-columns:33.3% 33.3% 33.3%;}
  .lg\:col4{grid-template-columns: 25% 25% 25% 25%;}
  .lg\:col5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .lg\:col6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}

  .col_lg_2{grid-template-columns:50% 50%;}
  .col_lg_3{grid-template-columns:33.3% 33.3% 33.3%;}
  .col_lg_4{grid-template-columns: 25% 25% 25% 25%;}
  .col_lg_5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .col_lg_6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
  .col_lg_7{grid-template-columns: 14.3% 14.3% 14.3% 14.3% 14.3% 14.3% 14.3%;}
  .col_lg_8{grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;}
  .col_lg_9{grid-template-columns: 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11%;}
  .col_lg_10{grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;}
  .col_lg_11{grid-template-columns: 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091%;}
  .col_lg_12{grid-template-columns: 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;}
  .col_lg_20{grid-template-columns: 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%;}
  .colcol_lg_24{grid-template-columns: 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166%;}
  .gc_lg,.gc_lg_1{grid-column:span 1}
  .gc_lg_2{grid-column:span 2}
  .gc_lg_3{grid-column:span 3}
  .gc_lg_4{grid-column:span 4}
  .gc_lg_5{grid-column:span 5}
  .gc_lg_6{grid-column:span 6}
  .gc_lg_7{grid-column:span 7}
  .gc_lg_8{grid-column:span 8}
  .gc_lg_9{grid-column:span 9}
  .gc_lg_10{grid-column:span 10}
  .gc_lg_11{grid-column:span 11}
  .gc_lg_12{grid-column:span 12}

  .lg\:gc,.lg\:gc1{grid-column:span 1}
  .lg\:gc2{grid-column:span 2}
  .lg\:gc3{grid-column:span 3}
  .lg\:gc4{grid-column:span 4}
  .lg\:gc5{grid-column:span 5}
  .lg\:gc6{grid-column:span 6}
  .lg\:gc7{grid-column:span 7}
  .lg\:gc8{grid-column:span 8}
  .lg\:gc9{grid-column:span 9}
  .lg\:gc10{grid-column:span 10}
  .lg\:gc11{grid-column:span 11}
  .lg\:gc12{grid-column:span 12}
  .lg\:dn{display:none!important}
}
@media (min-width: 668px) and (max-width: 1024px){
  .d-md-block{display:block!important}
  .d-md-flex{display:flex!important}
  .col-md-1{grid-template-columns:auto;}
  .col-md-2{grid-template-columns:auto auto;}
  .col-md-3{grid-template-columns:auto auto auto;}
  .col-md-4{grid-template-columns: auto auto auto auto;}
  .col-md-5{grid-template-columns: auto auto auto auto auto;}
  .col-md-6{grid-template-columns: auto auto auto auto auto auto;}
  .col-md-7{grid-template-columns: auto auto auto auto auto auto auto;}
  .col-md-8{grid-template-columns: auto auto auto auto auto auto auto auto;}
  .col-md-9{grid-template-columns: auto auto auto auto auto auto auto auto auto;}
  .col-md-10{grid-template-columns: auto auto auto auto auto auto auto auto auto auto;}
  .col-md-11{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;}
  .col-md-12{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-md-20{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-md-24{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}

  .md\:col2{grid-template-columns:50% 50%;}
  .md\:col3{grid-template-columns:33.3% 33.3% 33.3%;}
  .md\:col4{grid-template-columns: 25% 25% 25% 25%;}
  .md\:col5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .md\:col6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}

  .col_md_2{grid-template-columns:50% 50%;}
  .col_md_3{grid-template-columns:33.3% 33.3% 33.3%;}
  .col_md_4{grid-template-columns: 25% 25% 25% 25%;}
  .col_md_5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .col_md_6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
  .col_md_7{grid-template-columns: 14.3% 14.3% 14.3% 14.3% 14.3% 14.3% 14.3%;}
  .col_md_8{grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;}
  .col_md_9{grid-template-columns: 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11%;}
  .col_md_10{grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;}
  .col_md_11{grid-template-columns: 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091%;}
  .col_md_12{grid-template-columns: 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;}
  .col_md_20{grid-template-columns: 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%;}
  .colcol_md_24{grid-template-columns: 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166%;}
  .gc_md,.gc_md_1{grid-column:span 1}
  .gc_md_2{grid-column:span 2}
  .gc_md_3{grid-column:span 3}
  .gc_md_4{grid-column:span 4}
  .gc_md_5{grid-column:span 5}
  .gc_md_6{grid-column:span 6}
  .gc_md_7{grid-column:span 7}
  .gc_md_8{grid-column:span 8}
  .gc_md_9{grid-column:span 9}
  .gc_md_10{grid-column:span 10}
  .gc_md_11{grid-column:span 11}
  .gc_md_12{grid-column:span 12}

  .md\:gc,.md\:gc1{grid-column:span 1}
  .md\:gc2{grid-column:span 2}
  .md\:gc3{grid-column:span 3}
  .md\:gc4{grid-column:span 4}
  .md\:gc5{grid-column:span 5}
  .md\:gc6{grid-column:span 6}
  .md\:gc7{grid-column:span 7}
  .md\:gc8{grid-column:span 8}
  .md\:gc9{grid-column:span 9}
  .md\:gc10{grid-column:span 10}
  .md\:gc11{grid-column:span 11}
  .md\:gc12{grid-column:span 12}

  .md-mb10{margin-bottom:10px}
  .md-mb20{margin-bottom:20px}
  .md-mb30{margin-bottom:30px}
  .md-mb40{margin-bottom:40px}
  .md-mb50{margin-bottom:50px}
  .md-mb60{margin-bottom:60px}
  .md-mb80{margin-bottom:80px}
  .md-mb90{margin-bottom:90px}
  .md-mb100{margin-bottom:100px}
  .md-mt10{margin-top:10px}
  .md-mt20{margin-top:20px}
  .md-mt30{margin-top:30px}
  .md-mt40{margin-top:40px}
  .md-mt50{margin-top:50px}
  .md-mt60{margin-top:60px}
  .md-mt80{margin-top:80px}
  .md-mt90{margin-top:90px}
  .md-mt100{margin-top:100px}
  .md\:dn{display:none!important}
}
@media (min-width: 461px) and (max-width: 667px){
  .d-sm-block{display:block!important}
  .d-sm-flex{display:flex!important}
  .col-sm-1{grid-template-columns:auto;}
  .col-sm-2{grid-template-columns:auto auto;}
  .col-sm-3{grid-template-columns:auto auto auto;}
  .col-sm-4{grid-template-columns: auto auto auto auto;}
  .col-sm-5{grid-template-columns: auto auto auto auto auto;}
  .col-sm-6{grid-template-columns: auto auto auto auto auto auto;}
  .col-sm-7{grid-template-columns: auto auto auto auto auto auto auto;}
  .col-sm-8{grid-template-columns: auto auto auto auto auto auto auto auto;}
  .col-sm-9{grid-template-columns: auto auto auto auto auto auto auto auto auto;}
  .col-sm-10{grid-template-columns: auto auto auto auto auto auto auto auto auto auto;}
  .col-sm-11{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;}
  .col-sm-12{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-sm-20{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-sm-24{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}

  .sm\:col2{grid-template-columns:50% 50%;}
  .sm\:col3{grid-template-columns:33.3% 33.3% 33.3%;}
  .sm\:col4{grid-template-columns: 25% 25% 25% 25%;}
  .sm\:col5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .sm\:col6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}

  .col_sm_2{grid-template-columns:50% 50%;}
  .col_sm_3{grid-template-columns:33.3% 33.3% 33.3%;}
  .col_sm_4{grid-template-columns: 25% 25% 25% 25%;}
  .col_sm_5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .col_sm_6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
  .col_sm_7{grid-template-columns: 14.3% 14.3% 14.3% 14.3% 14.3% 14.3% 14.3%;}
  .col_sm_8{grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;}
  .col_sm_9{grid-template-columns: 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11%;}
  .col_sm_10{grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;}
  .col_sm_11{grid-template-columns: 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091%;}
  .col_sm_12{grid-template-columns: 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;}
  .col_sm_20{grid-template-columns: 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%;}
  .colcol_sm_24{grid-template-columns: 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166%;}
  .gc_sm,.gc_sm_1{grid-column:span 1}
  .gc_sm_2{grid-column:span 2}
  .gc_sm_3{grid-column:span 3}
  .gc_sm_4{grid-column:span 4}
  .gc_sm_5{grid-column:span 5}
  .gc_sm_6{grid-column:span 6}
  .gc_sm_7{grid-column:span 7}
  .gc_sm_8{grid-column:span 8}
  .gc_sm_9{grid-column:span 9}
  .gc_sm_10{grid-column:span 10}
  .gc_sm_11{grid-column:span 11}
  .gc_sm_12{grid-column:span 12}

  .sm\:gc,.sm\:gc1{grid-column:span 1}
  .sm\:gc2{grid-column:span 2}
  .sm\:gc3{grid-column:span 3}
  .sm\:gc4{grid-column:span 4}
  .sm\:gc5{grid-column:span 5}
  .sm\:gc6{grid-column:span 6}
  .sm\:gc7{grid-column:span 7}
  .sm\:gc8{grid-column:span 8}
  .sm\:gc9{grid-column:span 9}
  .sm\:gc10{grid-column:span 10}
  .sm\:gc11{grid-column:span 11}
  .sm\:gc12{grid-column:span 12}

  .sm-mb10{margin-bottom:10px}
  .sm-mb20{margin-bottom:20px}
  .sm-mb30{margin-bottom:30px}
  .sm-mb40{margin-bottom:40px}
  .sm-mb50{margin-bottom:50px}
  .sm-mb60{margin-bottom:60px}
  .sm-mb80{margin-bottom:80px}
  .sm-mb90{margin-bottom:90px}
  .sm-mb100{margin-bottom:100px}
  .sm-mt10{margin-top:10px}
  .sm-mt20{margin-top:20px}
  .sm-mt30{margin-top:30px}
  .sm-mt40{margin-top:40px}
  .sm-mt50{margin-top:50px}
  .sm-mt60{margin-top:60px}
  .sm-mt80{margin-top:80px}
  .sm-mt90{margin-top:90px}
  .sm-mt100{margin-top:100px}
  .sm\:dn{display:none!important}
}
@media (max-width: 460px){
  .m-mb10{margin-bottom:10px}
  .m-mb20{margin-bottom:20px}
  .m-mb30{margin-bottom:30px}
  .m-mb40{margin-bottom:40px}
  .m-mb50{margin-bottom:50px}
  .m-mb60{margin-bottom:60px}
  .m-mb80{margin-bottom:80px}
  .m-mb90{margin-bottom:90px}
  .m-mb100{margin-bottom:100px}
  .m-mt10{margin-top:10px}
  .m-mt20{margin-top:20px}
  .m-mt30{margin-top:30px}
  .m-mt40{margin-top:40px}
  .m-mt50{margin-top:50px}
  .m-mt60{margin-top:60px}
  .m-mt80{margin-top:80px}
  .m-mt90{margin-top:90px}
  .m-mt100{margin-top:100px}
  .xs\:dn{display:none!important}
}

/*New Style*/

body{background:#ccc}
.color{color:#1bbec4}
.bg_black_50{background-color:#00000050}
#search { background-image: url(https://dev.fbger.com/koart3it5oaxirqf/svg/icon-search.svg); background-size: 18px; background-position: 10px center; background-repeat: no-repeat; padding: 10px 36px;}
#search::placeholder {color: #fff; opacity:.5; }
.notification, .location{width:140px}
#header,#footer{z-index:999;background:#1bbec4}
#footer{background:#eee; height:50px; padding-bottom:15px}
#footer svg{width:27px; height:27px; fill:#666; margin-bottom:4px}
#category svg{width:36px; height:36px;}
#footer .item:hover svg,#category svg:hover,#category .active svg,#footer .active svg{fill:#1bbec4}
#footer .item{padding:3px; border-top:2px solid #eee}
#footer .active,#footer .item:hover{border-top:2px solid #1bbec4; color:#1bbec4; cursor:pointer}
#account_banner_edit svg,#category svg{fill:#999}

.icon svg{fill:#1bbec4}
.icon svg:hover,.active svg{fill:#168286;}
svg{width:100%; height:100%}

header .icon_pen:hover, header .icon_back:hover,header .icon_heart:hover, .notification div:hover,.filter:hover,#account_banner_edit:hover{background:#168286;}

.icon_bag svg,.icon_phone svg{width:18px!important; height:18px!important; fill:#fff!important}
.icon1:hover{opacity:.8}

.btn{background: radial-gradient(#1bbec4, #179a9f);}
.btn:hover{background: radial-gradient(#179a9f, #1bbec4);}
.btn2{background: radial-gradient(#999, #666);}
.btn2:hover{background: radial-gradient(#666, #999);}
.btn3{background-color: red;}
.btn3:hover{background-color: darkred;}
.btn5{background: radial-gradient(orange, darkorange);}
.btn5:hover{background: radial-gradient(darkorange, orange);}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.upfile {opacity: 0; z-index: 1; }
.upfile_bg {background: #fff url(/1234567/svg/image_plus.svg) top left no-repeat; background-size: 100%;}
.img_item{margin:5px;position:relative}

.mn_item{padding: 5px;}
.mn_item:hover,.mn_item.active{background: linear-gradient(90deg, #8c8c8c70, transparent); border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.tab_item.active{color:#1bbec4}
.tab_item{white-space:pre}

.ff{fill:#fff}
.f-red{fill:red}
.f-yellow{fill:yellow}
.f-orange{fill:orange}
.f-darkorange{fill:darkorange}
.f-darkgoldenrod{fill:darkgoldenrod}
.f-black{fill:black}
.f-light{fill:#eee}
.f-gray{fill:gray}
.f-blue{fill:blue}
.f-green{fill:green}

.modal_body{max-height: calc(100vh - 60px); overflow: scroll;}
#loading .modal_body, #loading .modal_content{background:none; box-shadow:unset!important; justify-content:center; display:flex}
#loading svg{border-radius:5px; overflow:hidden}
.start_item {border:1px solid #99999975; }
.start_item:hover {box-shadow: 0 .125rem .25rem rgba(6,6,6,.075)!important; }
.mask:hover{background:#66666650}
.mask div{display:none}
.mask:hover div{display:flex}
#fileT{width:86px;height:36px;position: absolute;opacity: 0;}
table{border:1px solid #ccc;border-spacing:0}
td,th{padding:5px;border:1px solid #ccc;}