/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Mono Light'), local('RobotoMono-Light'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDgiWq8f7-pAVU_Lrg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Mono Light'), local('RobotoMono-Light'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDgiWq1f7-pAVU_Lrg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Mono Light'), local('RobotoMono-Light'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDgiWq9f7-pAVU_Lrg.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Mono Light'), local('RobotoMono-Light'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDgiWqyf7-pAVU_Lrg.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Mono Light'), local('RobotoMono-Light'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDgiWq-f7-pAVU_Lrg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Mono Light'), local('RobotoMono-Light'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDgiWq_f7-pAVU_Lrg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Mono Light'), local('RobotoMono-Light'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDgiWqxf7-pAVU_.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmq8f7-pAVU_Lrg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmq1f7-pAVU_Lrg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmq9f7-pAVU_Lrg.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmqyf7-pAVU_Lrg.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmq-f7-pAVU_Lrg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmq_f7-pAVU_Lrg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v7/L0xkDF4xlVMF-BfR8bXMIjDwjmqxf7-pAVU_.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  /*! Generated by Live LESS Theme Customizer */
  .label,sub,sup{vertical-align:baseline}
  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;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:transparent}
  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{background:#ff0;color:#000}
  sub,sup{font-size:75%;line-height:0;position:relative}
  sup{top:-.5em}
  sub{bottom:-.25em}
  img{border:0;vertical-align:middle}
  svg:not(:root){overflow:hidden}
  hr{box-sizing:content-box;height:0}
  pre,textarea{overflow:auto}
  code,kbd,pre,samp{font-size:1em}
  button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;border:0px;padding: 2px;}
  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{border:0;padding: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-collapse:collapse;border-spacing:0;width:100%;}
  td,th{padding:0;font-weight:400;color:rgba(199,197,206,.7);}
  th{color:#c7c5ce;}
  @media print{blockquote,img,pre,tr{page-break-inside:avoid}
  *,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-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}
  }
  .img-thumbnail,body{background-color:#24243a}
  .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}
  *,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  body{font-family:"Roboto Mono",monospace;font-size:12px;line-height:1.42857143;color:#fff}
  button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
  a{color:#60dcf2;text-decoration:none}
  a:focus,a:hover{color:#19ccec;text-decoration:none}
  a:focus{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:0}
  .img-thumbnail{padding:4px;line-height:1.42857143;border:1px solid #24243a;border-radius:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}
  .img-circle{border-radius:50%}
  hr{margin-top:16px;margin-bottom:16px;border:0;border-top:1px solid #3a3a5f}
  .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;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:700;line-height:1.33333333;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:#3a3a5f}
  .h1,.h2,.h3,h1,h2,h3{margin-top:16px;margin-bottom:8px}
  .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:8px;margin-bottom:8px}
  .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:48px}
  .h2,h2{font-size:24px}
  .h3,h3{font-size:18px}
  .h4,.h5,.h6,h4,h5,h6{font-size:12px}
  p{margin:0 0 8px}
  .lead{margin-bottom:16px;font-size:13px;font-weight:300;line-height:1.4}
  address,blockquote .small,blockquote footer,blockquote small,dd,dt,pre{line-height:1.42857143}
  dt,kbd kbd,label{font-weight:700}
  @media (min-width:768px){.lead{font-size:16px}
  }
  @media (max-width:896px){.h1,h1{font-size:32px}.h2,h2{font-size:24px}
  }
  .small,small{font-size:83%}
  .mark,mark{background-color:#f2ad3f;padding:.2em}
  .list-inline,.list-unstyled{list-style:none;padding-left:0}
  .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:#3a3a5f}
  a.text-primary:focus,a.text-primary:hover{color:#2276d6}
  a.text-success:focus,a.text-success:hover{color:#e6e6e6}
  .text-info{color:#fff}
  a.text-danger:focus,a.text-danger:hover,a.text-info:focus,a.text-info:hover,a.text-warning:focus,a.text-warning:hover{color:#e6e6e6}
  .bg-primary{color:#fff;background-color:#4990e2}
  a.bg-primary:focus,a.bg-primary:hover{background-color:#2276d6}
  .bg-success{background-color:#33bc8e}
  a.bg-success:focus,a.bg-success:hover{background-color:#289470}
  .bg-info{background-color:#60dcf2}
  a.bg-info:focus,a.bg-info:hover{background-color:#31d2ee}
  .bg-warning{background-color:#f2ad3f}
  a.bg-warning:focus,a.bg-warning:hover{background-color:#ee9810}
  .bg-danger{background-color:#bc337a}
  a.bg-danger:focus,a.bg-danger:hover{background-color:#942860}
  pre code,table{background-color:transparent}
  .page-header{padding-bottom:8px;margin:36px 0 16px;border-bottom:1px solid #3a3a5f}
  dl,ol,ul{margin-top:0}
  ol,ul{margin-bottom:8px}
  ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
  .list-inline{margin-left:-5px}
  .list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}
  dl{margin-bottom:16px}
  dd{margin-left:0}
  @media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dl-horizontal dd{margin-left:180px}
  }
  abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #3a3a5f}
  .initialism{font-size:90%;text-transform:uppercase}
  blockquote{padding:8px 16px;margin:0 0 16px;font-size:12px;border-left:5px solid transparent}
  blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}
  blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;color:#3a3a5f}
  blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}
  .blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid transparent;border-left:0;text-align:right}
  caption,th{text-align:left}
  code,kbd{padding:2px 4px;font-size:90%;border-radius:0}
  .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'}
  address{margin-bottom:16px;font-style:normal}
  code,kbd,pre,samp{font-family:"Roboto Mono",monospace}
  code{color:#c7254e;background-color:#24243a}
  kbd{color:#fff;background-color:#333;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
  kbd kbd{padding:0;font-size:100%;box-shadow:none}
  pre{display:block;padding:8.5px;margin:0 0 8px;font-size:11px;word-break:break-all;word-wrap:break-word;color:#474773;background-color:#f5f5f5;border:1px solid #ccc;border-radius:0}
  .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-left:16px;padding-right:16px}
  .pre-scrollable{overflow-y:scroll}
  @media (min-width:768px){.container{width:752px}
  }
  @media (min-width:992px){.container{width:972px}
  }
  @media (min-width:1152px){.container{width:1172px}
  }
  .row{margin-left:-16px;margin-right:-16px}
  .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-left:16px;padding-right:16px}
  .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:1152px){.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:#3a3a5f}
  .table{width:100%;max-width:100%;margin-bottom:16px}
  .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 8px;border-top:1px solid rgba(199, 197, 206, 0.1);}
  .table>tbody>tr>td:first,.table>thead>tr>td:first{border-top:0px;}
  .table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid rgba(199, 197, 206, 0.1);}
  .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 #202035}
  .table .table{background-color:#24243a}
  .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:4px 0px}
  .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 #c7c5ce}
  .table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}
  .table-striped>tbody>tr:nth-of-type(odd){background-color:#27273f}
  .table-striped>tbody>tr:nth-of-type(even){background-color: #24243a}
  .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:#24243a}
  .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:rgba(15, 15, 29, 0.635)}
  table col[class*=col-]{position:static;float:none;display:table-column}
  table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}
  .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:#2d2752}
  .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:#33bc8e}
  .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:#2ea87f}
  .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:#60dcf2}
  .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:#48d7f0}
  .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:#f2ad3f}
  .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:#f0a327}
  .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:#bc337a}
  .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:#a82e6d}
  .table-responsive{overflow-x:auto;min-height:.01%}
  @media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:13.5px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}
  .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; padding: 8px 5px;}
  .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{margin:0;min-width:0}
  legend{display:block;width:100%;margin-bottom:16px;font-size:16px;line-height:inherit;border-bottom:1px solid #202034}
  label{display:inline-block;max-width:100%;margin-bottom:5px}
  .checkbox label,.checkbox-inline,.radio label,.radio-inline{margin-bottom:0;cursor:pointer;padding-left:20px;font-weight:400}
  input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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{display:block;font-size:12px;line-height:1.42857143;color:#24243a}
  input[type=file]{display:block}
  input[type=range]{display:block;width:100%}
  select[multiple],select[size]{height:auto}
  input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
  output{padding-top:8px}
  .form-control{width:100%;height:36px;padding:8px 16px;background-color:#c7c5ce;border:1px solid #c7c5ce;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
  .form-control:focus{outline:0;}
  .form-control::-moz-placeholder{color:#8b8bb7;opacity:1}
  .form-control:-ms-input-placeholder{color:#8b8bb7}
  .form-control::-webkit-input-placeholder{color:#8b8bb7}
  .form-control::-ms-expand{border:0;background-color:transparent}
  .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#2e2c35;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=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:25px}
  .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:48px}
  }
  .form-group{margin-bottom:16px}
  .checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}
  .checkbox label,.radio label{min-height:16px}
  .checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px\9}
  .checkbox+.checkbox,.radio+.radio{margin-top:-5px}
  .checkbox-inline,.radio-inline{position:relative;display:inline-block;vertical-align:middle}
  .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{padding-top:8px;padding-bottom:8px;margin-bottom:0;min-height:30px}
  .form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}
  .form-group-sm .form-control,.input-sm{font-size:10px;padding:4px 12px;border-radius:0}
  .input-sm{height:25px;line-height:1.5}
  select.input-sm{height:25px;line-height:25px}
  select[multiple].input-sm,textarea.input-sm{height:auto}
  .form-group-sm .form-control{height:25px;line-height:1.5}
  .form-group-sm select.form-control{height:25px;line-height:25px}
  .form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}
  .form-group-sm .form-control-static{height:25px;min-height:28px;padding:5px 12px;font-size:10px;line-height:1.5}
  .form-group-lg .form-control,.input-lg{font-size:16px;padding:12px 24px;border-radius:0}
  .input-lg{height:48px;line-height:1.3333333}
  select.input-lg{height:48px;line-height:48px}
  select[multiple].input-lg,textarea.input-lg{height:auto}
  .form-group-lg .form-control{height:48px;line-height:1.3333333}
  .form-group-lg select.form-control{height:48px;line-height:48px}
  .form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}
  .form-group-lg .form-control-static{height:48px;min-height:34px;padding:13px 24px;font-size:16px;line-height:1.3333333}
  .has-feedback{position:relative}
  .has-feedback .form-control{padding-right:45px}
  .form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:36px;height:36px;line-height:36px;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:48px;height:48px;line-height:48px}
  .form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:25px;height:25px;line-height:25px}
  .has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.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:#fff}
  .has-success .form-control{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
  .has-success .form-control:focus{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff}
  .has-success .input-group-addon{color:#fff;border-color:#fff;background-color:#33bc8e}
  .has-success .form-control-feedback,.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.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:#fff}
  .has-warning .form-control{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
  .has-warning .form-control:focus{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff}
  .has-warning .input-group-addon{color:#fff;border-color:#fff;background-color:#f2ad3f}
  .has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.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,.has-warning .form-control-feedback{color:#fff}
  .has-error .form-control{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
  .has-error .form-control:focus{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff}
  .has-error .input-group-addon{color:#fff;border-color:#fff;background-color:#bc337a}
  .has-feedback label~.form-control-feedback{top:23px}
  .has-feedback label.sr-only~.form-control-feedback{top:0}
  .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#fff}
  @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 .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:8px}
  .form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}
  .form-horizontal .form-group{margin-left:-16px;margin-right:-16px}
  .form-horizontal .has-feedback .form-control-feedback{right:16px}
  @media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:8px}
  .form-horizontal .form-group-lg .control-label{padding-top:13px;font-size:16px}
  .form-horizontal .form-group-sm .control-label{padding-top:5px;font-size:10px}
  }
  .btn{display:inline-block;margin-bottom:0;font-weight:100;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;white-space:nowrap;padding:8px 8px;font-size:12px;list-style: height 16px;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
  .btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
  .btn.focus,.btn:focus,.btn:hover{text-decoration:none}
  .btn.active,.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
  .btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
  a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}
  .btn-default{color:#c7c5ce;margin:4px; padding:8px 8px; background-color:#24243a;border-color:#24243a; border-radius: 16px;}
  .btn-default.focus,.btn-default:focus{color:#60dcf2;background-color:#2d2d4a;border-color:#2d2d4a}
  .btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#60dcf2;background-color:#2d2d4a;border-color:#2d2d4a}
  .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:#60dcf2;background-color:#2d2d4a;border-color:#2d2d4a}
  .btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#2d2d4a;border-color:#2d2d4a}
  .btn-default .badge{color:#c7c5ce;background-color:#202034}
  .btn-primary{color:#fff;background-color:#4990e2;border-color:#4990e2}
  .btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#2276d6;border-color:#185194}
  .btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#2276d6;border-color:#2171cd}
  .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:#1d65b7;border-color:#185194}
  .btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#4990e2;border-color:#4990e2}
  .btn-primary .badge{color:#4990e2;background-color:#fff}
  .btn-success{color:#fff;background-color:#33bc8e;border-color:#33bc8e}
  .btn-success.focus,.btn-success:focus{color:#fff;background-color:#289470;border-color:#185842}
  .btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#289470;border-color:#268c6a}
  .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:#20785a;border-color:#185842}
  .btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}
  .btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#33bc8e;border-color:#33bc8e}
  .btn-success .badge{color:#33bc8e;background-color:#fff}
  .btn-info{color:#fff;background-color:#60dcf2;border-color:#60dcf2}
  .btn-info.focus,.btn-info:focus{color:#fff;background-color:#31d2ee;border-color:#10a8c3}
  .btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31d2ee;border-color:#27d0ed}
  .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:#13c8e8;border-color:#10a8c3}
  .btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#60dcf2;border-color:#60dcf2}
  .btn-info .badge{color:#60dcf2;background-color:#fff}
  .btn-warning{color:#fff;background-color:#f2ad3f;border-color:#f2ad3f}
  .btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ee9810;border-color:#a66b0b}
  .btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ee9810;border-color:#e4920f}
  .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:#cc830e;border-color:#a66b0b}
  .btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f2ad3f;border-color:#f2ad3f}
  .btn-warning .badge{color:#f2ad3f;background-color:#fff}
  .btn-danger{color: #fff; background-color: #bc337a; border-color: #bc337a;}
  .btn-danger.focus,.btn-danger:focus{color:#fff !important;background-color:#bc337a;border-color:#bc337a}
  .btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#942860;border-color:#8c265b}
  .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:#78204e;border-color:#581839}
  .btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#bc337a;border-color:#bc337a}
  .btn-danger .badge{color:#bc337a;background-color:#fff}
  .btn-link{color:#60dcf2;font-weight:400;border-radius:0}
  .btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
  .btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}
  .btn-link:focus,.btn-link:hover{color:#19ccec;text-decoration:none;background-color:transparent}
  .btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#8b8bb7;text-decoration:none}
  .btn-group-lg>.btn,.btn-lg{padding:12px 24px;font-size:16px;line-height:1.3333333;border-radius:0}
  .btn-group-sm>.btn,.btn-sm{padding:4px 12px;font-size:10px;line-height:1.5;border-radius:0}
  .btn-group-xs>.btn,.btn-xs{padding:2px 8px;font-size:10px;line-height:23px;border-radius:0}
  .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;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;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;-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
  .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;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{color:black;position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:160px;padding:0px;margin:0 0 0;list-style:none;font-size:12px;text-align:left;background-color:white;border:none;border-radius:0;-webkit-box-shadow: 2px 6px 10px rgba(0,0,0,0.3);box-shadow: 2px 6px 10px rgba(0,0,0,0.3);;background-clip:padding-box}
  ul.dropdown-menu li a, .dropdown-menu a{padding: 8px 16px}
  .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,.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,.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
  .dropdown-header,.dropdown-menu>li>a{white-space:nowrap;padding:3px 20px;line-height:1.42857143}
  .dropdown-menu-right,.dropdown-menu.pull-right{left:auto;right:0}
  .dropdown-menu .divider{height:1px;margin:8px 0;overflow:hidden;background-color:#bab7c2}

  .dropdown-menu>li>a{display:block;clear:both;font-weight:400;background-color: #202034;color: white;}
  .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;background-color: #202034;color:#4990e2}

  .dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#4990e2}
  .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#8b8bb7}
  .dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}
  .open>.dropdown-menu{display:block}
  .open>a{outline:0}
  .dropdown-menu-left{left:0;right:auto}
  .dropdown-header{display:block;font-size:10px;color:#8b8bb7}
  .dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}
  .nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu{left:auto;top:auto}
  .pull-right>.dropdown-menu{right:0;left:auto}
  .dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9;content:""}
  .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}
  @media (min-width:768px){
      .navbar-right .dropdown-menu{left:auto;right:0}
  .navbar-right .dropdown-menu-left{left:0;right:auto}
  }
  .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
  .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:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
  .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
  .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}
  .btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}
  .btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}
  .btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
  .btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}
  .btn-lg .caret{border-width:8px 8px 0}
  .dropup .btn-lg .caret{border-width:0 8px 8px}
  .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-group:not(:first-child):not(:last-child)>.btn,.btn-group-vertical>.btn:first-child:not(:last-child),.btn-group-vertical>.btn:last-child:not(:first-child),.btn-group-vertical>.btn:not(:first-child):not(:last-child){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-right-radius:0;border-top-left-radius:0}
  .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}
  .btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;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-left:0;padding-right:0}
  .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}
  .input-group .form-control:focus{z-index:3}
  .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:48px;padding:12px 24px;font-size:16px;line-height:1.3333333;border-radius:0}
  select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:48px;line-height:48px}
  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:25px;padding:4px 12px;font-size:10px;line-height:1.5;border-radius:0}
  select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:25px;line-height:25px}
  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{position:relative;display:block}
  .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:8px 16px;font-size:12px;font-weight:400;line-height:1;text-align:center;background-color:#c7c5ce;border:1px solid #c7c5ce;border-radius:0}
  .input-group-addon.input-sm{padding:4px 12px;font-size:10px;border-radius:0}
  .input-group-addon.input-lg{padding:12px 24px;font-size:16px;border-radius:0}
  .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-bottom-right-radius:0;border-top-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-bottom-left-radius:0;border-top-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{margin-bottom:0;list-style:none}
  .nav>li>a{padding:8px 16px}
  .nav>li>a:focus,.nav>li>a:hover{text-decoration:none}
  .nav>li.disabled>a{color:#8b8bb7}
  .nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#8b8bb7;text-decoration:none;background-color:transparent;cursor:not-allowed}
  .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color: #202034;color: #8b8bb7}
  .nav .nav-divider{height:1px;margin:8px 0;overflow:hidden;background-color:#e5e5e5}
  .nav>li>a>img{max-width:none}
  .nav-tabs{border-bottom:1px solid #474773}
  .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:0}
  .nav-tabs>li>a:hover{border-color:#474773}
  .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#8b8bb7;background-color:#202034;border:1px solid #474773;border-bottom-color:#2d2d4a;cursor:default}
  .nav-tabs.nav-justified{width:100%;border-bottom:0}
  .nav-tabs.nav-justified>li{float:none}
  .nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px;margin-right:0;border-radius:0}
  .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:none;}
  @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:none;border-radius:0}
  .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{color:white;}
  }
  .nav-pills>li{float:left}
  .nav-justified>li,.nav-stacked>li{float:none}
  .nav-pills>li>a{border-radius:50px}
  .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:#4990e2}
  .nav-stacked>li+li{margin-top:2px;margin-left:0}
  .nav-justified{width:100%}
  .nav-justified>li>a{text-align:center;margin-bottom:5px}
  .nav-tabs-justified{border-bottom:0}
  .nav-tabs-justified>li>a{margin-right:0;border-radius:0}
  .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:0}
  .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#24243a}
  }
  .tab-content>.tab-pane{display:none}
  .tab-content>.active{display:block}
  .nav-tabs .dropdown-menu{border-top-right-radius:0;border-top-left-radius:0}
  .navbar{position:relative;padding-top:8px;min-height:48px;border:none;background-color: #24243a;z-index: 5000;}
  .navbar-collapse{overflow-x:visible;border-top:1px solid transparent;-webkit-overflow-scrolling:touch}
  .navbar-collapse.in{overflow-y:auto}
  @media (min-width:896px){.navbar{border-radius:0}
  .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-left:0;padding-right: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:-16px;margin-left:-16px}
  .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;font-size:12px;line-height:48px}
  .navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
  .navbar-brand>img{display:block;margin-right: 32px;}
  @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-toggle{position:relative;float:right;padding:8px 0px;margin-top:7px;margin-bottom:7px;background-color:transparent;border:1px solid transparent;border-radius:0}
  .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 -16px;}
  .navbar-nav>li>a{padding:8px;line-height:16px}
  @media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:white;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:16px}
  .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}
  .navbar-nav{width:100%};
  }

  .progress-bar-striped,.progress-striped .progress-bar,.progress-striped .progress-bar-danger,.progress-striped .progress-bar-info,.progress-striped .progress-bar-success,.progress-striped .progress-bar-warning{background-image:-webkit-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:16px;padding-bottom:16px}
  }
  .navbar-form{padding:10px 16px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin:6px -16px}
  @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}
  }
  .btn .badge,.btn .label{position:relative;top:-1px}
  .breadcrumb>li,.pagination{display:inline-block}
  @media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}
  .navbar-form .form-group:last-child{margin-bottom:0}
  }
  @media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}
  }
  .navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}
  .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-radius:0}
  .navbar-btn{margin-top:6px;margin-bottom:6px}
  .navbar-btn.btn-sm{margin-top:11.5px;margin-bottom:11.5px}
  .navbar-btn.btn-xs{margin-top:13px;margin-bottom:13px}
  .navbar-text{margin-top:15px;margin-bottom:15px}
  @media (min-width:768px){.navbar-text{float:left;margin-left:16px;margin-right:16px}
  .navbar-left{float:left!important}
  }
  .navbar-default{background-color: #24243a}
  .navbar-default .navbar-brand{color:#4990e2; font-size: 12px;line-height:64px;display:inline-flex;}
  .navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#2276d6;background-color:transparent}
  .navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:white;}
  .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#474773;background-color:transparent}
  .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#202034;background-color:#bab7c2}
  .navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#474773;background-color:transparent}
  .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#bab7c2}
  .navbar-default .navbar-toggle .icon-bar{background-color:#c7c5ce}
  .navbar-inverse,.navbar-inverse .navbar-toggle{border-color:#161624}
  .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:white;color:black}
  @media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:black}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:black;background-color:white}
  .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:#202034;background-color:#bab7c2}
  .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:#474773;background-color:transparent}
  }
  .navbar-default .navbar-link{color:#202034}
  .navbar-default .navbar-link:hover{color:#474773}
  .navbar-default .btn-link{color:#202034}
  .navbar-default .btn-link:focus,.navbar-default .btn-link:hover,.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:#474773}
  .navbar-inverse{background-color:#161624}
  .navbar-inverse .navbar-brand{color:#4990e2}
  .navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#75abe9;background-color:transparent}
  .navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#babad5}
  .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:#0d0d14}
  .navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}
  .navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#0d0d14}
  .navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}
  .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#09090e}
  .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:#0d0d14;color:#fff}
  @media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#161624}
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#161624}
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#babad5}
  .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:#0d0d14}
  .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:#444;background-color:transparent}
  }
  .navbar-inverse .navbar-link{color:#babad5}
  .navbar-inverse .navbar-link:hover{color:#fff}
  .navbar-inverse .btn-link{color:#babad5}
  .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:#444}
  .breadcrumb{padding:8px 16px;margin-bottom:16px;list-style:none;background-color:#24243a;border-radius:0}
  .breadcrumb>li+li:before{content:"|\00a0";padding:0 5px;color:#10101b}
  .breadcrumb>.active{color:#8b8bb7}
  .pagination{padding-left:0;margin:16px 0;border-radius:0}
  .pager li,.pagination>li{display:inline}
  .pagination>li>a,.pagination>li>span{position:relative;float:left;padding:8px 16px;line-height:1.42857143;text-decoration:none;color:#60dcf2;background-color:#202034;border:1px solid #161624;margin-left:-1px}
  .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span,.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}
  .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span,.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}
  .pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0;border-top-left-radius:0}
  .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#19ccec;background-color:#161624;border-color:#161624}
  .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#161624;border-color:#161624;cursor:default}
  .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#8b8bb7;background-color:#202034;border-color:#161624;cursor:not-allowed}
  .pagination-lg>li>a,.pagination-lg>li>span{padding:12px 24px;font-size:16px;line-height:1.3333333}
  .pagination-sm>li>a,.pagination-sm>li>span{padding:4px 12px;font-size:10px;line-height:1.5}
  .badge,.label{text-align:center;font-weight:700;line-height:1;white-space:nowrap}
  .pager{padding-left:0;margin:16px 0;list-style:none;text-align:center}
  .pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#202034;border:1px solid #161624;border-radius:15px}
  .pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#161624}
  .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:#8b8bb7;background-color:#202034;cursor:not-allowed}
  .label{display:inline;padding:.2em .6em .3em;font-size:75%;color:#fff;border-radius:.25em}
  a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}
  .label:empty{display:none}
  .label-default{background-color:#3a3a5f}
  .label-default[href]:focus,.label-default[href]:hover{background-color:#27273f}
  .label-primary{background-color:#4990e2}
  .label-primary[href]:focus,.label-primary[href]:hover{background-color:#2276d6}
  .label-success{background-color:#33bc8e}
  .label-success[href]:focus,.label-success[href]:hover{background-color:#289470}
  .label-info{background-color:#60dcf2}
  .label-info[href]:focus,.label-info[href]:hover{background-color:#31d2ee}
  .label-warning{background-color:#f2ad3f}
  .label-warning[href]:focus,.label-warning[href]:hover{background-color:#ee9810}
  .label-danger{background-color:#bc337a}
  .label-danger[href]:focus,.label-danger[href]:hover{background-color:#942860}
  .badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:10px;color:#fff;vertical-align:middle;background-color:#8b8bb7;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}
  a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}
  .list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#60dcf2;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:32px;padding-bottom:32px;margin-bottom:32px;background-color:#1a1a2a}
  .jumbotron p{margin-bottom:16px;font-size:24px;font-weight:200}
  .alert .alert-link,.close{font-weight:700}
  .alert,.thumbnail{margin-bottom:16px}
  .jumbotron>hr{border-top-color:#07070b}
  .container .jumbotron,.container-fluid .jumbotron{border-radius:0;padding-left:16px;padding-right:16px}
  .jumbotron .container{max-width:100%}
  @media screen and (min-width:768px){.jumbotron{padding-top:51.2px;padding-bottom:51.2px}
  .container .jumbotron,.container-fluid .jumbotron{padding-left:64px;padding-right:64px}
  .jumbotron .h1,.jumbotron h1{font-size:48px}
  }
  .thumbnail{padding:4px;line-height:1.42857143;background-color:#24243a;border:1px solid #24243a;border-radius:0;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}
  .thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}
  .thumbnail .caption{padding:8px;color:#fff}
  .alert{padding:16px;border:1px solid transparent;border-radius:0}
  .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:36px}
  .alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
  .modal,.modal-backdrop{right:0;bottom:0;left:0}
  .alert-success{background-color:#33bc8e;border-color:#33bc8e;color:#fff}
  .alert-success hr{border-top-color:#2ea87f}
  .alert-success .alert-link{color:#e6e6e6}
  .alert-info{background-color:#60dcf2;border-color:#60dcf2;color:#fff}
  .alert-info hr{border-top-color:#48d7f0}
  .alert-info .alert-link{color:#e6e6e6}
  .alert-warning{background-color:#f2ad3f;border-color:#f2ad3f;color:#fff}
  .alert-warning hr{border-top-color:#f0a327}
  .alert-warning .alert-link{color:#e6e6e6}
  .alert-danger{background-color:#bc337a;border-color:#bc337a;color:#fff}
  .alert-danger hr{border-top-color:#a82e6d}
  .alert-danger .alert-link{color:#e6e6e6}
  @-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}
  to{background-position:0 0}
  }
  @keyframes progress-bar-stripes{from{background-position:40px 0}
  to{background-position:0 0}
  }
  .progress{height:16px;margin-bottom:16px;background-color:#1e1e31;border-radius:0;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
  .progress-bar{float:left;width:0;height:100%;font-size:10px;line-height:16px;color:#fff;text-align:center;background-color:#4990e2;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
  .progress-bar-striped,.progress-striped .progress-bar{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);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{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
  .progress-bar-success{background-color:#33bc8e}
  .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);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-info{background-color:#60dcf2}
  .progress-striped .progress-bar-info{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);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:#f2ad3f}
  .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);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:#bc337a}
  .progress-striped .progress-bar-danger{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);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{zoom:1;overflow:hidden}
  .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{margin-bottom:20px;padding-left:0}
  .list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#1e1e31;border:1px solid #1e1e31}
  .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}
  .list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
  a.list-group-item,button.list-group-item{color:#8b8bb7}
  a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#fff}
  a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{text-decoration:none;color:#8b8bb7;background-color:#282840}
  button.list-group-item{width:100%;text-align:left}
  .list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{background-color:#fff;color:#8b8bb7;cursor:not-allowed}
  .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:#8b8bb7}
  .list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#4990e2;border-color:#4990e2}
  .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:#f9fbfe}
  .list-group-item-success{color:#fff;background-color:#33bc8e}
  a.list-group-item-success,button.list-group-item-success{color:#fff}
  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:#fff;background-color:#2ea87f}
  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:#fff;border-color:#fff}
  .list-group-item-info{color:#fff;background-color:#60dcf2}
  a.list-group-item-info,button.list-group-item-info{color:#fff}
  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:#fff;background-color:#48d7f0}
  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:#fff;border-color:#fff}
  .list-group-item-warning{color:#fff;background-color:#f2ad3f}
  a.list-group-item-warning,button.list-group-item-warning{color:#fff}
  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:#fff;background-color:#f0a327}
  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:#fff;border-color:#fff}
  .list-group-item-danger{color:#fff;background-color:#bc337a}
  a.list-group-item-danger,button.list-group-item-danger{color:#fff}
  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:#fff;background-color:#a82e6d}
  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:#fff;border-color:#fff}
  .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:16px;background-color:#1e1e31;border:1px solid transparent;border-radius:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);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:16px}
  .panel-heading{padding:12px 16px;border-bottom:1px solid transparent;border-top-right-radius:-1;border-top-left-radius:-1}
  .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-title{margin-top:0;font-size:14px}
  .panel-footer{padding:12px 16px;background-color:#181827;border-top:1px solid #181827;border-bottom-right-radius:-1;border-bottom-left-radius:-1}
  .panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}
  .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:-1;border-bottom-left-radius:-1}
  .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-right-radius:-1;border-top-left-radius:-1}
  .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:-1;border-bottom-left-radius:-1}
  .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}
  .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-right-radius:-1;border-top-left-radius:-1}
  .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-left:16px;padding-right:16px}
  .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:-1}
  .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:-1}
  .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:-1}
  .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:-1}
  .panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #202035}
  .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{border:0;margin-bottom:0}
  .panel-group{margin-bottom:16px}
  .panel-group .panel{margin-bottom:0;border-radius:0}
  .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 #181827}
  .panel-group .panel-footer{border-top:0}
  .panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #181827}
  .panel-default{border-color:#474773}
  .panel-default>.panel-heading{color:#474773;background-color:#181827;border-color:#1e1e31}
  .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#1e1e31}
  .panel-default>.panel-heading .badge{color:#181827;background-color:#474773}
  .panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#1e1e31}
  .panel-primary{border-color:#4990e2}
  .panel-primary>.panel-heading{color:#fff;background-color:#4990e2;border-color:#4990e2}
  .panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#4990e2}
  .panel-primary>.panel-heading .badge{color:#4990e2;background-color:#fff}
  .panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#4990e2}
  .panel-success{border-color:#33bc8e}
  .panel-success>.panel-heading{color:#fff;background-color:#33bc8e;border-color:#33bc8e}
  .panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#33bc8e}
  .panel-success>.panel-heading .badge{color:#33bc8e;background-color:#fff}
  .panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#33bc8e}
  .panel-info{border-color:#60dcf2}
  .panel-info>.panel-heading{color:#fff;background-color:#60dcf2;border-color:#60dcf2}
  .panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#60dcf2}
  .panel-info>.panel-heading .badge{color:#60dcf2;background-color:#fff}
  .panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#60dcf2}
  .panel-warning{border-color:#f2ad3f}
  .panel-warning>.panel-heading{color:#fff;background-color:#f2ad3f;border-color:#f2ad3f}
  .panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#f2ad3f}
  .panel-warning>.panel-heading .badge{color:#f2ad3f;background-color:#fff}
  .panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#f2ad3f}
  .panel-danger{border-color:#bc337a}
  .panel-danger>.panel-heading{color:#fff;background-color:#bc337a;border-color:#bc337a}
  .panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bc337a}
  .panel-danger>.panel-heading .badge{color:#bc337a;background-color:#fff}
  .panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bc337a}
  .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;left:0;bottom:0;height:100%;width:100%;border:0}
  .embed-responsive-16by9{padding-bottom:56.25%}
  .embed-responsive-4by3{padding-bottom:75%}
  .well{min-height:20px;padding:18px;margin-bottom:20px;background-color:#1e1e31;border:1px solid #1e1e31;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);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:0}
  .well-sm{padding:9px;border-radius:0}
  .close{float:right;font-size:16px;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20)}
  .popover,.tooltip{text-decoration:none;font-family:"Roboto Mono",monospace;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal}
  .close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50)}
  button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}
  .modal-content,.popover{background-clip:padding-box}
  .modal{display:none;position:fixed;top:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}
  .modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
  .modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);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:#24243a;border:1px solid #24243a;border-radius:0;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.5);box-shadow:0 4px 8px rgba(0,0,0,.5);outline:0}
  .modal-backdrop{position:fixed;top:0;z-index:1040;background-color:#24243a}
  .modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
  .modal-backdrop.in{opacity:.7;filter:alpha(opacity=70)}
  .modal-header{padding:16px;border-bottom:1px solid #1a1a2a}
  .tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{top:0;border-width:0 4px 4px;border-bottom-color:#0d0d14}
  .modal-header .close{margin-top:-2px}
  .modal-title{margin:0;line-height:1.42857143}
  .modal-body{position:relative;padding:16px}
  .modal-footer{padding:16px;text-align:right;border-top:1px solid #1a1a2a}
  .modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
  .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{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
  .modal-sm{width:300px}
  }
  .tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{bottom:0;margin-bottom:-4px;border-width:4px 4px 0;border-top-color:#0d0d14}
  @media (min-width:992px){.modal-lg{width:900px}
  }
  .tooltip{position:absolute;z-index:1070;display:block;text-align:left;text-align:start;font-size:10px;opacity:0;filter:alpha(opacity=0)}
  .tooltip.in{opacity:.9;filter:alpha(opacity=90)}
  .tooltip.top{margin-top:-3px;padding:4px 0}
  .tooltip.right{margin-left:3px;padding:0 4px}
  .tooltip.bottom{margin-top:3px;padding:4px 0}
  .tooltip.left{margin-left:-3px;padding:0 4px}
  .tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#0d0d14;border-radius:0}
  .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
  .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#0d0d14}
  .tooltip.top-left .tooltip-arrow{right:4px}
  .tooltip.top-right .tooltip-arrow{left:4px}
  .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-4px;border-width:4px 4px 4px 0;border-right-color:#0d0d14}
  .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-4px;border-width:4px 0 4px 4px;border-left-color:#0d0d14}
  .tooltip.bottom .tooltip-arrow{left:50%;margin-left:-4px}
  .tooltip.bottom-left .tooltip-arrow{right:4px;margin-top:-4px}
  .tooltip.bottom-right .tooltip-arrow{left:4px;margin-top:-4px}
  .popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;text-align:start;font-size:12px;background-color:white;border-radius:4px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
  .carousel-caption,.carousel-control{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
  .popover.top{margin-top:-8px}
  .popover.right{margin-left:8px}
  .popover.bottom{margin-top:8px}
  .popover.left{margin-left:-8px}
  .popover-title{margin:0;padding:8px 16px;font-size:12px;background-color:#3c88e0;border-bottom:1px solid #267bdc;border-radius:-1 -1 0 0}
  .popover.top>.arrow,.popover.top>.arrow:after{border-bottom-width:0;border-top-color:#4990e2}
  .popover-content{padding:8px 16px}
  .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:8px}
  .popover>.arrow:after{border-width:8px;content:""}
  .popover.top>.arrow{left:50%;margin-left:-8px;bottom:-8px}
  .popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-8px}
  .popover.left>.arrow:after,.popover.right>.arrow:after{content:" ";bottom:-8px}
  .popover.right>.arrow{top:50%;left:-8px;margin-top:-8px;border-left-width:0;border-right-color:white}
  .popover.right>.arrow:after{left:1px;border-left-width:0;border-right-color:white}
  .popover.bottom>.arrow{left:50%;margin-left:-8px;border-top-width:0;border-bottom-color:white;top:-8px}
  .popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-8px;border-top-width:0;border-bottom-color:white}
  .popover.left>.arrow{top:50%;right:-8px;margin-top:-8px;border-right-width:0;border-left-color:white}
  .popover.left>.arrow:after{right:1px;border-right-width:0;border-left-color:white}
  .carousel-inner{overflow:hidden;width:100%}
  .carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;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{-webkit-transition:-webkit-transform .6s ease-in-out;-moz-transition:-moz-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}
  .carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}
  .carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}
  .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left: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;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;text-align:center;background-color:transparent}
  .carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}
  .carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}
  .carousel-control:focus,.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
  .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}
  .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;line-height:1;font-family:serif}
  .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%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}
  .carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000;background-color:transparent}
  .carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}
  .carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;text-align:center}
  .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:-10px;font-size:30px}
  .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}
  .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}
  .carousel-caption{left:20%;right: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,.modal-header:after,.modal-header: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{content:" ";display:table}
  .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,.modal-header: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-left:auto;margin-right: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}
  legend{padding-left: 16px;}
  .affix{position:fixed}
  @-ms-viewport{width:device-width}
  @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:1151px){.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:1152px){.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}
  }
  @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:1151px){.hidden-md{display:none!important}
  }
  @media (min-width:1152px){.hidden-lg{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}
  }
  .navbar-default .badge{background-color:#fff;color:#c7c5ce}
  .btn .caret{border-top-color:#fff}
  .btn-default:hover{color:#60dcf2}
  .btn-default .caret{border-top-color:#202034}
  .text-primary,.text-primary:hover{color:#f9fbfe}
  .text-success,.text-success:hover{color:#7adbba}
  .text-danger,.text-danger:hover{color:#db7aac}
  .text-warning,.text-warning:hover{color:#f8d69f}
  .text-info,.text-info:hover{color:#fff}
  .table-responsive>.table{background-color:transparent}
  .table a,table a{color:#4990e2;}
  .table a.btn,table a.btn{color:#fff;}
  .table th a,table th a{color:#c7c5ce;}
  .table a:hover,table a:hover{color:#60dcf2; cursor:pointer}
  .table .text-muted,table .text-muted{color:#3a3a5f}
  input,textarea{color:#24243a}
  legend{color:#fff}
  .has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block{color:#f8d69f}
  .has-warning .form-control,.has-warning .form-control:focus{border-color:#f8d69f}
  .has-error .control-label,.has-error .form-control-feedback,.has-error .help-block{color:#f9fbfe}
  .has-error .form-control,.has-error .form-control:focus{border-color:#f9fbfe}
  .has-success .control-label,.has-success .form-control-feedback,.has-success .help-block{color:#7adbba}
  .has-success .form-control,.has-success .form-control:focus{border-color:#7adbba}
  .input-group-addon{color:#202034}
  .pager a:hover,.pagination a:hover{color:#fff}
  .close{opacity:.4}
  .close:focus,.close:hover{opacity:1}
  a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#24243a}
  .popover{color:#474773}

  @font-face{font-family:'Glyphicons Halflings';src:url(/static/utils/fonts/glyphicons-halflings-regular.eot?6314326d2168);src:url(/static/utils/fonts/glyphicons-halflings-regular.eot?&6314326d2168#iefix) format('embedded-opentype'),url(/static/utils/fonts/glyphicons-halflings-regular.woff2?6314326d2168) format('woff2'),url(/static/utils/fonts/glyphicons-halflings-regular.woff?6314326d2168) format('woff'),url(/static/utils/fonts/glyphicons-halflings-regular.ttf?6314326d2168) format('truetype'),url(/static/utils/fonts/glyphicons-halflings-regular.svg?6314326d2168#glyphicons_halflingsregular) format('svg')}
  .glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  .glyphicon-time:before{content:"\e023"}
  .glyphicon-question-sign:before{content:"\e085"}
  .glyphicon-new-window:before{content:"\e164"}

  body {
      width: 100%;
      height: 100%;
      line-height: 1.6666;
      background: inherit;
      overflow-x: hidden;
  }
  @media (max-width: 768px) {
      footer{
          min-height: 100px;
      }
  }

  html {
      width: 100%;
      height: 100%;
      background: #24243a; /* Old browsers */
  }

  h1{
      padding: 0px 0px 16px 0px;
      margin-bottom: 0px;
  }
  label{
      margin-bottom: 4px;
      margin-top: 16px;
  }
  .filters-section h1, .filters-section h2, .filters-section h3, .filters-section h4, .filters-section h5, .filters-section h6 {
      margin-left: -16px;
      margin: 0px 4px 4px;
      display: inline-block;
      font-size: 12px;
      padding-bottom: 0px
  }

  .filters-section h1 a:hover, .filters-section h2 a:hover, .filters-section h3 a:hover, .filters-section h4 a:hover, .filters-section h5 a:hover, .filters-section h6 a:hover {
      font-size: 12px!important;
  }

  .features h1{
      margin-top: 2px;
      padding-bottom: 0px;
      text-align:left;
      font-size: 12px;
      color:#4990e2!important;
      font-weight: 500;
      text-transform: uppercase;
  }
  .features h2{
      margin-top: 2px;
      text-align: justify;
      font-size: 12px;
      font-weight: lighter;
      line-height: 20px;
  }
  .features{
      margin: 64px auto 0px auto;
  }
  .soften .features{
      margin-top: 104px;
  }
  .feature{
      padding: 8px;
  }
  .feature-image-wrapper{
      width: 88px;
      float: right;
  }
  .feature-texts{
      width: calc(100% - 88px);
      float: right;
  }
  .container{
      padding:  16px;
  }

  .root{
      margin: 0 auto 40px auto;
      /* transition: transform 0.2s, width 0.2s; */
  }

  .username{
      text-transform: capitalize;
  }

  .no-background{background-color:transparent!important; background:none!important;}
  .no-border{border:none!important;}
  .no-padding{padding:0!important;}
  .no-margin{margin:none!important;}

  .text-light{
      font-weight: 100;
  }
  p.text-big{
      font-size:22px;
  }
  h1.title{
      font-size: 42px;
      line-height: 66px;
  }
  h2.title{
      font-size: 36px;
      line-height: 56px;
  }
  .text-thin{
      font-weight: lighter;
  }
  .bg-gradient{
      background-image: radial-gradient(circle at top left, #33bc8e, #4990e2);
  }
  .text-gradient{
      display: block;
      -webkit-text-fill-color: transparent;
      color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      background-image: radial-gradient(circle at top left, #33bc8e, #4990e2,
      #4990e2,#4990e2,#4990e2,
      #4990e2,#4990e2,#4990e2,
      #4990e2,#4990e2,#4990e2,
      #4990e2,#4990e2,#4990e2);
  }

  .text-gradient-short{
      -webkit-text-fill-color: transparent;
      color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      background-image: radial-gradient(circle at top left, #33bc8e, #4990e2,
      #4990e2,#4990e2,#4990e2,#4990e2);

  }
  .text-link{
      -webkit-text-fill-color: inherit;
  }
  .text-blue{
      color: #24243a;
  }

  .text-light-blue{
      color: #4990e2;
  }
  .text-lighter-blue{
      color: #60dcf2;
  }

  .text-whiteish{
      color: #c7c5ce;
  }
  .text-gray{
      color: #9B9B9B;
  }
  .text-darker-green{
      color: #21775a;
  }
  .text-green{
      color: #33bc8e !important;
  }
  .text-red{
      color: #bc337a !important;
  }
  .text-white{
      color: #fff;
  }
  .text-detached{
      font-size: larger;
      font-weight: bolder;
  }
  .text-not-uppercase {
      text-transform: none !important;
  }
  textarea.code{
      color:white!important;
      background:black!important;
      padding:4px;
  }
  table th .dropdown .btn{
      background-color: transparent;
      padding: 9px 16px;
      bottom: -9px;
      position: relative;
  }
  table th .dropdown .btn:active,
  table th .dropdown .btn:focus{
      background-color:#202034;
      outline: none;
      -webkit-box-shadow: 2px 6px 10px rgba(0,0,0,0.3);
      box-shadow: 2px 6px 10px rgba(0,0,0,0.3);
  }
  table th .dropdown .dropdown-menu{
      margin-top: 8px;
  }
  .alert {
      color: #2d2d4a;
      text-transform: uppercase;
  }

  .alert .close {
      top: -6px;
      text-shadow: none;
  }

  .alert-success {
      background-color: rgba(51, 188, 142, 0.7);
      border: solid 1px #33bc8e;
  }

  .alert-danger {
      background-color: rgba(188, 51, 122, 0.7);
      border: solid 1px #bc337a;
      color: #0e0e0e;
  }

  .alert-warning {
      background-color: rgba(242, 173, 63, 0.8);
      border: solid 1px #f2ad3f;
  }

  .margin-big{
      margin-top: 24px;
  }
  .margin-big.margin-bot{
      margin-bottom: 16px;
  }
  .margin-small{
      margin-top: 16px;
  }
  .margin-small.margin-bot{
      margin-bottom: 8px;
  }
  .margin-smaller{
      margin-top: 8px;
  }
  .margin-smaller.margin-bot{
      margin-bottom: 4px;
  }
  .negative-margin-left{
      margin-left: -8px;
  }
  .no-margin-top{
      margin-top:0px!important;
  }
  .no-padding{
      padding: 0px 0px !important;
  }
  .no-padding-top{
      padding-top: 0px !important;
  }
  .padding-top{
      padding-top: 8px !important;
  }
  .no-padding-left{
      padding-left: 0px !important;
  }
  .padding-left{
      padding-left: 8px !important;
  }
  .no-padding-right{
      padding-right: 0px !important;
  }
  .padding-right{
      padding-right: 8px !important;
  }
  .flipped{
      transform: rotateY( 180deg );
  }
  .hide-overflow{
      word-break: break-word;
      max-height: 28px;
      overflow: hidden;
      display: block;
  }
  .ellipsis-overflow{
      max-width: 100px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  .list-style-none{
      list-style: none;
  }

  .btn-info{
      padding: 4px;
  }
  .btn.btn-play{
      width: 64px;
      height: 64px;
      border-radius: 32px;
      border: solid 1px #33BC8E;
      position: relative;
      background: #33BC8E;
      transition: background-color 0.2s, border 0.2s;
      margin-bottom: 9px;
  }
  .btn.btn-play:hover{
      background-color: transparent;
      border-color: white;
  }

  .btn.btn-play:focus{
      outline:none;
  }

  .icon-play{
      font-size: 64px;
      line-height: 0px;
      left: -7px;
      top: -20px;
      position: relative;
      transition: color 0.2s;
      /* color: #2d4b58; */
  }

  .btn.compact{
      padding: 4px 8px;
      max-width: 100%;
  }

  .row-separator{
      border-bottom: solid 1px #2d2d4a;
  }

  .cursor-pointer{
      cursor: pointer;
  }

  /* SCROLL */
      ::-webkit-scrollbar {
          width: 12px;
      }
      ::-webkit-scrollbar-track {
          -webkit-border-radius: 10px;
          border-radius: 8px;
          background: rgba(0,0,0,0.1);
          margin-left: -8px;
      }
      ::-webkit-scrollbar-thumb {
          -webkit-border-radius: 8px;
          border-radius: 8px;
          background: rgba(0,0,0,0.2);
      }
      ::-webkit-scrollbar-thumb:window-inactive {
          background: rgba(0,0,0,0.2);
      }
  /* END SCROLL */

  /* BEGIN TRANSPARENT INPUTS */
  .custom-inputs input, .custom-inputs select, .custom-inputs .form-control{
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;

  }

  .custom-inputs.transparent ::-webkit-input-placeholder, .custom-inputs input.transparent::-webkit-input-placeholder{ /* WebKit browsers */
      opacity: 0.33;
  }
  .custom-inputs.transparent :-moz-placeholder, .custom-inputs input.transparent:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
      opacity: 0.33;
  }
  .custom-inputs.transparent ::-moz-placeholder, .custom-inputs input.transparent::-moz-placeholder{ /* Mozilla Firefox 19+ */
      opacity: 0.33;
  }
  .custom-inputs.transparent :-ms-input-placeholder, .custom-inputs input.transparent:-ms-input-placeholder{ /* Internet Explorer 10+ */
      opacity: 0.33;
  }

  .custom-inputs input[type="number"]{
      -moz-appearance: textfield;
  }

  .custom-inputs.transparent input[type='text'], .custom-inputs input.transparent[type='text'],
  .custom-inputs.transparent input[type='number'], .custom-inputs input.transparent[type='number'],
  .custom-inputs.transparent input[type='password'], .custom-inputs input.transparent[type='password'],
  .custom-inputs.transparent input[type='date'], .custom-inputs input.transparent[type='date'],
  .custom-inputs.transparent input[type='datetime-local'], .custom-inputs input.transparent[type='datetime-local'],
  .custom-inputs.transparent input[type='email'], .custom-inputs input.transparent[type='email'],
  .custom-inputs.transparent input[type='search'], .custom-inputs input.transparent[type='search'],
  .custom-inputs.transparent input[type='tel'], .custom-inputs input.transparent[type='tel'],
  .custom-inputs.transparent input[type='email'], .custom-inputs input.transparent[type='email'],
  .custom-inputs.transparent input[type='url'], .custom-inputs input.transparent[type='url'],
  .custom-inputs.transparent input[type='week'], .custom-inputs input.transparent[type='week'],
  .custom-inputs.transparent input[type='month'], .custom-inputs input.transparent[type='month'],
  .custom-inputs.transparent input[type='time'], .custom-inputs input.transparent[type='time'],
  select.transparent, .selectize-input.transparent,
  .form-control.transparent:not(.selectize-control),
  .custom-inputs.transparent select, .custom-inputs.transparent .selectize-input,
  .custom-inputs.transparent .form-control:not(.selectize-control):not(textarea){
      background: transparent!important;
      color: #FFFFFF!important;
      border-top:none!important;
      border-left:none!important;
      border-right:none!important;
      padding-left: 0;
      padding-right: 0;
  }
  .custom-inputs.transparent input:not([type='checkbox']):not([type='radio']),
  .custom-inputs input.transparent:not([type='checkbox']):not([type='radio']),
  .custom-inputs.transparent .btn, .btn.transparent,
  select.transparent, .selectize-input.transparent,
  .form-control.transparent:not(.selectize-control),
  .custom-inputs.transparent select, .custom-inputs.transparent .selectize-input,
  .custom-inputs.transparent .form-control:not(.selectize-control),
  .custom-inputs.transparent .form-group .input-group-addon,
  .custom-inputs.transparent .form-group input.transparent ~ .input-group-addon,
  .custom-inputs.transparent textarea, .custom-inputs.transparent textarea,
  .custom-inputs textarea.transparent, .custom-inputs textarea.transparent{
      color: #FFFFFF;
      text-align: left;
      background: transparent;
      border-bottom: 1px solid #2d4369;
      border-radius: 0;
      box-shadow: none;

      -webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
      -moz-transition: border-color ease-in-out .15s,color ease-in-out .15s;
      -ms-transition: border-color ease-in-out .15s,color ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
      transition: border-color ease-in-out .15s,color ease-in-out .15s;
  }

  .custom-inputs.transparent textarea, .custom-inputs.transparent textarea,
  .custom-inputs textarea.transparent, .custom-inputs textarea.transparent{
      resize: vertical;
  }

  .custom-inputs.transparent input:not([type='checkbox']):not([type='radio']),
  .custom-inputs input.transparent:not([type='checkbox']):not([type='radio']),
  .custom-inputs.transparent textarea, .custom-inputs.transparent textarea,
  .custom-inputs textarea.transparent, .custom-inputs textarea.transparent{
      border: 1px solid #2d4369;
  }

  .custom-inputs.transparent .form-group .input-group-addon,
  .custom-inputs.transparent .form-group input.transparent ~ .input-group-addon{
      border: none;
      position: relative;
      top: -5px;
      line-height: 28px;
      margin-bottom: 8px;
      padding: 6px 0px 6px 16px;
  }

  .custom-inputs.transparent .form-group .input-group-addon span.btn.disabled,
  .custom-inputs.transparent .form-group input.transparent ~ .input-group-addon span.btn.disabled{
      background-color: transparent;
      cursor: auto;
      border-color: #5a5a5a!important;
      color: #5a5a5a!important;
      opacity: 0.3333
  }

  .custom-inputs.transparent .form-group .input-group-addon span.btn,
  .custom-inputs.transparent .form-group input.transparent ~ .input-group-addon span.btn{
      margin-right: -1px;
      margin-left: -16px;
      margin-bottom: -18px;
      position: relative;
      top: -9px;
      padding: 4px 12px!important;
  }

  /* carets and hint boxes */
  .custom-inputs.transparent .btn .caret, .custom-inputs .btn.btn .transparent .caret{
      border-left-color: transparent!important;
      border-right-color: transparent!important;
      border-bottom-color: transparent!important;
      background: transparent!important;
      padding: 0!important;
  }
  .custom-inputs.transparent .btn-info .caret, .custom-inputs .btn.btn-info .transparent .caret{border-top-color:#33bc8e}
  .custom-inputs.transparent .btn-danger .caret, .custom-inputs .btn.btn-danger .transparent .caret{border-top-color:#bc337a}

  .custom-inputs.transparent .help-block,
  .custom-inputs input.transparent + .help-block {
      color: #f2ad3f;
      font-size: x-small;
  }

  /* radios and checkboxes */
  .custom-inputs.transparent input[type=radio]:disabled + label:before, input.custom-inputs.transparent[type=radio]:disabled + label:before,
  .custom-inputs.transparent input[type=checkbox]:disabled + label:before, input.custom-inputs.transparent[type=checkbox]:disabled + label:before{
      cursor: auto;
      border-color: #5a5a5a!important;
      color: #5a5a5a!important;
      opacity: 0.3333;
  }
  .custom-inputs.transparent input[type=radio] + label, input.custom-inputs.transparent[type=radio] + label,
  .custom-inputs.transparent input[type=checkbox] + label, input.custom-inputs.transparent[type=checkbox] + label{
      opacity: 1;
      display:inline-block;
      cursor: pointer;
  }
  input.custom-inputs.transparent[type=radio] + label:before, .custom-inputs.transparent input[type=radio] + label:before,
  input.custom-inputs.transparent[type="checkbox"] + label:before, .custom-inputs.transparent input[type="checkbox"] + label:before {
      border: 1px solid #2d4369;
      content: " ";
      display: inline-block;
      width: 12px;
      height: 12px;
      padding:0;
      vertical-align: top;
      margin-top: 4px;
      margin-right: 8px;
      margin-left: -7px; /*not 8 because of the border of 1px */
      background-color: rgba(36, 36, 58, 0.15);
      font-size: 0px;

      -webkit-transition: color ease-in-out .15s, border-color ease-in-out .3s, background-color ease-in-out .6s;
      -moz-transition: color ease-in-out .15s, border-color ease-in-out .3s, background-color ease-in-out .6s;
      -ms-transition: color ease-in-out .15s, border-color ease-in-out .3s, background-color ease-in-out .6s;
      -o-transition: color ease-in-out .15s, border-color ease-in-out .3s, background-color ease-in-out .6s;
      transition: color ease-in-out .15s, border-color ease-in-out .3s, background-color ease-in-out .6s;
  }

  input.custom-inputs.transparent[type=radio]:hover + label:before, .custom-inputs.transparent input[type=radio]:hover + label:before,
  input.custom-inputs.transparent[type="checkbox"]:hover + label:before, .custom-inputs.transparent input[type="checkbox"]:hover + label:before,
  input.custom-inputs.transparent[type=radio]:checked:hover + label:before, .custom-inputs.transparent input[type=radio]:checked:hover + label:before,
  input.custom-inputs.transparent[type="checkbox"]:checked:hover + label:before, .custom-inputs.transparent input[type="checkbox"]:checked:hover + label:before {
      border-color: #60dcf2;
  }
  input.custom-inputs.transparent[type=radio]:checked + label:before, .custom-inputs.transparent input[type=radio]:checked + label:before,
  input.custom-inputs.transparent[type="checkbox"]:checked + label:before, .custom-inputs.transparent input[type="checkbox"]:checked + label:before {
      border-color: #4990e2;
  }
  input.custom-inputs.transparent[type=radio] + label:after, .custom-inputs.transparent input[type=radio] + label:after,
  input.custom-inputs.transparent[type="checkbox"] + label:after, .custom-inputs.transparent input[type="checkbox"] + label:after{
      content: ' ';
      position: absolute;
      top: 7px;
      left: -4px;
      width: 6px;
      height: 6px;
      background-color: #23233a;

      -webkit-transition: background-color ease-in-out .15s;
      -moz-transition: background-color ease-in-out .15s;
      -ms-transition: background-color ease-in-out .15s;
      -o-transition: background-color ease-in-out .15s;
      transition: background-color ease-in-out .15s;
  }
  input.custom-inputs.transparent[type=radio]:checked + label:after, .custom-inputs.transparent input[type=radio]:checked + label:after,
  input.custom-inputs.transparent[type="checkbox"]:checked + label:after, .custom-inputs.transparent input[type="checkbox"]:checked + label:after{
      background-color: #4990e2;
  }

  /* transparent selectize */
  .selectize-input.disabled.transparent, .custom-inputs.transparent .selectize-input.disabled{
      border-color: #5a5a5a!important;
      color: #5a5a5a!important;
      opacity: 0.3333;
  }
  .selectize-input.transparent, .custom-inputs.transparent .selectize-input{
      text-transform: none;
      min-height: 0;
      padding-top: 8px;
      padding-bottom: 8px;
  }
  .selectize-input.transparent input , .custom-inputs.transparent .selectize-input input,
  .selectize-input.transparent div.item , .custom-inputs.transparent .selectize-input div.item{
      color: #c7c5ce;
  }
  #settings-holder .custom-inputs.transparent .selectize-input div.item{
      color: #fff;
  }
  .selectize-input.input-active.transparent:not([disabled]), .custom-inputs.transparent .selectize-input.input-active:not([disabled]){
      background: transparent;
  }
  .selectize-input.transparent:after, .custom-inputs.transparent .selectize-input:after,
  .selectize-input.dropdown-active.transparent:after, .custom-inputs.transparent .selectize-input.dropdown-active:after{
      border-color: transparent transparent transparent;
  }
  .selectize-input.transparent ~ .selectize-dropdown, .custom-inputs.transparent .selectize-dropdown{
      text-transform: none;
      border: none!important;
      margin: 0!important;
  }
  .selectize-input.transparent ~ .selectize-dropdown div.active, .custom-inputs.transparent .selectize-dropdown div.active{
      background: #4990e2;
      color:white;
  }
  .selectize-input.transparent ~ .selectize-dropdown [data-selectable] .highlight, .custom-inputs.transparent .selectize-dropdown [data-selectable] .highlight{
      color: #a5a5a5;
      background-color: #2d4369;
  }

  .selectize-input.transparent ~ .selectize-dropdown.plugin-optgroup_columns .optgroup .optgroup-header,
  .custom-inputs.transparent .selectize-dropdown.plugin-optgroup_columns .optgroup .optgroup-header{
      outline: 1px solid #2d4369;
      background-color: rgba(45, 67, 105, 0.5);
      -webkit-transition: background-color .15s ease-in-out, color ease-in-out .15s;
      -moz-transition: background-color .15s ease-in-out, color ease-in-out .15s;
      -ms-transition: background-color ease-in-out .15s, color ease-in-out .15s;
      -o-transition: background-color ease-in-out .15s, color ease-in-out .15s;
      transition: background-color ease-in-out .15s, color ease-in-out .15s;
  }

  .selectize-input.transparent ~ .selectize-dropdown.plugin-optgroup_columns .optgroup:hover .optgroup-header,
  .custom-inputs.transparent .selectize-dropdown.plugin-optgroup_columns .optgroup:hover .optgroup-header{
      background-color: rgba(45, 67, 105, 0.7);
      color: #a5a5a5;
  }
  .selectize-input.transparent ~ .selectize-dropdown.plugin-optgroup_columns .optgroup,
  .custom-inputs.transparent .selectize-dropdown.plugin-optgroup_columns .optgroup{
      border: none;
      border-left: 1px solid #2d4369;
  }

  .selectize-input.transparent ~ .selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content .optgroup:first-of-type,
  .custom-inputs.transparent .selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content .optgroup:first-of-type{
      border: none
  }
  .selectize-input.transparent ~ .selectize-dropdown-content, .custom-inputs.transparent .selectize-dropdown-content{
      padding: 0;
      color: rgba(199, 197, 206, 0.4);
      background: #1a1a2a;
      margin-top: 1px;
      outline: 1px solid #1a1a2a;
  }
  .custom-inputs.transparent .selectize-dropdown .create{
      color: rgba(199, 197, 206, 0.4);
  }
  .custom-inputs.transparent .has-error .selectize-input{
      border-color:#bc337a!important
  }

  select.transparent:not([disabled]):hover,
  .custom-inputs.transparent select:not([disabled]):hover{
      cursor:pointer;
  }

  .custom-inputs.transparent select option,
  select.transparent option{
      background-color: #FFFFFF;
      color: #24243a;
  }

  input.transparent[disabled], select.transparent[disabled], .form-control.transparent[disabled],
  .custom-inputs.transparent input[disabled], .custom-inputs.transparent input[readonly], .custom-inputs.transparent select[disabled], .custom-inputs.transparent .form-control[disabled]{
      border-color: #5a5a5a!important;
      color: #5a5a5a!important;
  }

  .custom-inputs.transparent input[type='button'], .custom-inputs input.transparent[type='button'],
  .custom-inputs.transparent input[type='submit'], .custom-inputs input.transparent[type='submit'],
  .custom-inputs.transparent button, .custom-inputs button.transparent,
  .custom-inputs.transparent .btn, .btn.transparent{
      padding: 8px 12px;
  }
  .custom-inputs.transparent input:not([disabled]):not([type='checkbox']):not([type='radio']),
  .custom-inputs input.transparent:not([disabled]):not([type='checkbox']):not([type='radio']),
  .custom-inputs.transparent .btn:not([disabled]), .btn.transparent:not([disabled]){
      border: 1px solid #2d4369;
  }

  .custom-inputs.transparent input:not([disabled]):not([type='checkbox']):not([type='radio']),
  .custom-inputs input.transparent:not([disabled]):not([type='checkbox']):not([type='radio']),
  .custom-inputs.transparent .btn:not([disabled]), .btn.transparent:not([disabled]),
  .custom-inputs.transparent .btn:not([disabled]) .caret, .custom-inputs .btn.transparent:not([disabled]) .caret{
      background: rgba(45, 67, 105, 0.1);
      border-color: #2d4369;
      color: #4990e2;
  }
  .custom-inputs.transparent input[type="submit"],
  .custom-inputs input.transparent[type="submit"]{
      margin-top: 12px;
  }

  select.transparent, .selectize-input.transparent,
  .form-control.transparent:not(.selectize-control),
  .custom-inputs.transparent select, .custom-inputs.transparent .selectize-input,
  .custom-inputs.transparent .form-control:not(.selectize-control){
      border-color: #2d4369;
  }

  .custom-inputs.transparent input:not([disabled]):not([type='checkbox']):not([type='radio']):hover,
  .custom-inputs input.transparent:not([disabled]):not([type='checkbox']):not([type='radio']):hover,
  .custom-inputs.transparent .btn:not([disabled]):hover, .btn.transparent:not([disabled]):hover,
  .custom-inputs.transparent .btn:not([disabled]):hover .caret, .custom-inputs .btn.transparent:not([disabled]):hover .caret{
      background: rgba(73, 144, 226, 0.2);
      border-color: #4990e2;
      color: #4990e2;
  }

  select.transparent:hover, .selectize-input.transparent:hover,
  .form-control.transparent:not(.selectize-control):hover,
  .custom-inputs.transparent select:hover, .custom-inputs.transparent .selectize-input:hover,
  .custom-inputs.transparent .form-control:not(.selectize-control):hover{
      border-color: #4990e2;
  }

  .custom-inputs.transparent input:not([disabled]):not([type='checkbox']):not([type='radio']):active,
  .custom-inputs input.transparent:not([disabled]):not([type='checkbox']):not([type='radio']):active,
  .custom-inputs.transparent .btn:not([disabled]):active, .btn.transparent:not([disabled]):active,
  .custom-inputs.transparent .btn:not([disabled]):active .caret, .custom-inputs .btn.transparent:not([disabled]):active .caret{
      outline: none;
      background: rgba(96, 220, 242, 0.3);
      border-color: #60dcf2;
      color: #60dcf2;
  }

  select.transparent:active, .selectize-input.transparent:active,
  .form-control.transparent:not(.selectize-control):active,
  .custom-inputs.transparent select:active, .custom-inputs.transparent .selectize-input:active,
  .custom-inputs.transparent .form-control:not(.selectize-control):active{
      border-color: #60dcf2;
  }

  .custom-inputs.transparent input:not([disabled]):not([type='checkbox']):not([type='radio']):focus,
  .custom-inputs input.transparent:not([disabled]):not([type='checkbox']):not([type='radio']):focus,
  .custom-inputs.transparent .btn:not([disabled]):focus, .btn.transparent:not([disabled]):focus,
  .custom-inputs.transparent .btn:not([disabled]):focus .caret, .custom-inputs .btn.transparent:not([disabled]):focus .caret{
      outline: none;
      background: rgba(96, 220, 242, 0.3);
      border-color: #60dcf2;
      color: #60dcf2;
  }

  select.transparent:focus, .selectize-input.transparent:focus,
  .form-control.transparent:not(.selectize-control):focus,
  .custom-inputs.transparent select:focus, .custom-inputs.transparent .selectize-input:focus,
  .custom-inputs.transparent .form-control:not(.selectize-control):focus{
      border-color: #60dcf2;
  }

  .custom-inputs.transparent input.btn-info:not([disabled]):not([type='checkbox']):not([type='radio']),
  .custom-inputs input.btn-info.transparent:not([disabled]):not([type='checkbox']):not([type='radio']),
  .custom-inputs.transparent .btn.btn-info:not([disabled]), .btn.btn-info.transparent:not([disabled]),
  .custom-inputs.transparent .btn.btn-info:not([disabled]) .caret, .custom-inputs .btn.btn-info.transparent:not([disabled]) .caret{
      background: rgba(25, 76, 56, 0.1);
      border-color: #194c39;
      color: #33bc8e;
  }
  .custom-inputs.transparent input.btn-info:not([disabled]):not([type='checkbox']):not([type='radio']):hover,
  .custom-inputs input.btn-info.transparent:not([disabled]):not([type='checkbox']):not([type='radio']):hover,
  .custom-inputs.transparent .btn.btn-info:not([disabled]):hover, .btn.btn-info.transparent:not([disabled]):hover,
  .custom-inputs.transparent .btn.btn-info:not([disabled]):hover .caret, .custom-inputs .btn.btn-info.transparent:not([disabled]):hover .caret{
      background: rgba(51, 188, 140, 0.2);
      border-color: #33bc8e;
      color: #33bc8e;
  }
  .custom-inputs.transparent input.btn-info:not([disabled]):not([type='checkbox']):not([type='radio']):active,
  .custom-inputs input.btn-info.transparent:not([disabled]):not([type='checkbox']):not([type='radio']):active,
  .custom-inputs.transparent .btn.btn-info:not([disabled]):active, .btn.btn-info.transparent:not([disabled]):active,
  .custom-inputs.transparent .btn.btn-info:not([disabled]):active .caret, .custom-inputs .btn.btn-info.transparent:not([disabled]):active .caret{
      background: rgba(35, 230, 103, 0.3);
      border-color: #23e66a;
      color: #23e66a;
  }
  .custom-inputs.transparent input.btn-info:not([disabled]):not([type='checkbox']):not([type='radio']):focus,
  .custom-inputs input.btn-info.transparent:not([disabled]):not([type='checkbox']):not([type='radio']):focus,
  .custom-inputs.transparent .btn.btn-info:not([disabled]):focus, .btn.btn-info.transparent:not([disabled]):focus,
  .custom-inputs.transparent .btn.btn-info:not([disabled]):focus .caret, .custom-inputs .btn.btn-info.transparent:not([disabled]):focus .caret{
      background: rgba(35, 230, 103, 0.3);
      border-color: #23e66a;
      color: #23e66a;
  }
  .custom-inputs.transparent input.btn-warning:not([disabled]):not([type='checkbox']):not([type='radio']),
  .custom-inputs input.btn-warning.transparent:not([disabled]):not([type='checkbox']):not([type='radio']),
  .custom-inputs.transparent .btn.btn-warning:not([disabled]), .btn.btn-warning.transparent:not([disabled]),
  .custom-inputs.transparent .btn.btn-warning:not([disabled]) .caret, .custom-inputs .btn.btn-warning.transparent:not([disabled]) .caret{
      background: rgba(131, 81, 0, 0.1);
      border-color: #835100;
      color: #f2ad3f;
  }
  .custom-inputs.transparent input.btn-warning:not([disabled]):not([type='checkbox']):not([type='radio']):hover,
  .custom-inputs input.btn-warning.transparent:not([disabled]):not([type='checkbox']):not([type='radio']):hover,
  .custom-inputs.transparent .btn.btn-warning:not([disabled]):hover, .btn.btn-warning.transparent:not([disabled]):hover,
  .custom-inputs.transparent .btn.btn-warning:not([disabled]):hover .caret, .custom-inputs .btn.btn-warning.transparent:not([disabled]):hover .caret{
      background: rgba(242, 170, 63, 0.2);
      border-color: #f2ad3f;
      color: #f2ad3f;
  }
  .custom-inputs.transparent input.btn-warning:not([disabled]):not([type='checkbox']):not([type='radio']):active,
  .custom-inputs input.btn-warning.transparent:not([disabled]):not([type='checkbox']):not([type='radio']):active,
  .custom-inputs.transparent .btn.btn-warning:not([disabled]):active, .btn.btn-warning.transparent:not([disabled]):active,
  .custom-inputs.transparent .btn.btn-warning:not([disabled]):active .caret, .custom-inputs .btn.btn-warning.transparent:not([disabled]):active .caret{
      background: rgba(255, 213, 44, 0.3);
      border-color: #ffd82c;
      color: #ffd82c;
  }
  .custom-inputs.transparent input.btn-warning:not([disabled]):not([type='checkbox']):not([type='radio']):focus,
  .custom-inputs input.btn-warning.transparent:not([disabled]):not([type='checkbox']):not([type='radio']):focus,
  .custom-inputs.transparent .btn.btn-warning:not([disabled]):focus, .btn.btn-warning.transparent:not([disabled]):focus,
  .custom-inputs.transparent .btn.btn-warning:not([disabled]):focus .caret, .custom-inputs .btn.btn-warning.transparent:not([disabled]):focus .caret{
      background: rgba(255, 213, 44, 0.3);
      border-color: #ffd82c;
      color: #ffd82c;
  }
  .custom-inputs.transparent input.btn-danger:not([disabled]):not([type='checkbox']):not([type='radio']),
  .custom-inputs input.btn-danger.transparent:not([disabled]):not([type='checkbox']):not([type='radio']),
  .custom-inputs.transparent .btn.btn-danger:not([disabled]), .btn.btn-danger:not([disabled]).transparent,
  .custom-inputs.transparent button.btn-danger:not([disabled]), button.btn-danger:not([disabled]).transparent{
      background: rgba(100, 17, 61, 0.1);
      border-color: #64113d;
      color: #bc337a;
  }
  .custom-inputs.transparent input.btn-danger:not([disabled]):not([type='checkbox']):not([type='radio']):hover,
  .custom-inputs input.btn-danger.transparent:not([disabled]):not([type='checkbox']):not([type='radio']):hover,
  .custom-inputs.transparent .btn.btn-danger:not([disabled]):hover, .btn.btn-danger.transparent:not([disabled]):hover,
  .custom-inputs.transparent button.btn-danger:not([disabled]):hover, button.btn-danger.transparent:not([disabled]):hover{

      background: rgba(188, 51, 124, 0.2);
      border-color: #bc337a;
      color: #bc337a;
  }
  .custom-inputs.transparent input.btn-danger:not([disabled]):not([type='checkbox']):not([type='radio']):active,
  .custom-inputs input.btn-danger.transparent:not([disabled]):not([type='checkbox']):not([type='radio']):active,
  .custom-inputs.transparent .btn.btn-danger:not([disabled]):active, .btn.btn-danger.transparent:not([disabled]):active,
  .custom-inputs.transparent button.btn-danger:not([disabled]):active, button.btn-danger.transparent:not([disabled]):active{
      background: rgba(255, 80, 173, 0.3);
      border-color: #ff50ad;
      color: #ff50ad;
  }
  .custom-inputs.transparent input.btn-danger:not([disabled]):not([type='checkbox']):not([type='radio']):focus,
  .custom-inputs input.btn-danger.transparent:not([disabled]):not([type='checkbox']):not([type='radio']):focus,
  .custom-inputs.transparent .btn.btn-danger:not([disabled]):focus, .btn.btn-danger.transparent:not([disabled]):focus,
  .custom-inputs.transparent button.btn-danger:not([disabled]):focus, button.btn-danger.transparent:not([disabled]):focus{
      background: rgba(255, 80, 173, 0.3);
      border-color: #ff50ad;
      color: #ff50ad;
  }

  .custom-inputs.transparent input[type=submit] *, input[type=submit].transparent * {
      display: none;
  }
  .custom-inputs.transparent input[type=number]::-webkit-inner-spin-button,
  .custom-inputs.transparent input[type=number]::-webkit-outer-spin-button,
  input[type=number].transparent::-webkit-inner-spin-button,
  input[type=number].transparent::-webkit-outer-spin-button{
      -webkit-appearance: none;
  }
  .custom-inputs.transparent input[type=number]:hover,
  .custom-inputs.transparent input[type=number]:hover~.signal:not(:empty),
  input[type=number].transparent:hover,
  input[type=number].transparent:hover~.signal:not(:empty){
      border-color: #4990e2;
  }
  .custom-inputs.transparent input[type=number]:focus,
  .custom-inputs.transparent input[type=number]:focus~.signal:not(:empty),
  input[type=number].transparent:focus,
  input[type=number].transparent:focus~.signal:not(:empty){
      outline: 0;
      border-color: #60dcf2;
  }
  .custom-inputs.transparent .custom-spinner,
  .custom-spinner.transparent{
      float: left;
  }

  .custom-inputs.transparent .custom-spinner span.signal,
  .custom-spinner.transparent span.signal{
      border-bottom: 1px solid #2d4369;

      -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }
  .custom-inputs.transparent .custom-spinner span.signal:not(:empty),
  .custom-spinner.transparent span.signal:not(:empty){
      float:left;
      padding: 2px 0px 2px 2px;
      color:white;
  }
  @-moz-document url-prefix() {
      .custom-inputs.transparent .custom-spinner span.signal:not(:empty),
      .custom-spinner.transparent span.signal:not(:empty){
          padding: 0px 0px 3px 3px;
      }
  }
  .custom-inputs.transparent .custom-spinner span.signal.american:not(:empty),
  .custom-spinner.transparent span.signal.american:not(:empty){
      margin-top: -25px;
      margin-left: 4px;
      border-bottom: none;
  }

  .custom-inputs.transparent .custom-spinner span.signal.percentage,
  .custom-spinner.transparent span.signal.percentage{
      width: 0;
      height: 0;
      border: none;
      position: absolute;
      bottom: 41px;
      left: 4.5em;
  }
  @-moz-document url-prefix() {
      .custom-inputs.transparent .custom-spinner span.signal.percentage,
      .custom-spinner.transparent span.signal.percentage{
          bottom: 35px;
      }
  }
  .custom-inputs.transparent .custom-spinner .custom-spinner-button input,
  .custom-spinner.transparent .custom-spinner-button input {
      width: 45px;
      height: 42px;
      line-height: 1.65;
      float: left;
      display: block;
      padding: 0;
      margin: 0;
      padding-left: 20px;
      border: 1px solid #eee;
  }

  .custom-inputs.transparent .custom-spinner .custom-spinner-button input:focus,
  .custom-spinner.transparent .custom-spinner-button input:focus {
      outline: 0;
  }
  .custom-inputs.transparent .custom-spinner .custom-spinner-nav,
  .custom-spinner.transparent .custom-spinner-nav {
      float: right;
      position: relative;
      left: 8px;
      z-index:10;
  }
  .custom-inputs.transparent .custom-spinner .custom-spinner-button,
  .custom-spinner.transparent .custom-spinner-button {
      position: relative;
      cursor: pointer;
      background-color: transparent;
      background: transparent;
      text-align: center;
      font-size: 10px;
      font-family: "Trebuchet MS", Helvetica, sans-serif !important;
      line-height: 0.0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
  }
  .custom-inputs.transparent .custom-spinner .custom-spinner-button.custom-spinner-up,
  .custom-spinner.transparent .custom-spinner-button.custom-spinner-up {
      position: absolute;
      top: 0px;
      left: 3px;
  }
  .custom-inputs.transparent .custom-spinner .custom-spinner-button.custom-spinner-down,
  .custom-spinner.transparent .custom-spinner-button.custom-spinner-down {
      position: absolute;
      top: 12px;
      left: 3px;
  }
  .custom-inputs.transparent .custom-spinner .custom-spinner-button.custom-spinner-up span,
  .custom-inputs.transparent .custom-spinner .custom-spinner-button.custom-spinner-down span,
  .custom-spinner.transparent .custom-spinner-button.custom-spinner-up span,
  .custom-spinner.transparent .custom-spinner-button.custom-spinner-down span{
      color: #2d4369!important;
  }
  .custom-inputs.transparent .custom-spinner .custom-spinner-button.custom-spinner-up span:hover,
  .custom-inputs.transparent .custom-spinner .custom-spinner-button.custom-spinner-down span:hover,
  .custom-spinner.transparent .custom-spinner-button.custom-spinner-up span:hover,
  .custom-spinner.transparent .custom-spinner-button.custom-spinner-down span:hover{
      color: #4990e2!important;
  }
  .custom-inputs.transparent .custom-spinner .custom-spinner-button.custom-spinner-up span:active,
  .custom-inputs.transparent .custom-spinner .custom-spinner-button.custom-spinner-down span:active,
  .custom-spinner.transparent .custom-spinner-button.custom-spinner-up span:active,
  .custom-spinner.transparent .custom-spinner-button.custom-spinner-down span:active{
      color: #60dcf2!important;
  }

  /* disabled and readonly transparent inputs */
  .custom-inputs.transparent input[disabled], .custom-inputs.transparent input[readonly],
  .custom-inputs input.transparent[disabled], .custom-inputs input.transparent[readonly],
  .custom-inputs.transparent a.btn[disabled], .custom-inputs.transparent a.btn[readonly],
  .custom-inputs a.btn.transparent[disabled], .custom-inputs a.btn.transparent[readonly],
  .custom-inputs.transparent button[disabled], .custom-inputs.transparent button[readonly],
  .custom-inputs button.transparent[disabled], .custom-inputs button.transparent[readonly],
  .custom-inputs textarea.transparent[disabled], .custom-inputs textarea.transparent[readonly]
  {
      opacity: .33333;
      pointer-events: none;
  }

  .custom-inputs.transparent textarea[disabled], .custom-inputs.transparent textarea[readonly]{
      opacity: .33333;
      pointer-events: auto;
  }

  .custom-inputs.transparent form label,
  .custom-inputs form.transparent label{
      opacity: 0.5;
      font-weight: 300;
  }

  .custom-inputs.transparent .btn-slide-toggle label,
  .custom-inputs .btn-slide-toggle.transparent label{
      opacity: 1;
      position: relative;
      padding-left: 60px;
      margin: 9px 20px 0 0;
  }
  .custom-inputs.transparent .btn-slide-toggle span.slider::before,
  .custom-inputs .btn-slide-toggle.transparent span.slider::before {
      border: 1px solid #2d4369;
      content: " ";
      display: inline-block;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 48px;
      height: 20px;
      padding: 0;
      vertical-align: top;
      background-color: rgba(36, 36, 58, 0.3);
      font-size: 0px;
      -webkit-transition: color ease-in-out .15s, border-color ease-in-out .3s, background-color ease-in-out .6s;
      -moz-transition: color ease-in-out .15s, border-color ease-in-out .3s, background-color ease-in-out .6s;
      -ms-transition: color ease-in-out .15s, border-color ease-in-out .3s, background-color ease-in-out .6s;
      -o-transition: color ease-in-out .15s, border-color ease-in-out .3s, background-color ease-in-out .6s;
      transition: color ease-in-out .15s, border-color ease-in-out .3s, background-color ease-in-out .6s;
  }
  .custom-inputs.transparent .btn-slide-toggle label:hover span.slider::before,
  .custom-inputs .btn-slide-toggle.transparent label:hover span.slider::before {
      border-color: #4990e2;
  }
  .custom-inputs.transparent .btn-slide-toggle label:active span.slider::before,
  .custom-inputs .btn-slide-toggle.transparent label:active span.slider::before,
  .custom-inputs.transparent .btn-slide-toggle label:focus span.slider::before,
  .custom-inputs .btn-slide-toggle.transparent label:focus span.slider::before{
      border-color: #60dcf2;
  }
  .custom-inputs.transparent .btn-slide-toggle span.slider::after,
  .custom-inputs .btn-slide-toggle.transparent span.slider::after {
      content: "";
      position: absolute;
      left: 2px;
      top: 2px;
      height: 16px;
      width: 18px;
      background-color: #2d4369;
      -webkit-transition: left ease-in-out .3s, background-color ease-in-out .6s;
      -moz-transition: left ease-in-out .3s, background-color ease-in-out .6s;
      -ms-transition: left ease-in-out .3s, background-color ease-in-out .6s;
      -o-transition: left ease-in-out .3s, background-color ease-in-out .6s;
      transition: left ease-in-out .3s, background-color ease-in-out .6s;
  }
  .custom-inputs.transparent .btn-slide-toggle label:hover span.slider::after,
  .custom-inputs .btn-slide-toggle.transparent label:hover span.slider::after {
      border-color: #4990e2;
  }
  .custom-inputs.transparent .btn-slide-toggle label:active span.slider::after,
  .custom-inputs .btn-slide-toggle.transparent label:active span.slider::after,
  .custom-inputs.transparent .btn-slide-toggle label:focus span.slider::after,
  .custom-inputs .btn-slide-toggle.transparent label:focus span.slider::after{
      background: #60dcf2;
  }
  .custom-inputs.transparent .btn-slide-toggle.checked span.slider::after,
  .custom-inputs .btn-slide-toggle.transparent.checked span.slider::after {
      position: absolute;
      background: #4990e2;
      left: 28px;
  }

  /* BEGIN OPAQUE INPUTS */
  select.opaque, .form-control.opaque,
  .custom-inputs.opaque input:not([type='checkbox']):not([type='radio']):not([type='submit']),
  .custom-inputs input.opaque:not([type='checkbox']):not([type='radio']):not([type='submit'])
  .custom-inputs.opaque select, .custom-inputs.opaque .form-control{
      background-color: rgba(36, 36, 58, 0.15);
      color: #24243a;
      height: 32px;
      padding: 0 10px;
      border: 1px solid transparent;
      font-weight: bold;

      -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }
  .custom-inputs.opaque input:not([type='checkbox']):not([type='radio']):not([type='submit']):not(:hover):not(:active){
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.075);
      -o-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.075);
  }

  .custom-inputs.opaque input[type=radio] + label, input.custom-inputs.opaque[type=radio] + label,
  .custom-inputs.opaque input[type=checkbox] + label, input.custom-inputs.opaque[type=checkbox] + label{
      display:inline-block;
      height:20px;
      padding:0 0 0 25px;
      margin:0 10px 0 0;
      cursor: pointer;
  }
  input.custom-inputs.opaque[type=radio] + label:before, .custom-inputs.opaque input[type=radio] + label:before,
  input.custom-inputs.opaque[type="checkbox"] + label:before, .custom-inputs.opaque input[type="checkbox"] + label:before {
      border: 1px solid rgba(36, 36, 58, 0.05);
      content: " ";
      display: inline-block;
      width: 12px;
      height: 12px;
      padding:0;
      vertical-align: top;
      margin-top: 4px;
      margin-right: 8px;
      margin-left: -7px; /*not 8 because of the border of 1px */
      background-color: rgba(36, 36, 58, 0.15);
      font-size: 0px;
      -webkit-transition: border-color ease-in-out .15s;
      -moz-transition: border-color ease-in-out .15s;
      -ms-transition: border-color ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s;
      transition: border-color ease-in-out .15s;
  }

  input.custom-inputs.opaque[type=radio]:hover + label:before, .custom-inputs.opaque input[type=radio]:hover + label:before,
  input.custom-inputs.opaque[type="checkbox"]:hover + label:before, .custom-inputs.opaque input[type="checkbox"]:hover + label:before,
  input.custom-inputs.opaque[type=radio]:checked:hover + label:before, .custom-inputs.opaque input[type=radio]:checked:hover + label:before,
  input.custom-inputs.opaque[type="checkbox"]:checked:hover + label:before, .custom-inputs.opaque input[type="checkbox"]:checked:hover + label:before {
      border: 1px solid rgba(36, 36, 58, 0.25);
  }
  input.custom-inputs.opaque[type=radio]:checked + label:before, .custom-inputs.opaque input[type=radio]:checked + label:before,
  input.custom-inputs.opaque[type="checkbox"]:checked + label:before, .custom-inputs.opaque input[type="checkbox"]:checked + label:before {
      border: 1px solid rgba(36, 36, 58, 0.15);
  }
  input.custom-inputs.opaque[type=radio] + label:after, .custom-inputs.opaque input[type=radio] + label:after,
  input.custom-inputs.opaque[type="checkbox"] + label:after, .custom-inputs.opaque input[type="checkbox"] + label:after{
      content: ' ';
      position: absolute;
      top: 7px;
      left: 19px;
      width: 6px;
      height: 6px;
      background-color: rgba(0,0,0,0);
      -webkit-transition: background-color ease-in-out .15s;
      -moz-transition: background-color ease-in-out .15s;
      -ms-transition: background-color ease-in-out .15s;
      -o-transition: background-color ease-in-out .15s;
      transition: background-color ease-in-out .15s;
  }
  input.custom-inputs.opaque[type=radio]:checked + label:after, .custom-inputs.opaque input[type=radio]:checked + label:after,
  input.custom-inputs.opaque[type="checkbox"]:checked + label:after, .custom-inputs.opaque input[type="checkbox"]:checked + label:after{
      background-color: #23233a;
  }


  .custom-inputs input.opaque[disabled], .custom-inputs input.opaque[readonly],
  .custom-inputs.opaque input[disabled], .custom-inputs.opaque input[readonly],
  .custom-inputs select.opaque[disabled], .custom-inputs select.opaque[readonly],
  .custom-inputs.opaque select[disabled], .custom-inputs.opaque select[readonly],
  .custom-inputs .form-control.opaque[disabled], .custom-inputs .form-control.opaque[readonly],
  .custom-inputs.opaque .form-control[disabled], .custom-inputs.opaque .form-control[readonly]{
      background-color: rgba(36, 36, 58, 0.15)!important;
      -webkit-text-fill-color:#afafaf!important;
      color: #afafaf!important;
      box-shadow: none!important;
      -webkit-box-shadow: none!important;
      -moz-box-shadow: none!important;
      -o-box-shadow: none!important;
  }
  .custom-inputs.opaque input[type=submit],
  input[type=submit].opaque{
      padding: 7px 16px; /* + 1px of border */
      background-color: #4990e2;
      color:white;
  }
  .custom-inputs.opaque input[type=submit]:not([disabled]):not([readonly]):hover,
  input[type=submit].opaque:not([disabled]):not([readonly]):hover {
      background-color: #2276d6;
  }
  .custom-inputs.opaque input[type=submit]:not([disabled]):not([readonly]):active,
  input[type=submit].opaque:not([disabled]):not([readonly]):active {
      outline: none;
      background-color: #165ba9;
  }
  .custom-inputs.opaque input[type=submit]:not([disabled]):not([readonly]):focus,
  input[type=submit].opaque:not([disabled]):not([readonly]):focus {
      outline: none;
      background-color: #165ba9;
  }
  .custom-inputs.opaque input[type=submit][disabled], input[type=submit].opaque[disabled],
  .custom-inputs.opaque input[type=submit][readonly], input[type=submit].opaque[readonly] {
      opacity: 0.5;
  }
  .custom-inputs.opaque input[type=submit] *,
  input[type=submit].opaque * {
      display: none;
  }
  .custom-inputs.opaque input[type=number]::-webkit-inner-spin-button,
  .custom-inputs.opaque input[type=number]::-webkit-outer-spin-button,
  input[type=number].opaque::-webkit-inner-spin-button,
  input[type=number].opaque::-webkit-outer-spin-button{
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  select.opaque:not([disabled]):not([readonly]):hover,
  .custom-inputs.opaque select:not([disabled]):not([readonly]):hover{
      cursor:pointer;
  }
  input.opaque:not([disabled]):not([readonly]):hover, select.opaque:not([disabled]):not([readonly]):hover, .form-control.opaque:not([disabled]):not([readonly]):hover,
  .custom-inputs.opaque input:not([disabled]):not([readonly]):hover, .custom-inputs.opaque select:not([disabled]):not([readonly]):hover, .custom-inputs.opaque .form-control:not([disabled]):not([readonly]):hover{
      box-shadow: inset 0px 1px 1px 0px rgba(36, 36, 58, 0.15);
      -webkit-box-shadow: inset 0px 1px 1px 0px rgba(36, 36, 58, 0.15);
      -moz-box-shadow: inset 0px 1px 1px 0px rgba(36, 36, 58, 0.15);
      -o-box-shadow: inset 0px 1px 1px 0px rgba(36, 36, 58, 0.15);
      border-bottom: 1px solid rgba(36, 36, 58, 0.3)!important;
  }
  input.opaque:not([disabled]):not([readonly]):focus, select.opaque:not([disabled]):not([readonly]):focus, .form-control.opaque:not([disabled]):not([readonly]):focus,
  .custom-inputs.opaque input:not([disabled]):not([readonly]):focus, .custom-inputs.opaque select:not([disabled]):not([readonly]):focus, .custom-inputs.opaque .form-control:not([disabled]):not([readonly]):focus{
      outline: 0;
      box-shadow: inset 0px 1px 3px 0px rgba(36, 36, 58, 0.25);
      -webkit-box-shadow: inset 0px 1px 3px 0px rgba(36, 36, 58, 0.25);
      -moz-box-shadow: inset 0px 1px 3px 0px rgba(36, 36, 58, 0.25);
      -o-box-shadow: inset 0px 1px 3px 0px rgba(36, 36, 58, 0.25);
  }

  label.spinner-label.opaque{
      width: 100%;
      font-weight: 300;
      float: left;
  }
  .custom-inputs.opaque .custom-spinner,
  .custom-spinner.opaque{
      float: left;
  }
  .custom-inputs.opaque .custom-spinner span.signal:not(:empty),
  .custom-spinner.opaque span.signal:not(:empty){
      position: absolute;
      font-size: 12px;
      left: 26px;
      bottom: 9px;
  }
  .custom-inputs.opaque .custom-spinner span.signal.percentage,
  .custom-spinner.opaque span.signal.percentage{
      position: absolute;
      bottom: 28px;
      left: 5.4em;
      width: 0;
      height: 0;
      border: none;
      width: 0;
      border: none;
  }
  .custom-inputs.opaque .custom-spinner input:disabled ~ span.signal.percentage,
  .custom-inputs.opaque .custom-spinner input:disabled ~ span.signal.american,
  .custom-spinner.opaque input:disabled ~ span.signal.percentage,
  .custom-spinner.opaque input:disabled ~ span.signal.american{
      -webkit-text-fill-color:#afafaf!important;
      color: #afafaf!important;
  }

  .custom-inputs.opaque .custom-spinner .custom-spinner-button input,
  .custom-spinner.opaque .custom-spinner-button input {
      width: 45px;
      height: 42px;
      line-height: 1.65;
      float: left;
      display: block;
      padding: 0;
      margin: 0;
      padding-left: 20px;
      border: 1px solid #eee;
  }
  .custom-inputs.opaque .custom-spinner .custom-spinner-button input:focus,
  .custom-spinner.opaque .custom-spinner-button input:focus {
      outline: 0;
  }
  .custom-inputs.opaque .custom-spinner .custom-spinner-nav,
  .custom-spinner.opaque .custom-spinner-nav {
      float: right;
      position: relative;
      right: 8px;
      z-index:10;
  }
  .custom-inputs.opaque .custom-spinner .custom-spinner-button,
  .custom-spinner.opaque .custom-spinner-button {
      position: relative;
      cursor: pointer;
      background-color: transparent;
      background: transparent;
      text-align: center;
      font-size: 14px;
      font-family: "Trebuchet MS", Helvetica, sans-serif !important;
      line-height: 0.0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
  }
  .custom-inputs.opaque .custom-spinner .custom-spinner-button.custom-spinner-up,
  .custom-spinner.opaque .custom-spinner-button.custom-spinner-up {
      position: absolute;
      top: 0px;
      left: 3px;
  }
  .custom-inputs.opaque .custom-spinner .custom-spinner-button.custom-spinner-down,
  .custom-spinner.opaque .custom-spinner-button.custom-spinner-down {
      position: absolute;
      top: 12px;
      left: 3px;
  }
  .custom-inputs.opaque .custom-spinner .custom-spinner-button.custom-spinner-up span,
  .custom-inputs.opaque .custom-spinner .custom-spinner-button.custom-spinner-down span,
  .custom-spinner.opaque .custom-spinner-button.custom-spinner-up span,
  .custom-spinner.opaque .custom-spinner-button.custom-spinner-down span{
      color: #b7b6bf!important;
  }

  .custom-inputs.opaque .custom-spinner .custom-spinner-button.custom-spinner-up span:hover,
  .custom-inputs.opaque .custom-spinner .custom-spinner-button.custom-spinner-down span:hover,
  .custom-spinner.opaque .custom-spinner-button.custom-spinner-up span:hover,
  .custom-spinner.opaque .custom-spinner-button.custom-spinner-down span:hover{
      color: #6a6977!important;
  }
  .custom-inputs.opaque .custom-spinner .custom-spinner-button.custom-spinner-up span:active,
  .custom-inputs.opaque .custom-spinner .custom-spinner-button.custom-spinner-down span:active,
  .custom-spinner.opaque .custom-spinner-button.custom-spinner-up span:active,
  .custom-spinner.opaque .custom-spinner-button.custom-spinner-down span:active{
      color: #23233a!important;
  }

  .custom-inputs.opaque .btn-slide-toggle  label,
  .custom-inputs .btn-slide-toggle.opaque  label{
      opacity: 1;
      position: relative;
      padding-left: 45px;
      margin: 9px 20px 0 0;
  }
  .custom-inputs.opaque .btn-slide-toggle span.slider::before,
  .custom-inputs .btn-slide-toggle.opaque span.slider::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 40px;
      height: 20px;
      padding: 5px;
      background: #fff;
      border-radius: 20px;
  }
  .custom-inputs.opaque .btn-slide-toggle span.slider::after,
  .custom-inputs .btn-slide-toggle.opaque span.slider::after {
      content: "";
      position: absolute;
      left: 2px;
      top: 2px;
      height: 16px;
      width: 18px;
      background: #c7c5ce;
      border-radius: 20px;
  }
  .custom-inputs.opaque .btn-slide-toggle.checked span.slider::after,
  .custom-inputs .btn-slide-toggle.opaque.checked span.slider::after {
      background: #4990e2;
      left: 20px;
  }
  /* END INPUTS */

  .position-sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 80px;
  }


  /* FIX BREAKS - a 31 pixel wide break to fix card based conflicts with bootstrap breaks */
  @media(min-width:1152px) and (max-width:1183px){
      .hidden-md.straight-only{
          display: none!important;
      }
      .visible-md.straight-only{
          display: block!important;
      }
  }
  #order-place label .label-amount + .label-amount{
      display: none;
  }
  @media(max-width: 326px){
      #order-place label .label-amount{
          display: none;
      }
      #order-place label .label-amount + .label-amount{
          display: block;
      }
  }


  /* INTRO */
      .intro-spacer{
          height: 50px;
      }

      .intro-section {
          /* min-height: calc(100vh - 72px - 104px); */
          padding: 8vh 16px 3vh 16px;
          margin: auto;
          text-align: center;
      }
      .intro-image{
          position: absolute;
          left: 0;
          margin-top: -140px;
          pointer-events: none;
          width: 100vw;
          /* height: 665px; */
          background-repeat: no-repeat;
          background-position: center;

      }
      .intro-image.soften{
          opacity: 0.2;
      }
      .hero-title {
          font-weight: bold;
          line-height: 1.17;
          text-align: center;
          color: #33bc8e;
          /* padding: 0px 12vw; */
          margin: auto;
          padding-bottom: 40px;
          max-width: 400px;
      }
      .hero-title.on-category-page{
          text-align: left;
          font-size: 40px;
          font-weight: 500;
          padding-bottom: 8px;
          margin: 0;
          width: 100%;
          max-width: initial;
      }

      .hero-title.on-error-page{
          height: 96px;
          font-size: 96px;
          font-weight: 300;
          line-height: 1;
          text-align: center;
          color: #33bc8e;
          margin-bottom: 65px;
      }
      .hero-subtitle {
          font-weight: 300;
          line-height: 1.33;
          text-align: center;
          padding: 16px 0px;
          margin: auto;
          line-height: 22px;
          max-width: 510px;
          font-size: 12px;
      }
      .hero-subtitle.on-category-page{
          text-align: left;
          font-size: 12px;
          padding-top: 0;
          margin: 0;
          max-width: inherit;
      }
      .hero-button {
      border-radius: 100px;
      font-size: 16px;
      background-color: transparent;
      color: #33BC8E;
      font-weight: 400;
      padding: 12px 20px;
      margin-top: 50px;
      border: 2px solid #33BC8E;
      transition: color 0.2s, border 0.4s;
      }
      .hero-button:active,
      .hero-button:focus{
          color:#7cffd3!important;
          outline: none!important;
          border: 2px solid #7cffd3;
      }

      .hero-button:hover {
          color: white;
          border: 2px solid white;
      }
      .hero-content-holder-soften{
          padding: 0px 16px 8px 16px;
          background: rgba(32, 32, 53, 0.5);
          border-radius: 8px;
      }
      .hero-content-holder{
          padding: 0px 16px 8px 16px;
          background: rgba(32, 32, 53, 0.8);
          border-radius: 8px;
      }
      .intro-section .on-category-page.row{
          /* min-height: 400px; */
      }
      .category-image{
          position: absolute;
          text-align: right;
          top: 50%;
          margin-top: -260px;
          right: 0;
          z-index: -1;
      }
      .category-image img{
          display: inline-block;
          opacity: 0.3;
          margin-top: 55px;
      }
      @media(min-width: 992px) and (max-width: 1183px){
          .category-image img{
               margin-top: 80px;
          }
      }

      .intro-footer{
          margin-left: -24px;
          margin-right: -24px;
          margin-top: 150px;
          text-align: center;
      }

      .intro-footer > div {
          /* margin-bottom: 24px; */
          padding: 8px 8px;
          -moz-user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none;
          user-select: none;
      }

      .intro-footer h2{
          color: #4990e2;
          font-weight: 400;
      }

      .intro-footer .hidden-volume{
          display: none;
      }
      .intro-footer .last-volumes{
          cursor: pointer;
      }
      .last-volumes{
          background: rgba(45, 45, 74, 0.8);
          padding: 24px 8px;
      }
      .last-volumes > h2{
          margin: 0px 0px;
          font-size: 36px;
          color: #60DCF2;
          line-height: 42px;
      }
      .last-volumes > div{
          font-size: 12px;
          line-height: 14px;
          color: #c7c5ce;
      }
      @media (min-width: 896px) {
          .hero-title {
              max-width: 570px;
              font-size: 48px;
          }

          .hero-subtitle {
              max-width: 900px;
              font-size: 16px;
          }
      }
      @media only screen and (max-width: 767px) {
          .intro-section {
              /* padding-top: 9vh; */
          }
          .hero-title{
              font-size: 28px;
              width: 100%;
          }
          .hero-subtitle{
              font-size: 14px;
              width: 100%;
          }
          .intro-footer{
              margin-top: 64px;
          }
          .features{
              margin-top: 32px;
          }
          .last-volumes > h2{
              font-size: 22px;
          }
      }
      @media (max-width: 460px) {
          .hero-subtitle{
              font-size: 12px;
              line-height: 18px;
              max-width: 330px;
          }
      }
      @media (max-width: 400px) {
          .hero-title{
              font-size: 22px;
              max-width: 270px;
          }
          .btn.btn-play{
              width: 56px;
              height:56px;
          }
          .icon-play{
              font-size: 56px;
              left: -8px;
              top: -19px;
          }
      }
  /* END INTRO */

  /* ANNOUNCEMENTS */
  .announcement {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0px 24px;
      line-height: 16px;
      height: 64px;
      background: linear-gradient(289.05deg, rgba(51, 188, 142, 0.8) -376.06%, rgba(73, 144, 226, 0.8) -277.03%);
      mix-blend-mode: normal;
  }

  .announcement .announcement-text {
      color: #fff;
      font-weight: bold;
      padding-right: 16px;
  }

  .announcement .announcement-text a {
      color: #fff;
      border-bottom: 1px solid #fff;
  }

  .announcement .close-icon{
      position: absolute;
      right: 16px;
      font-size: 24px;
      top: 16px;
  }


  /* END ANNOUNCEMENTS */

  /* HOTMARKETS SECTION */

      #hotmarkets{
          position: static;
      }
      .hotmarkets-section {
          margin: 0px;
          width: 100vw;
          height: 108px;
          max-height: 108px;
          font-size: 9pt;
          position: relative;
          overflow: hidden;
          left: 0px;
          transition: height 0.5s;
      }
      .hotmarkets-section.collapsed{
          height: 24px;
          transition: height 0.5s;
      }

      @keyframes changewidth {
      from {
          -webkit-transform: translate(0px);
          -ms-transform: translate(0px);
          transform: translate(0px);
      }

      to {
          -webkit-transform: translate(var(--left-hot-items));
          -ms-transform: translate(var(--left-hot-items));
          transform: translate(var(--left-hot-items));
      }
      }

      .hot-flex{
          margin: 0px;
          overflow: visible;
          overflow-y: hidden;
          display: flex;
          width: 20000px;
          max-height: 96px;
          flex-wrap: nowrap;
          flex-direction: row;
          align-items: flex-start;
          justify-content: flex-start;
          animation-duration: 200s;
          /* animation-name: changewidth; */
          animation-iteration-count: infinite;
          animation-direction: normal;
          animation-timing-function: linear;
          background-color: #2d2d4a;
          transition: max-height 0.5s;
      }

      .hot-flex.desktop:hover{
          -webkit-animation-play-state: paused;
          animation-play-state: paused;
      }

      .hot-flex.mobile{
          width: 100%!important;
          max-height: 108px!important;

          animation-name:  none!important;
          animation-iteration-count: none!important;
          animation-direction: none!important;
          animation-timing-function:  none!important;
      }

      .hot-flex.collapsed{
          max-height: 0px!important;
          -webkit-animation-play-state: paused;
          animation-play-state: paused;
      }

      .hot-flex a{
          color: white;
      }
      .hot-flex a:hover{
          color: #60dcf2;
      }

      .hot-item{
          border-radius: 3px;
          margin: 8px 4px;
          padding: 8px 8px;
          background-color: #202035;
          color: white;
          width: 150px;
          min-width: 150px;
          height: 72px;
          min-height: 72px;
          border-radius: 2px;
          overflow: hidden;
          margin-bottom: 0px;
      }
      .hot-flex.mobile .hot-item{
          margin-bottom: 8px;
      }
      .hot-item .title {
          font-size: 12px;
          line-height: 16px;
          margin-bottom: 4px;
          height: 32px;
          font-weight: 900;
          position: relative;
          overflow: hidden;
      }

      .hot-item .title .icon-ellipsis{
          position: absolute;
          right: 0px;
          bottom: 0px;
          width: 44px;
          z-index: 1;
          height: 16px;
          background: -moz-linear-gradient(left, rgba(32, 32, 53,0) 0%, rgba(32, 32, 53,1) 70%);
          background: -webkit-linear-gradient(left, rgba(32, 32, 53,0) 0%,rgba(32, 32, 53,1) 70%);
          background: linear-gradient(to right, rgba(32, 32, 53,0) 0%,rgba(32, 32, 53,1) 70%);
      }
      .hot-item .title .icon-ellipsis:before{
          float: right;
          bottom: 8px;
          right: 2px;
          height: 10px;
          top: 18px;
          position: absolute;
          content: '';
      }
      .hot-item span.ellipsed{
          white-space: nowrap
      }
      .hot-item .runner {
          word-break: break-all;
          width: 80px;
          height: 16px;
          overflow-y: hidden;
          display: block;
          float: left;
          color: #c7c5ce;
      }
      .american .hot-item .runner{
          width: 75px;
      }

      .hot-item .prob {
          color: #c7c5ce;
          text-align: right;
          position: relative;
          display: inline-block;
          width: calc(100% - 80px);
      }
      .american .hot-item .prob{
          width: calc(100% - 75px);
      }

      .hot-item .prob span{
          float: right;
      }

      .hot-item .icon-arrow-up {
          color: #33bc8e;
          position: absolute;
          top: 0;
          left: 6px;
      }

      .hot-item .icon-arrow-down {
          color: #bc337a;
          position: absolute;
          top: 0;
          left: 6px;
      }

      .hot-item .icon-bullet {
          color: #4990e2;
          font-size: 20px;
          padding: 0px;
          line-height: 0;
          position: absolute;
          top: 9px;
          left: 6px;
      }

      .orders .hot-item{
          height: 90px;
          min-height: 90px;
          width: 220px;
          min-width: 220px;
          position: relative;
      }
      .orders .hot-item.matched {
          background-color: #27273f;
      }
      .orders .hot-item.matched div{
          color: #9B9B9B;
      }
      .orders .hot-item.matched:hover div.title{
          color: #60dcf2;
      }
      .orders .hot-item .runner{
          width: 100%;
          margin-top: 4px;
          font-size: 10px;
      }
      .orders .hot-item .price {
          word-break: break-all;
          width: 110px;
          height: 16px;
          overflow-y: hidden;
          display: block;
          float: left;
          color: #c7c5ce;
          position: relative;
      }
      .orders .hot-item .prob{
          width: calc(100% - 110px);
      }
      .orders .hot-item.unmatched .price {
          padding-left: 10px;
      }
      .orders .hot-item .icon-bullet{
          left: -2px;
      }
      .orders .hot-item .cancel-button:before{
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          background: rgba(36, 36, 58, 0.95);
          width: 100%;
          height: 100%;
          display: block;
      }
      .orders .hot-item .cancel-button{
          display: none;
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
      }
      .orders .hot-item .cancel-button a:hover{
          color: #fff;
      }
      .orders .hot-item:hover .cancel-button{
          display: inline-block;
      }
      .orders .hot-item .cancel-button span{
          position: relative;
          display: block;
          margin-top: 10px;
          margin-left: calc(50% - 32px);
          color: #4990e2
      }
      .orders .hot-item .cancel-button a{
          position: relative;
          margin-top: 10px;
          margin-left: calc(50% - 26px);
      }


      .hot-flex:hover .hot-item
      {
          -webkit-animation-play-state: paused;
          animation-play-state: paused;
      }

      @media(max-width:766px) {
          .hot-desktop-size{
              display: none;
          }
      }
      #hotmarkets{
          overflow-x: hidden;
          margin-bottom: 30px;
      }
      #hotmarkets-arrow{
          overflow: visible;
          border-top: 10px solid #2d2d4a;
          position: absolute;
          width: 100%;
      }
      #hotmarkets-arrow svg{
          margin-left:auto;
          margin-right:auto;
          display:block;
      }

      #hotmarkets-arrow.collapsed .icon-drop-up{
          transform: rotateZ(180deg);
          top: -1.75em;
      }

      #hotmarkets-arrow .icon-drop-up{
          display: block;
          position: relative;
          top: -1.75em;
          margin-left:auto;
          margin-right:auto;
          width:1em;
      }
  /* END HOTMARKETS  */

  /* FILTERS / TAGS */
      .filters-section{
          width:100%;
          padding: 16px 0px 70px 0px;
      }
      .filters{
          margin: auto;
          display: block;
          float: none;
      }
      .filters div {
          margin: 2px auto;
      }
      .fixed-filters{
          position: fixed;
      }

      .filters-suggested .live {
          background-color: #f2ad3f;
          color: #161624;
      }

      .filters-suggested .live:hover {
          background-color: #efb75d;
      }

      .filters .col-xs-12{
          padding-top: 6px;
          padding-bottom: 13px;
          margin-bottom: 8px;
      }
      .filters-active{
          z-index: 4;
          /*padding-bottom: 4px!important;*/
      }
      .filters-suggested{
          z-index: 3;
      }
      .filters-active a,
      .floating-filters a{
          color: #c7c5ce;
      }

      .filters-active a:hover,
      .floating-filters a:hover {
          color: #19ccec;
      }

      .filters-active .btn-default:hover > span,
      .floating-filters .btn-default:hover > span{
          color: #19ccec!important;
      }

      .filters-active .btn-default a{
          margin-left: 4px;
          margin-right: 4px;
      }

      .filters-active .btn-default,
      .floating-filters .btn-default  {
          position: relative;
          background-color: #2d2d4a;
          padding: 4px 12px;
      }

      .filters-active .btn-default.tag-left,
      .floating-filters .btn-default.tag-left{
          border-right: 1px solid #24243a;
          border-radius: 16px 0 0 16px;
      }

      .filters-active .btn-default.tag-right,
      .floating-filters .btn-default.tag-right{
          margin-left: -12px;
          border-left: 1px solid #24243a;
          border-radius: 0 16px 16px 0;
          padding-right: 6px;
          padding-left: 0px;
      }

      #verticalized{
          width: 100%
      }
      #verticalized a{
          margin-left:-8px!important;
      }
      ul.verticalized {
          display: block;
          padding-left: 0px;
          margin-bottom: 0px;
      }
      ul.verticalized li{
          display:block;
      }
      ul.verticalized li a{
          margin-bottom: 0px!important;
      }
      @media (max-width: 768px){
          ul.verticalized {
              overflow: hidden;
          }
      }

      .filters-section .transparent{
          opacity: 0;
      }
      div.filters{
          font-size: 18px;
          line-height: 16px;
      }
      div.filters .margin-small{
          margin-top: 16px !important;
      }

      div.filters-active  div > span {
          padding: 8px;
      }
      .floating-filters{
          background-color: #24243a;
          padding-top: 32px;
      }

      .filters-active a.btn span,
      .floating-filters a.btn span {
          margin-left: 3px;
          color: rgba(199, 197, 206, 0.2);
      }

      .filters-suggested .btn.compact{
          overflow-x: hidden;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          text-align: left;
      }

      .filters-section .icon-sort,
      .filters-suggested .icon-sort {
          color: rgba(199, 197, 206, 0.5);
          padding: 2px 16px 2px 0px;
          float: left;
      }
      .filters-suggested .icon-sort{
          padding-right: 24px;
      }

  .filters-section .dropdown-sort{
      padding-top: 16px;
      float: right;

  }
  .statement .dropdown-button {
      color: #c7c5ce;
      text-align: left;
      min-width: 111px;
      padding: 16px 40px 8px 16px;
      margin: 0px -24px 0px 0px;
  }
  .statement .dropdown-button:hover {
      color: #4990e2;
  }
  div.filters-section .dropdown a.dropdown-button span.icon-drop-down,
  .statement .dropdown a.dropdown-button span.icon-drop-down{
      float: right;
  }
  div.filters-section .dropdown-menu,
  .statement .dropdown-menu {
      padding: 8px 0px;
      margin-top:0;
      min-width: 100px;
      box-shadow: none;
      background-color: #202035;
      -webkit-box-shadow: 2px 6px 10px rgba(0,0,0,0.4);
      box-shadow: 2px 6px 10px rgba(0,0,0,0.4);
  }
  div.filters-section .dropdown-menu a,
  .statement .dropdown-menu a
  {
      padding: 0px 16px;
      background: #202035;
      height: 24px;
      font-size: 12px;
      line-height: 24px;
      text-decoration: none;
      display: block;
      text-align: left;
      color: #c7c5ce;
      text-transform: uppercase;
  }
  div.filters-section .dropdown-menu a:hover,
  .statement .dropdown-menu a:hover
  {
      color: #4990e2;
  }
  div.filters-section .dropdown-menu a.selected,
  .statement .dropdown-menu a.selected{
      color: #4990e2;
  }
  div.filters-section .dropdown-menu ul,
  .statement .dropdown-menu ul{
      padding: 0;
      margin: 0;
  }
  div.filters-section .dropdown-menu ul li,
  .statement .dropdown-menu ul li{
      list-style: none;
  }
  .statement .dropdown {
      float: right;
  }
  .statement .dropdown .dropdown-menu{
      right: -12px;
      left: inherit;
      top: 24px;
  }
  /* END FILTERS / TAGS */

  /* CONTENT SECTION */

  .content-section{
      min-height: 100%;
  }

  .tag {
      padding: 4px 8px;
      font-size: 8pt;
  }

  /* QUICK SETTING */

  button.quick-setting span {
      font-size: 20px;
      vertical-align: middle;
      color: #555;
  }

  /* ACCOUNT MENU */

  ul.account-menu {
      border-bottom: 0;
      padding: 0;
  }


  ul.account-menu > li > a{
      color: #c7c5ce;
      margin-right: 0 !important;
      border: 0 !important;
      border-radius: 4px 4px 0 0;
      padding-bottom: 12px;
      padding-top: 10px;
      transition: padding 0.2s ease, box-shadow 0.4s ease-out, color .4s ease;
      top:4px;
  }

  ul.account-menu > li > a:hover {
      background-color: transparent;
      border-color: transparent;
  }

  ul.account-menu > li.active > a{
      cursor: pointer!important;
  }
  ul.account-menu > li.active > a:hover {
      color: white;
  }

  ul.account-menu > li:not(.active) > a:hover:not(:focus) {
      padding-bottom: 8px;
      padding-top: 8px;
      box-shadow: inset 0 -1px #4990e2;
      color: white;
  }

  ul.account-menu ul.dropdown-menu {
      padding: 0;
  }

  ul.account-menu ul.dropdown-menu > li > a {
      padding-top: 10px;
      padding-bottom: 10px;
      transition: color .15s ease;
  }

  ul.account-menu~div.tab-content{
      min-height:460px;
  }
  div.tab-content {
      padding: 20px;
      background-color: #202034;
      border-radius: 8px;
  }

  div.tab-content.new-market {
      margin-bottom: 100px;
  }

  div.tab-content h2 {
      margin: 0 0 8px 0;
  }

  div.tab-content .btn {
      text-transform: uppercase;
      font-weight: normal;
  }
  @media screen and (max-width: 767px) {
      .table-responsive > .table > tbody > tr > td {
          padding: 8px 5px;
      }
  }

  div.tab-content a[data-toggle=tooltip] {
      color: #fff;
  }

  div.tab-content thead th {
      text-transform: uppercase;
  }
  div.tab-content table a {
      text-decoration: none;
  }
  div.tab-content tbody {
      color: #c7c5ce;
  }
  div.tab-content .matched-table td.matched,
  div.tab-content .matched-table th.matched,
  div.tab-content .unmatched-table td.unmatched,
  div.tab-content .unmatched-table th.unmatched,
  div.tab-content .resolved-table td.matched,
  div.tab-content .resolved-table th.matched {
      text-align: right;
      padding: 8px 16px;
  }
  div.tab-content .matched-table td.price,
  div.tab-content .matched-table th.price,
  div.tab-content .unmatched-table td.price,
  div.tab-content .unmatched-table th.price,
  div.tab-content .resolved-table td.price,
  div.tab-content .resolved-table th.price {
      text-align: right;
      padding: 8px 16px;
  }

  div.tab-content .matched-table tr,
  div.tab-content .resolved-table tr,
  div.tab-content .unmatched-table tr{
  cursor: pointer;
  }
  div.tab-content .matched-table tr.redirect,
  div.tab-content .resolved-table tr.redirect,
  div.tab-content .unmatched-table tr.redirect{
      transition: background-color .2s ease;
      background-color: rgba(73, 144, 226, 0.4);

  }
  div.tab-content .matched-table tr.redirect a,
  div.tab-content .unmatched-table tr.redirect a,
  div.tab-content .resolved-table tr.redirect a{
      transition: color .3s ease;
      color:white;

  }

  div.tab-content .resolved-table td.runner.ellipsis-overflow{
      min-width: 140px;
  }
  div.tab-content.transparent{
      background: transparent;
  }

  .account-menu + div.tab-content .row.margin-big{
      margin-top: 48px;
  }

  .btn-primary{
      background-color: #4990e2;
  }
  .btn-primary:active:hover{
      background-color: #2276d6;
  }

  .floating-menus{
      position: fixed;
      padding: 0px;
      margin-right: 16px;
      width: 100%;
      height: 100vh;
      top:0;
      z-index: -1;
      overflow-y: auto;
      overflow-x: hidden;
  }
  .floating-menus .lightbox-background{
      background: rgba(36, 36, 58, 0.8);
      width: 100%;
      height: 100%;
      display: block;
      position: fixed;
      top: 0;
      left: 0;
  }

  #floating-movie > .lightbox{
      padding: 16px 16px;
      margin-top: 5vh;
      max-height: 80vh;
      overflow: hidden;
  }

  #floating-search{
      padding: 32px 16px;
      width: 100vw;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      /* background-color: #1b1b2c; */
      background-color: rgba(27, 27, 44, 0.97);
  }

  #floating-search .search-form-wrapper{
      width: 50%;
      height: 80%;
  }
  #floating-search .search-brand{
      width: 85px;
      text-align: center;
  }
  #floating-search input.form-control, #floating-search input.form-control:focus {
      box-shadow: none;
      -webkit-box-shadow: none;
  }
  #floating-search input{
      font-weight: 100;
      margin-top: 25%;
      padding-left: 0px;
      padding-right: 30px;
      font-size: 32px;
      font-weight: lighter;
      height: 54px;
      background: none;
      border: 0px;
      border-bottom: solid 1px #4990e2;
      color: white;
  }
  #floating-search input::-webkit-input-placeholder ,
  #floating-search input:-ms-input-placeholder,
  #floating-search input::-moz-placeholder {
      color:#C7C5CE!important;
  }
  #floating-search .close-icon{
      position: relative;
      display: flex;
      float: right;
      top: -60px;
      color: #4990e2;
      font-size: 24px;
      font-weight: 100!important;
  }
  #floating-search .close-icon span{
      cursor: pointer;
  }

  #floating-hotkeys .lightbox{
      max-width: none;
  }

  #floating-hotkeys table thead{
      font-size: 14px;
      text-align: left;
  }

  #floating-hotkeys table tbody{
      font-weight: 100;
      text-align: left;
  }
  #floating-hotkeys table tbody tr{
      border-top: 1px solid rgba(199,197,206,0.1);
      border-bottom: 1px solid rgba(199,197,206,0.1);
  }
  #floating-hotkeys table tbody tr td,
  #floating-hotkeys table thead tr th{
      padding: 8px 16px;
  }
  #floating-hotkeys table tbody tr td:first-of-type,
  #floating-hotkeys table thead tr th:first-of-type{
      padding: 8px 16px 8px 0;
  }
  #floating-hotkeys table tbody tr td:last-of-type,
  #floating-hotkeys table thead tr th:last-of-type{
      text-align: right;
      padding: 8px 0 8px 16px;
  }
  .row-centered {
      text-align:center;
  }

  .col-centered {
      display:inline-block;
      float:none;
      /* reset the text-align */
      text-align:left;
      /* inline-block space fix */
      /* margin-right:-4px; */
  }

  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
      background-color: #c7c5ce;
      color: #666;
  }

  /* TROLLBOX */

  .FAB {
      position: fixed;
      bottom: 15px;
      right: 10px;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background-color: #4990e2;
      cursor: pointer;
      text-align: center;
      z-index: 9999;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  }

  .FAB.open {
      background-color: #c7c5ce;
      transition: all 0.9s;
  }

  .FAB span.message {
      position: relative;
      right: 140px;
      bottom: 35px;
      background-color: rgba(0, 0, 0, 0.4);
      padding: 7px 7px;
      font-weight: bold;
      border-radius: 3px;
      display: none;
  }

  .FAB span.amount-new-message {
      display: none;
      position: relative;
      right: 0px;
      bottom: 36px;
      background-color: #c7c5ce;
      font-weight: bold;
      border-radius: 3px;
      min-width: 20px;
  }
  .FAB.open span.amount-new-message {
      display: inline-block;
  }

  .FAB:hover:not(.open) span.message { display: inline; }

  .FAB span.icon-close-small, .FAB span.icon-chat {
      font-size: 33px;
      position: relative;
      top: 1px;
      left: 1px;
  }

  #trollbox {
      position: fixed;
      bottom: 30px;
      right: 30px;
      width: 320px;
      background-color: #fff;
      border-radius: 5px;
      z-index: 9998;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 4px rgba(0, 0, 0, 0.28);
  }

  #trollbox input {
      width: 100%;
      padding: 16px 35px 16px 24px;
      bottom: 0;
      border-radius: 0 0 5px 5px;
      outline: none;
      border-top: 1px solid #c7c5ce;
      color: #24243a;
  }

  #trollbox ul.nav {
      padding: 0;
  }

  #trollbox ul.nav li a {
      text-transform: uppercase;
      color: #c7c5ce;
      border-bottom: 2px solid #c7c5ce;
      padding: 8px 0;
      line-height: 2;
  }

  #trollbox ul.nav li a:hover {
      color: #4990e2;
      background-color: #fff;
      border-color: #fff;
      border-radius: 5px 5px 0 0;
      border-bottom: 2px solid #4990e2;
  }

  #trollbox ul.nav li.active a {
      color: #24243a;
      font-weight: bold;
      border-bottom: 2px solid #24243a;
      background: #f4f4f5;
  }

  #trollbox ul.nav li a span.online{
      background: #bbb;
      color: #fff;
      border-radius: 20px;
      padding: 0 3px;
      display: inline-block;
      line-height: 18px;
      font-size: 10px;
      width: 8px;
      height: 8px;
  }
  #trollbox ul.nav li a span.online.active{
      background: #33bc8e;
  }

  #trollbox .trollbox-wrapper {
      padding: 24px 16px 16px 24px;
  }

  #trollbox div.tab-content {
      padding: 0;
  }

  #trollbox .tab-content {
      background-color: #fff;
      color: #24243a;
      height: 40vh;
      overflow-y: auto;
      overflow-x: hidden;
      word-wrap: break-word;
      border-radius: 5px;
  }

  #trollbox .tab-content .tab-pane .message {
      margin: 12px 0;
      color: #24243a;
      position: relative;
  }

  #trollbox .tab-content .tab-pane .admin .message {
      color: #0070f3;
  }

  #trollbox .tab-content .tab-pane .automessage .message {
      color: #868686;
  }

  #trollbox .tab-content .tab-pane .message span.dot {
      color: #c7c5ce;
  }
  #trollbox .tab-content .tab-pane .admin .message span.dot,
  #trollbox .tab-content .tab-pane .level-0 .message span.dot{
      display: none;
  }
  #trollbox .tab-content .tab-pane .level-1 .message span.dot {
      color: #268462;
  }
  #trollbox .tab-content .tab-pane .level-2 .message span.dot {
      color: #34b681;
  }
  #trollbox .tab-content .tab-pane .level-3 .message span.dot {
      color: #3ca5b3;
  }
  #trollbox .tab-content .tab-pane .level-4 .message span.dot {
      color: #4990e0;
  }
  #trollbox .tab-content .tab-pane .level-5 .message span.dot {
      color: #81befd;
  }
  #trollbox .tab-content .tab-pane .ambassador .message span.dot {
      color: #f5a244;
  }

  #trollbox .tab-content .tab-pane .message-not-read .message:before{
      content: '●';
      position: absolute;
      font-size: 10px;
      right: 5px;
      top:3px;
  }

  #trollbox .message span.username {
      font-weight: bold;
  }

  #trollbox .message span.alert {
      color: #bc337a;
      font-weight: bold;
  }
  #trollbox .message .message-info {
      display: inline;
  }

  @media(max-width:768px) {
      #trollbox{
          right: 15px;
          margin: 0 5px;
          bottom: 25px;
          width: 91vw;
      }

      #trollbox .tab-content {
          height: 60vh;
      }

      #trollbox .nav-justified > li {
          display: table-cell;
          width: 1%;
      }

      .FAB{
          bottom: 8px;
          right: 8px;
      }
  }

  .empty-search {
      margin-top: 60px;
  }

  .empty-search h2 {
      font-weight: bold!important;
      color: #c7c5ce!important;
      text-align: center;
      margin-bottom: 100px;
  }

  @media(max-width:607px) {
      .empty-search h3 {
          text-align: center;
          margin-bottom: 15px;
      }
  }

  .empty-search span {
      color: #33bc8e;
  }

  div.bootstrap-pagination {
      margin: 50px 0;
  }

  div.bootstrap-pagination ul.pagination a.active {
      background-color: #161624;
  }

  /*  MOBILE MENU SECTION */
  #mobile-menu li{
      float: right;
      list-style: none;
      margin: 0 8px;
  }
  #mobile-menu li a.icon-search{
      font-size: 28px;
      display: block;
      padding: 4px 12px;
      margin-top: -2px;
  }
  #mobile-menu li a span.icon-gear{
      font-size: 29px;
      display: block;
      padding: 4px 12px;
      margin-top: -5px!important;
  }
  .navbar-toggle .icon-bar{
      display: block;
      width: 28px;
      height: 3px;
      border-radius: 0px;
  }
  .navbar-toggle .icon-bar+.icon-bar{
      margin-top:7px;
  }
  #mobile-menu li.open a{
      background-color: #202035;
  }
  #mobile-menu > li > *{
      color: #c7c5ce!important;
  }
  #mobile-menu li button{
      padding: 3px;
  }

  /* MEDIUM DEVICES - BASED ON CARD LAYOUT BREAKS */

  @media only screen and (max-width: 992px) {
      #floating-search .search-form-wrapper{
          width: 80%;
      }
  }

  /* SMALL DEVICES - BASED ON CARD LAYOUT BREAKS */

  @media only screen and (max-width: 895px) {
      .hero-button{
          line-height:20px;
          margin-bottom:80px;
      }
      #floating-search input{
          font-size:24px;
          height: 48px;
      }
      #floating-search .search-form-wrapper{
          width: 90%;
      }
      .statement div.filters{
          float:right;
          top: 0px;
          z-index: 1000;
      }
      .statement .dropdown {
          padding: 10px 16px;
      }
      .statement .dropdown .dropdown-menu{
          top:36px;
      }
  }

  /* TINY DEVICES - such as iphone 5 and other tiny device with short virtual pixes */

  @media only screen and (max-width: 360px) {
      #mobile-info{
          padding: 4px;
      }
      #floating-search{
          font-size: 11px;
      }
      #floating-search .search-form-wrapper{
          width: 90%;
      }
      #floating-search input{
          font-size: 16px;
          height: 32px;
      }
      #floating-search .close-icon{
          font-size: 24px;
          top: -54px;
      }
  }

  #search-toggle {
      color: #33bc8e !important;
      cursor: pointer;
      padding-right: 0 !important;
  }
  @font-face {
      font-family: "farlay-icons";
      src:url("/static/utils/fonts/farlay-icons.eot?6314326d2168");
      src:url("/static/utils/fonts/farlay-icons.eot?&6314326d2168#iefix") format("embedded-opentype"),
          url("/static/utils/fonts/farlay-icons.woff?6314326d2168") format("woff"),
          url("/static/utils/fonts/farlay-icons.ttf?6314326d2168") format("truetype"),
          url("/static/utils/fonts/farlay-icons.svg?6314326d2168#farlay-icons") format("svg");
      font-weight: normal;
      font-style: normal;
  }

  [data-icon]:before {
      font-family: "farlay-icons" !important;
      content: attr(data-icon);
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }

  th.desc:after, th.asc:after{
      margin-left: 8px;
  }

  form label{
      text-transform: uppercase;
  }

  [class^="icon-"]:before, [class*=" icon-"]:before, th.desc:after, th.asc:after, .dropdown-toggle:after {
      font-family: "farlay-icons" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      line-height: 1;
      position: relative;
      top: 1px;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }

  .icon-arrow-down:before {
    content: "\61";
  }
  .icon-arrow-up:before {
    content: "\62";
  }
  .icon-bell:before {
    content: "\63";
  }
  .icon-chat:before {
    content: "\64";
  }
  .icon-close-big:before {
    content: "\65";
  }
  .icon-close-small:before {
    content: "\66";
  }
  .icon-drop-down:before, th.desc:after, .account-menu .dropdown-toggle:after {
    content: "\67";
  }
  .icon-drop-up:before, th.asc:after{
    content: "\68";
  }
  .icon-filter-list:before {
    content: "\69";
  }
  .icon-plus:before {
    content: "\6a";
  }
  .icon-sort:before {
    content: "\6b";
  }
  .icon-thumb-down:before {
    content: "\6c";
  }
  .icon-thumb-up:before {
    content: "\6d";
  }
  .icon-unfold:before {
    content: "\6e";
  }
  .icon-user:before {
    content: "\6f";
  }
  .icon-fold:before {
    content: "\70";
  }
  .icon-gear:before {
    content: "\71";
  }
  .icon-list:before {
    content: "\72";
  }
  .icon-minus:before {
    content: "\73";
  }
  .icon-search:before {
    content: "\74";
  }
  .icon-info:before {
    content: "\75";
  }
  .icon-ellipsis:before {
    content: "\76";
  }
  .icon-left:before {
    content: "\77";
  }
  .icon-right:before {
    content: "\78";
  }


  .iconselect select{
      background-image: url(/static/utils/images/arrow_down.png?6314326d2168);
      background-repeat: no-repeat;
      background-position: right 10px top 13px;
      background-size: 12px 7px;
  }

  @media
  only screen and (-webkit-min-device-pixel-ratio: 2) and ( max-width: 2000px),
  only screen and (   min--moz-device-pixel-ratio: 2) and ( max-width: 2000px),
  only screen and (     -o-min-device-pixel-ratio: 2/1) and ( max-width: 2000px),
  only screen and (        min-device-pixel-ratio: 2) and ( max-width: 2000px),
  only screen and (                min-resolution: 192dpi) and ( max-width: 2000px),
  only screen and (                min-resolution: 2dppx) and ( max-width: 2000px) {
      .iconselect select{
          background-image: url(/static/utils/images/arrow_down@2x.png?6314326d2168);
      }
  }

  a.collapser {
      color: #4990e2;
  }
  a.collapser[aria-expanded=true] .icon-unfold {
     display: none;
  }
  a.collapser[aria-expanded=false] .icon-fold {
     display: none;
  }

  #floating-login, #floating-register, #floating-hotkeys{
     margin: 32px 32px 8px 32px;
  }

  .lightbox{
      margin: 0 auto;
      padding: 16px 48px;
      max-width: 420px;
      min-width: 290px;
      border-radius: 5px;
      background-color: #1b1b2c;
      position: relative;
  }
  .signup-form{
      max-width: 420px;
      min-width: 290px;
      padding: 16px 48px;
      background-color: #1b1b2c;
      border-radius: 5px;
      margin: auto;
      float: none;
  }

  @media (max-width: 600px) {
      #floating-login, #floating-register, #floating-hotkeys {
          margin: 8px;
      }
      .lightbox{
          padding: 0 32px;
      }
      .signup-form{
          padding: 16px 24px;
      }
  }

  .lightbox-title, .signup-form h2{
      font-size: 24px;
      font-weight: 300;
      line-height: 1.67;
      margin-top: 16px;
      text-align: left;
      color: #c7c5ce;
  }
  .lightbox input, .signup-form input{
      color: white;
  }
  .lightbox label, .signup-form label{
      color: #c7c5ce!important;
      font-weight: 100!important;
      margin-top: 16px!important;
      text-transform: uppercase!important;
  }
  .lightbox p, .signup-form p{
      color: #555466;
      font-weight: 100;
  }

  .sign-in-title{
      font-size: 24px;
      font-weight: 300;
      line-height: 1.67;
      text-align: center;
      color: #c7c5ce;
      margin: 24px 8px 64px 8px;
  }

  .floating-menus .link-suggestion{
      float: right;
      margin-top: 28px;
      color: #555466;
      cursor: pointer;
  }

  .lightbox .button{
      margin: 16px 0px;
  }

  .lightbox .close-icon{
      position: absolute;
      right: 12px;
      top: 12px;
      font-size: 24px;
      color: #373759;
      cursor: pointer;
  }

  .line-separator-bottom {
      border-bottom: 1px solid rgba(199,197,206,.1);
  }

  .line-separator-bottom.line-separator-or{
      position: relative;
  }
  .line-separator-bottom.line-separator-or:before{
      content: 'or';
      color: rgba(199,197,206,.1);
      padding: 0 5px;
      position: absolute;
      top: -10px;
      left: calc( 50% - 12px );
      background-color: #24253a;
  }
  .lightbox .line-separator-bottom.line-separator-or:before{
      background-color: #1b1b2c;
  }

  div.tab-content .btn.btn-default.btn-fee-info{
      margin-left: 18px;
      border-radius: 20px;
      width: 30px;
      height: 30px;
      padding: 6px!important;
      text-align: center;
      line-height: initial;
  }

  .dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
  }

  .has-error .help-block {
      color: #bc337a!important;
  }
  div.tooltip-inner {
      min-width: 100px !important;
      border-radius: 3px;
      font-size: 12px;
      font-weight: lighter;
  }

  div.tooltip {
      z-index: 9999;
  }

  .table>tbody>tr>td.border-none{border: 0;}

  @media(max-width: 768px) {
      div.tab-content .btn.btn-primary{
          margin-bottom: 10px;
      }
      div.tab-content table .btn.btn-primary{
          width: 48%;
          float: left;
      }
      div.tab-content table .btn.btn-primary:nth-child(even) {
          margin-left: 1.5%;
          margin-right: 0.5%;
      }
      div.tab-content table .btn.btn-primary:nth-child(odd) {
          margin-right: 1.5%;
          margin-left: 0.5%;
      }
  }

  /* Market Maker */
  .market-marker{
      padding-bottom: 40px;
  }

  .form-marketmaker table.table-condensed>tbody>tr>td,
  .form-marketmaker table.table-condensed>tbody>tr>th,
  .form-marketmaker table.table-condensed>tfoot>tr>td,
  .form-marketmaker table.table-condensed>tfoot>tr>th,
  .form-marketmaker table.table-condensed>thead>tr>td,
  .form-marketmaker table.table-condensed>thead>tr>th {
      padding: 0px 8px!important;
      border: none;
  }
  .market-info h1{
      font-size: 24px;
  }
  .market-info h1 a{
      color: #4990e2;
  }
  .market-info p{
      font-size: 12px;
  }
  .market-info p span{
      opacity: 0.5;
  }
  div.panel {
      padding: 16px 16px 16px 16px;
  }
  div.user-panel-warning ul{
      padding-left: 24px;
  }

  div.profile-panel-warning {
      padding: 10px 20px;
  }
  .social-auth-disconnect .btn{
      margin-bottom: 8px;
  }

  .social-link-btn{
      cursor: pointer;
  }
  .social-link-btn{
      background-size: contain;
      width:32px;
      height: 32px;
      display: inline-block;
  }
  .social-link-btn:hover{
      opacity: 0.7;
  }
  .social-link-btn span{
      display: none;
  }
  .social-link-btn.facebook{
      background-image: url("/static/utils/svg/icon-facebook.svg?6314326d2168");
  }
  .social-link-btn.twitter{
      background-image: url("/static/utils/svg/icon-twitter.svg?6314326d2168");
  }
  .social-link-btn + .social-link-btn{
      margin-left: 7px;
  }
  .social-referrals .social-link-btn{
      background-size:contain;
      width:96px;
      height:96px;
      display: inline-block;
  }

  /* Deposit - QR Code */
  table td.qrcode a{
      background: #4990e2;
      border-color: #4990e2;
      padding: 4px 16px;
  }
  table td.qrcode a:hover,
  table td.qrcode a:focus,
  table td.qrcode a:active,
  table td.qrcode a:active:hover{
      background: #2276d6;
      border-color: #2276d6;
  }
  td.qrcode .qrcode-img{
      display: none
  }
  td.qrcode .qrcode-img img{
      display: block;
  }
  #floating-qrcode{
      z-index: 5001;
  }
  #floating-qrcode .modal-dialog{
      max-width: 400px;
  }
  #floating-qrcode .modal-content{
      background: #fff;
  }
  #floating-qrcode .close{
      color: #24243a;
      opacity: 1;
  }
  #floating-qrcode .modal-body{
      text-align: center;
  }
  #floating-qrcode .modal-body div{
      width: 100%;
      display: inline-block;
  }
  #floating-qrcode .modal-body img{
      display: inline-block;
  }
  /* END Deposit - QR Code */

  /* currency images select for selectize */
  #div_id_currency .selectize-control.single .selectize-input div.item,
  #div_id_currency .selectize-control.single .selectize-input input{
      padding: 2px 2px!important;
  }
  .form-control.selectize-control{
      -webkit-box-shadow: none!important;
      box-shadow: none!important;
  }
  .select-currency img{
      display: inline-block;
      margin-right: 16px;
      max-height: 36px;
      padding-top: 4px;
      padding-bottom: 4px;
  }
  .select-currency span{
      display: inline-block;
  }
  .selectize-dropdown-content .select-currency img{
      margin-left: 0px;
  }
  .nav-tabs.nav-statement>li.active>a,
  .nav-tabs.nav-statement>li.active>a:focus,
  .nav-tabs.nav-statement>li.active>a:hover{
      border-bottom-color: #2d2d4a;
  }
  .nav-tabs.transparent>li>a,
  .nav-tabs.transparent>li.active>a,
  .nav-tabs.transparent>li.active>a:focus,
  .nav-tabs.transparent>li.active>a:hover{
      color:#24243a;
      background-color:transparent;
      border:0;
  }
  .nav-tabs.transparent>li.active>a span,
  .nav-tabs.transparent>li.active>a:focus span,
  .nav-tabs.transparent>li.active>a:hover span{
      border-bottom: solid 2px;
  }

  span.asteriskField {
      display: none;
  }

  /* VIP PROGRESS GRAPH */
  .vip-container {
    position:relative;
    width: 100%;
  }

  .vip-progress-list {
      position: relative;
      margin: 0;
      padding: 0px;
      list-style-type: none;
  }

  .vip-progress-bar{
      position: absolute;
      display: inline;
      z-index: 1;
      height: 8px;
      margin: 12px 8.333%;
      padding: 0px;
      width: 83.33333%;
      background: grey;
      left: 0;
  }
  .vip-progress-bar-done{
      position: absolute;
      float: left;
      z-index: 1;
      height: 8px;
      width: 0;
  }
  .vip-progress-bar-done.level-1{
      width: 20%;
      background: linear-gradient(to right,#194c39, #268462);
  }
  .vip-progress-bar-done.level-2{
      width: 40%;
      background: linear-gradient(to right,#194c39, #268462, #34b681);
  }
  .vip-progress-bar-done.level-3{
      width: 60%;
      background: linear-gradient(to right,#194c39, #268462, #34b681, #3ca5b3);
  }
  .vip-progress-bar-done.level-4{
      width: 80%;
      background: linear-gradient(to right,#194c39, #268462, #34b681, #3ca5b3, #4990e0);
  }
  .vip-progress-bar-done.level-5{
      width: 100%;
      background: linear-gradient(to right,#194c39, #268462, #34b681, #3ca5b3, #4990e0, #81befd);
  }
  .ambassador-background {
      background: #f5a244 !important;
  }
  .ambassador-text {
      color: #f5a244;
  }

  .vip-progress-item {
      position: relative;
      z-index: 2;
      display: inline-block;
      padding: 8px;
      border-radius: 16px;
      width: 32px;
      height: 32px;
      font-size: 14px;
      line-height: 16px;
      color: white;
      background-color: gray;
  }
  .vip-progress-item:last-child {
    margin-right:0px;
  }
  .vip-progress-item.done {
    background-color: gray;
  }
  .vip-progress-item.done.level-0 {
    background-color: #194c39;
  }
  .vip-progress-item.done.level-1 {
    background-color: #268462;
  }
  .vip-progress-item.done.level-2 {
    background-color: #34b681;
  }
  .vip-progress-item.done.level-3 {
    background-color: #3ca5b3;
  }
  .vip-progress-item.done.level-4 {
    background-color: #4990e0;
  }
  .vip-progress-item.done.level-5 {
    background-color: #81befd;
  }
  .vip-progress-item.todo {
    color: white;
  }
  .vip-progress-item.todo:before {
      background-color: gray;
  }


  /* FAQ */
  .faq iframe{
       margin-bottom: 32px;
  }
  .faq .panel-title{
      font-family: Roboto Mono;
      font-style: normal;
      font-weight: bold;
      line-height: 32px;
      font-size: 24px;
  }
  .faq .panel-body{
      font-family: Roboto Mono;
      font-style: normal;
      font-weight: 300;
      line-height: 18px;
      font-size: 12px;

      color: #FFFFFF;
      padding-top: 10px;
      padding-bottom: 10px;
  }

  .faq .panel-default{
      background-color: inherit;
      border-color: transparent;
  }
  .faq .panel-default>.panel-heading{
      background-color: inherit;
      border-color: transparent;
      font-style: normal;
      font-weight: bold;
      line-height: 32px;
      font-size: 16px;

      color: #60DCF2;
      padding-top: 10px;
      padding-bottom: 10px;
  }

  .faq-sidebar-holder {
      margin-bottom: 32px;
  }
  .faq-sidebar-holder .sidebar{
      font-style: normal;
      font-weight: 300;
      line-height: 18px;
      font-size: 12px;
      margin: 8px 0;

      color: #60DCF2;
  }

  .faq-sidebar-holder .sidebar-title{
      font-style: normal;
      font-weight: bold;
      line-height: 24px;
      font-size: 18px;
      margin-bottom: 12px;
  }

  .panel-collapse + .faq-title{
      margin-top: 18px;
  }
  .faq-title ~ div{
      padding:1px; /* this fixes a glitch while container is collapsing */
  }

  .faq-sidebar-holder .sidebar-title-arrow {
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 24px;
      font-size: 21px;
      text-align: right;

      color: #33BC8E;
  }
  .faq-sidebar-holder .sidebar-title .toggle{
      font-size: 14px;
  }
  .faq-sidebar-holder .sidebar-title .collapsed .toggle.icon-drop-up{
      display: none;
  }
  .faq-sidebar-holder .sidebar-title .toggle.icon-drop-down{
      display: none;
  }
  .faq-sidebar-holder .sidebar-title .collapsed .toggle.icon-drop-down{
      display: block;
  }
  @media (min-width: 992px) {
      .faq-sidebar-holder {
          margin-top: 27px;
      }
  }
  /*@media (min-width: 1184px) {
      .faq {
          float: left;
          width: 70%;
      }

      .faq-sidebar-holder {
          float: left;
          width: 30%;
          display:block;
      }
  }
  @media (max-width: 1183px) {
      .faq {
          width: 100%;
      }
      .faq-sidebar-holder{
          display:none;
      }
  }
  */
  @media (max-width: 1183px) {
      h1.title{
          font-size: 34px;
          line-height: 56px;
      }
      h2.title{
          font-size: 28px;
          line-height: 44px;
      }
  }

  /* About Us */
  .about-us h2{
      font-size: 48px;
  }
  .about-us .fairlay-works{
      margin-bottom: 148px;
  }
  .about-us .fairlay-works h2{
      padding-bottom: 40px;
  }
  .about-us .fairlay-works button.hero-button{
      text-transform: uppercase;
      position: relative;
      padding-right: 50px;
  }
  .about-us .fairlay-works .video{
      margin-top: 31px;
  }
  .about-us .fairlay-works button.hero-button:after{
      content: "";
      position: absolute;
      right: 5px;
      top: 5px;
      background: url("/static/utils/images/about-us/btn-see-more.png?488556dcb207") right top no-repeat;
      width: 30px;
      height: 30px;
  }
  .about-us .offer .img{
      margin-bottom: 20px;
      min-height: 113px;
  }
  .about-us .margin-big{
      margin: 104px 0 88px 0;
      padding: 0;
  }
  .about-us .team > div{
      margin-bottom: 32px;
      text-align: center;
  }
  .about-us .team > div img{
      display: inline-block;
  }
  .about-us .team p{
      text-align: center;
      margin-bottom: 0;
  }
  .about-us .team p.name{
      text-transform: uppercase;
  }
  .about-us .team p.name + p{
      text-transform: uppercase
  }
  .about-us .team p.social{
      margin-top: 8px;
  }
  .about-us .team p.social a + a{
      margin-left: 8px;
  }
  .about-us .team p.social a + a:before{
      content: "";
      width: 2px;
      height: 2px;
      background: #C7C5CE;
      display: inline-block;
      border-radius: 2px;
      margin:0 8px 4px 0;
  }

  @media (min-width: 769px) {
      .about-us .team > div{
          min-height: 313px;
      }
  }
  @media (min-width: 1184px) {
      .about-us .fairlay-works p {
          padding-right: 44px;
      }
  }
  @media (max-width: 992px) {
      .about-us .fairlay-works{
          margin-bottom: 32px;
      }
      .about-us .margin-big{
          margin-bottom: 48px;
      }
      .about-us .offer-item{
          margin-bottom: 32px;
      }
  }

  /* FairlayTip */
  .fairlay-tip > div.margin-big{
      margin-top: 104px;
  }
  .fairlay-tip .social-form{
      padding-top: 28px;
  }
  .fairlay-tip .social-form .btn{
      text-transform: uppercase;
      border-radius: 20px;
      padding: 8px 24px;
      margin-bottom: 8px;
      font-weight: bold;
  }
  .fairlay-tip .social-form .btn.btn-info.active{
      color: #fff;
      background-color: #33bc8e;
  }
  .fairlay-tip .social-form .btn + .btn{
      margin-left: 9px;
  }
  .fairlay-tip .info p{
      margin: 24px 0 0;
  }
  .fairlay-tip .info ul{
      margin: 16px 0 0;
  }
  .fairlay-tip .info img,
  .fairlay-tip .embed-twitter{
      margin-top: 24px;
  }
  .fairlay-tip .info h2{
      margin-top: 32px;
  }
  @media (min-width: 1184px) {
      .fairlay-tip .social-form .btn + .btn{
          margin-left: 21px;
      }
      .fairlay-tip > div.margin-big{
          margin-top: 200px;
      }
  }
  @media (max-width: 358px) {
      .fairlay-tip .social-form .btn{
          width: 100%;
          margin-left: 0px !important;
      }
  }

  /* Promotion Banners */

  #banner-tabs .banner-code-wrapper{
      margin-left: -16px;
  }
  .referral-code-to-clipboard{
      margin-bottom: 24px;
  }
  .banner-img-wrapper{
      background: repeating-linear-gradient( 45deg, #202034, #273143 10px, #202034 10px, #273143 20px );
      text-align: center;
      vertical-align: middle;
      display: inline-block;
      float: left;
      width: 100%;
  }
  .banner-img-wrapper p{
      text-align: center;
      color: #8b8bb7;
      font-size: 17px;
      line-height: 2;
      text-align:center;
  }
  #horizontal_banner .banner-img-wrapper{
      min-height:235px;
  }
  #horizontal_banner .banner-img-wrapper p{
  }
  #horizontal_banner .banner-img-wrapper img{
  }
  #square_banner .banner-img-wrapper img{
      padding-left: 0px;
      margin-left: -16px;
  }
  #square_banner .banner-img-wrapper p{
      text-align: left;
      padding-top: 16px;
      margin-left: -16px;
  }
  #vertical_banner .banner-img-wrapper img{
      padding-left: 0px;
      margin-left: -16px;
  }
  #vertical_banner .banner-img-wrapper p{
      padding-top: 100px;
      position: absolute;
      right: 20%;
  }

  div.tab-content.promotions h2{
      margin-top: 32px;
  }
  .promotion{
      overflow: hidden;
  }
  .promotion .code-promotion{
      display: block;
      float: left;
  }
  .promotion .code-promotion > div{
      max-width: 100%;
  }
  .promotion .get-code {
      float: left;
      margin-top: 16px;
      width: 100%;
  }
  .promotion .get-code textarea{
      width: 100%;
      background: transparent;
      border-bottom: 1px solid #2d4369;
      outline: none;
      color: #fff;
  }
  .promotion .get-code textarea:focus{
      border-color: #4990e2;
  }

  .promotion textarea{
      height: 200px;
  }
  @media (min-width: 896px){
      .promotion .get-code {
          margin-left: 32px;
          margin-top: 0px;
          width: 360px;
      }
      .promotion-horizontal .get-code {
          margin-left: 0px;
          margin-top: 16px;
          width: 320px;
      }
  }
  @media (min-width: 1184px) {
      .promotion-horizontal .get-code {
          margin-left: 32px;
          margin-top: 0px;
      }
      .promotion-horizontal textarea{
          height: 53px;
      }
  }

  /* Resource */
  .resource-description ul {
      margin-top: -20px;
      padding-left: 32px;
  }
  .resource-description ul li{
      font-size: 18px;
      margin: 22px;
      margin-left: 0px;
      color: #44afcf;
  }

  .box-text-side {
      padding-right: 10px;
      display: block;
      float: left;
      font-weight: bold;
  }

  div.referral-user img.description {
      width: 150px;
  }

  div.referral-user div.banner {
      margin-top: 30px;
  }

  div.referral-user div.banner button {
      display: block;
  }

  div.referral-user div.banner button, div.referral-user div.banner textarea {
      margin-top: 10px;
      display: block;
  }
  div.how-to p {
      margin: 15px 0;
      line-height: 20px;
  }
  div.how-to img {
      margin: 20px 0 40px 0;
  }

  div.two-factor{
      margin-bottom:100px;
  }

  .two-factor .qr-code{
      background-color: #fff;
  }
  .two-factor .custom-inputs.transparent input{
      width: 100%;
      margin-bottom: 16px;
      color: #c7c5ce;
      padding-top: 8px;
      padding-bottom: 8px;
  }
  .two-factor .custom-inputs.transparent input:focus{
      outline: none;
      border-color: #60dcf2;
  }
  .two-factor .generator.custom-inputs.transparent input{
      max-width: 140px;
      margin-left: 2px;
  }
  .two-factor .btn.btn-default{
      color: #4990e2;
      padding:8px 12px;
      border: 1px solid #2d4369;
      background: transparent;
      border-radius: 0px;
      line-height: inherit;
  }
  .two-factor .btn.btn-default:hover{
      border-color: #4990e2;
  }
  .two-factor .link-suggestion{
      margin-top: 12px;
      color: #555466;
  }
  .two-factor .link-suggestion:hover{
      color: #fff;
      opacity: 0.5;
  }

  .social-auth .btn.btn-primary{
      margin-bottom: 16px;
      margin-top: 0;
      padding-left: 36px;
      font-weight: 700;

  }
  .social-auth .btn.btn-primary.facebook,
  .social-auth .btn.btn-primary.facebook:hover,
  .social-auth .btn.btn-primary.facebook:active,
  .social-auth .btn.btn-primary.facebook:focus{
      color: #fff;
      background-image: url("/static/utils/svg/icon-facebook.svg?6314326d2168");
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: 9px 5px;
      background-color: #39559e;
      border-color: #39559e;
  }
  .social-auth .btn.btn-primary.twitter,
  .social-auth .btn.btn-primary.twitter:hover,
  .social-auth .btn.btn-primary.twitter:active,
  .social-auth .btn.btn-primary.twitter:focus{
      color: #fff;
      background-image: url("/static/utils/svg/icon-twitter.svg?6314326d2168");
      background-repeat: no-repeat;
      background-size: 30px;
      background-position: 5px 2px;
      background-color: #2ca7e0;
      border-color: #2ca7e0;
  }
  .social-auth .btn.btn-primary.google,
  .social-auth .btn.btn-primary.google:hover,
  .social-auth .btn.btn-primary.google:active,
  .social-auth .btn.btn-primary.google:focus{
      color: #555466;
      background-image: url("/static/utils/svg/icon-google.svg?6314326d2168");
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: 8px 7px;
      background-color: #fff;
      border-color: #fff;
  }
  .social-auth .btn.btn-primary.facebook:hover,
  .social-auth .btn.btn-primary.facebook:active,
  .social-auth .btn.btn-primary.facebook:focus,
  .social-auth .btn.btn-primary.twitter:hover,
  .social-auth .btn.btn-primary.twitter:active,
  .social-auth .btn.btn-primary.twitter:focus,
  .social-auth .btn.btn-primary.google:hover,
  .social-auth .btn.btn-primary.google:active,
  .social-auth .btn.btn-primary.google:focus{
      opacity: 0.8;
  }
  @media (max-width: 395px) {
      .social-auth .btn.btn-primary{
          width: 100%;
      }

  }

  div.login-page ul.errorlist{
      color: #bc337a;
      list-style: none;
      padding-left: 0px;

  }

  .referral-icon-wrapper{
      position: relative;
      max-width: 160px;
      margin: 0 auto;
      margin-bottom: 20px;
  }

  .referral-icon-wrapper img{
      -webkit-opacity: 0;
  }

  .referral-icon-mask{
      position: absolute;
      top: 1px;
      left: 1px;
      height: 100%;
      width: 100%;
      background-blend-mode: multiply;
      -webkit-mask-size: 100% 100%!important;
      -webkit-mask-position: center!important;
      transition: -webkit-mask-size .3s;
  }

  .withdraw-fees-table table th {
      padding-left:0!important;
  }

  footer {
      padding: 50px 0;
  }

  #settings-holder .form-group{
      margin-bottom: 0
  }

  td.social_link a.share{
      width: 100%;
      text-align: center!important;
      line-height: 1.2;
  }




  @media(max-width:607px) {
      .col-xs-1.card-based{width: 8.33333333%!important;}
      .col-xs-2.card-based{width: 16.66666667%!important;}
      .col-xs-3.card-based{width: 25%!important;}
      .col-xs-4.card-based{width: 33.33333333%!important;}
      .col-xs-5.card-based{width: 41.66666667%!important;}
      .col-xs-6.card-based{width: 50%!important;}
      .col-xs-7.card-based{width: 58.33333333%!important;}
      .col-xs-8.card-based{width: 66.66666667%!important;}
      .col-xs-9.card-based{width: 75%!important;}
      .col-xs-10.card-based{width: 83.33333333%!important;}
      .col-xs-11.card-based{width: 91.66666667%!important;}
      .col-xs-12.card-based{width: 100%!important;}
      .hidden-xs.card-based{display: none!important;}
      .visible-xs.card-based{display: block!important;}

      .root, .intro-section{
          max-width: calc(100% - 32px) !important;
          width: calc(100% - 32px) !important;
      }

      .row-mobile.card-based{
          margin-left: -16px!important;
          margin-right: -16px!important;
      }

      .banner-img-wrapper p{
          font-size:14px!important;
      }
  }


  @media(min-width:608px) and (max-width:895px){
      .col-sm-1.card-based{width: 8.33333333%!important;}
      .col-sm-2.card-based{width: 16.66666667%!important;}
      .col-sm-3.card-based{width: 25%!important;}
      .col-sm-4.card-based{width: 33.33333333%!important;}
      .col-sm-5.card-based{width: 41.66666667%!important;}
      .col-sm-6.card-based{width: 50%!important;}
      .col-sm-7.card-based{width: 58.33333333%!important;}
      .col-sm-8.card-based{width: 66.66666667%!important;}
      .col-sm-9.card-based{width: 75%!important;}
      .col-sm-10.card-based{width: 83.33333333%!important;}
      .col-sm-11.card-based{width: 91.66666667%!important;}
      .col-sm-12.card-based{width: 100%!important;}
      .hidden-sm.card-based{display: none!important;}
      .visible-sm.card-based{display: block!important;}

      .root, .intro-section, .navbar-content, .filters {
          max-width: 552px !important;
          width: 552px !important;
      }
  }


  @media(min-width:896px) and (max-width:1183px){
      .col-md-1.card-based{width: 8.33333333%!important;}
      .col-md-2.card-based{width: 16.66666667%!important;}
      .col-md-3.card-based{width: 25%!important;}
      .col-md-4.card-based{width: 33.33333333%!important;}
      .col-md-5.card-based{width: 41.66666667%!important;}
      .col-md-6.card-based{width: 50%!important;}
      .col-md-7.card-based{width: 58.33333333%!important;}
      .col-md-8.card-based{width: 66.66666667%!important;}
      .col-md-9.card-based{width: 75%!important;}
      .col-md-10.card-based{width: 83.33333333%!important;}
      .col-md-11.card-based{width: 91.66666667%!important;}
      .col-md-12.card-based{width: 100%!important;}
      .hidden-md.card-based{display: none!important;}
      .visible-md.card-based{display: block!important;}

      .root, .intro-section, .navbar-content, .filters {
          max-width: 832px !important;
          width: 832px !important;
      }
  }



  @media(min-width:1184px){
      .col-lg-1.card-based{width: 8.33333333%!important;}
      .col-lg-2.card-based{width: 16.66666667%!important;}
      .col-lg-3.card-based{width: 25%!important;}
      .col-lg-4.card-based{width: 33.33333333%!important;}
      .col-lg-5.card-based{width: 41.66666667%!important;}
      .col-lg-6.card-based{width: 50%!important;}
      .col-lg-7.card-based{width: 58.33333333%!important;}
      .col-lg-8.card-based{width: 66.66666667%!important;}
      .col-lg-9.card-based{width: 75%!important;}
      .col-lg-10.card-based{width: 83.33333333%!important;}
      .col-lg-11.card-based{width: 91.66666667%!important;}
      .col-lg-12.card-based{width: 100%!important;}
      .hidden-lg.card-based{display: none!important;}
      .visible-lg.card-based{display: block!important;}


      .root, .intro-section, .navbar-content, .filters {
          width: 1120px !important;
          max-width: 1120px !important;
      }
  }

  @media(max-width:768px) {
      .row-mobile{
          margin-left: -16px!important;
          margin-right: -16px!important;
      }
  }

  .table-order-id {
      color: #5a5a5a;
  }

  .shrink-toggler .icon-fold,
  .shrink-toggler .icon-unfold{
      font-size: 16px;
      float: right;
  }

  .leaderboards .outer-bar{
      width: 100%;
      background: #33bc8e55;
      border-radius: 4px;
      padding: 4px;
  }

  .leaderboards .inner-bar{
      width: 0%;
      -webkit-transition: width 1s;
      transition: width 1s;
      background: #33bc8e;
      border-radius: 4px;
  }

  .leaderboards tbody tr:hover{
      background: #33bc8e22;
  }

  .list-enter-active, .list-leave-active {
      transition: all 0.3s;
  }

  .list-enter, .list-leave-to /* .list-leave-active em versões anteriores a 2.1.8 */ {
      opacity: 0;
  }

  .github-corner{position:absolute;z-index:40;top:0;right:0;border-bottom:0;text-decoration:none}.github-corner svg{height:70px;width:70px;fill:var(--theme-color);color:var(--base-background-color)}.github-corner:hover .octo-arm{-webkit-animation:octocat-wave 560ms ease-in-out;animation:octocat-wave 560ms ease-in-out}@-webkit-keyframes octocat-wave{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes octocat-wave{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.progress{position:fixed;z-index:60;top:0;left:0;right:0;height:3px;width:0;background-color:var(--theme-color);transition:width var(--duration-fast),opacity calc(var(--duration-fast) * 2)}body.ready-transition:after,body.ready-transition>*:not(.progress){opacity:0;transition:opacity var(--spinner-transition-duration)}body.ready-transition:after{content:'';position:absolute;z-index:1000;top:calc(50% - (var(--spinner-size) / 2));left:calc(50% - (var(--spinner-size) / 2));height:var(--spinner-size);width:var(--spinner-size);border:var(--spinner-track-width, 0) solid var(--spinner-track-color);border-left-color:var(--theme-color);border-left-color:var(--theme-color);border-radius:50%;-webkit-animation:spinner var(--duration-slow) infinite linear;animation:spinner var(--duration-slow) infinite linear}body.ready-transition.ready-spinner:after{opacity:1}body.ready-transition.ready-fix:after{opacity:0}body.ready-transition.ready-fix>*:not(.progress){opacity:1;transition-delay:var(--spinner-transition-duration)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}*,*:before,*:after{box-sizing:inherit;font-size:inherit;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-touch-callout:none}:root{box-sizing:border-box;background-color:var(--base-background-color);font-size:var(--base-font-size);font-weight:var(--base-font-weight);line-height:var(--base-line-height);letter-spacing:var(--base-letter-spacing);color:var(--base-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}html,button,input,optgroup,select,textarea{font-family:var(--base-font-family)}button,input,optgroup,select,textarea{font-size:100%;margin:0}a{text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}body{margin:0}hr{height:0;margin:2em 0;border:none;border-bottom:var(--hr-border, 0)}img{border:0}main{display:block}main.hidden{display:none}mark{background:var(--mark-background);color:var(--mark-color)}pre{font-family:var(--pre-font-family);font-size:var(--pre-font-size);font-weight:var(--pre-font-weight);line-height:var(--pre-line-height)}small{display:inline-block;font-size:var(--small-font-size)}strong{font-weight:var(--strong-font-weight);color:var(--strong-color, currentColor)}sub,sup{font-size:var(--subsup-font-size);line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}body:not([data-platform^="Mac"]) *{scrollbar-color:hsla(var(--mono-hue), var(--mono-saturation), 50%, 0.3) hsla(var(--mono-hue), var(--mono-saturation), 50%, 0.1);scrollbar-width:thin}body:not([data-platform^="Mac"]) * ::-webkit-scrollbar{width:5px;height:5px}body:not([data-platform^="Mac"]) * ::-webkit-scrollbar-thumb{background:hsla(var(--mono-hue), var(--mono-saturation), 50%, 0.3)}body:not([data-platform^="Mac"]) * ::-webkit-scrollbar-track{background:hsla(var(--mono-hue), var(--mono-saturation), 50%, 0.1)}::selection{background:var(--selection-color)}.emoji{height:var(--emoji-size);vertical-align:middle}.task-list-item{list-style:none}.task-list-item input{margin-right:0.5em;margin-left:0;vertical-align:0.075em}.markdown-section code[class*="lang-"],.markdown-section pre[data-lang]{font-family:var(--code-font-family);font-size:var(--code-font-size);font-weight:var(--code-font-weight);letter-spacing:normal;line-height:var(--code-block-line-height);-moz-tab-size:var(--code-tab-size);-o-tab-size:var(--code-tab-size);tab-size:var(--code-tab-size);text-align:left;white-space:pre;word-spacing:normal;word-wrap:normal;word-break:normal;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.markdown-section pre[data-lang]{position:relative;overflow:hidden;margin:var(--code-block-margin);padding:0;border-radius:var(--code-block-border-radius)}.markdown-section pre[data-lang]::after{content:attr(data-lang);position:absolute;top:0.75em;right:0.75em;opacity:0.6;color:inherit;font-size:var(--font-size-s);line-height:1}.markdown-section pre[data-lang] code{display:block;overflow:auto;padding:var(--code-block-padding)}code[class*="lang-"],pre[data-lang]{color:var(--code-theme-text)}pre[data-lang]::selection,pre[data-lang] ::selection,code[class*="lang-"]::selection,code[class*="lang-"] ::selection{background:var(--code-theme-selection, var(--selection-color))}:not(pre)>code[class*="lang-"],pre[data-lang]{background:var(--code-theme-background)}.namespace{opacity:0.7}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--code-theme-comment)}.token.punctuation{color:var(--code-theme-punctuation)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--code-theme-tag)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--code-theme-selector)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--code-theme-operator)}.token.atrule,.token.attr-value,.token.keyword{color:var(--code-theme-keyword)}.token.function{color:var(--code-theme-function)}.token.regex,.token.important,.token.variable{color:var(--code-theme-variable)}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.markdown-section{position:relative;max-width:var(--content-max-width);margin:0 auto;padding:2rem 45px}.app-nav:not(:empty) ~ main .markdown-section{padding-top:3.5rem}.markdown-section figure,.markdown-section p,.markdown-section ol,.markdown-section ul{margin:1em 0}.markdown-section ol,.markdown-section ul{padding-left:1.5rem}.markdown-section ol ol,.markdown-section ol ul,.markdown-section ul ol,.markdown-section ul ul{margin-top:0.15rem;margin-bottom:0.15rem}.markdown-section a{border-bottom:var(--link-border-bottom);color:var(--link-color);-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);-webkit-text-decoration-color:var(--link-text-decoration-color);text-decoration-color:var(--link-text-decoration-color)}.markdown-section a:hover{border-bottom:var(--link-border-bottom--hover, var(--link-border-bottom, 0));color:var(--link-color--hover, var(--link-color));-webkit-text-decoration:var(--link-text-decoration--hover, var(--link-text-decoration));text-decoration:var(--link-text-decoration--hover, var(--link-text-decoration));-webkit-text-decoration-color:var(--link-text-decoration-color--hover, var(--link-text-decoration-color));text-decoration-color:var(--link-text-decoration-color--hover, var(--link-text-decoration-color))}.markdown-section a.anchor{border-bottom:0;color:inherit;text-decoration:none}.markdown-section a.anchor:hover{text-decoration:underline}.markdown-section blockquote{overflow:visible;margin:2em 0;padding:1.5em;border-width:var(--blockquote-border-width, 0);border-style:var(--blockquote-border-style);border-color:var(--blockquote-border-color);border-radius:var(--blockquote-border-radius);background:var(--blockquote-background);color:var(--blockquote-color);font-family:var(--blockquote-font-family);font-size:var(--blockquote-font-size);font-style:var(--blockquote-font-style);font-weight:var(--blockquote-font-weight);quotes:"“" "”" "‘" "’"}.markdown-section blockquote em{font-family:var(--blockquote-em-font-family);font-size:var(--blockquote-em-font-size);font-style:var(--blockquote-em-font-style);font-weight:var(--blockquote-em-font-weight)}.markdown-section blockquote p:first-child{margin-top:0}.markdown-section blockquote p:first-child:before,.markdown-section blockquote p:first-child:after{color:var(--blockquote-quotes-color);font-family:var(--blockquote-quotes-font-family);font-size:var(--blockquote-quotes-font-size);line-height:0}.markdown-section blockquote p:first-child:before{content:var(--blockquote-quotes-open);margin-right:0.15em;vertical-align:-0.45em}.markdown-section blockquote p:first-child:after{content:var(--blockquote-quotes-close);margin-left:0.15em;vertical-align:-0.55em}.markdown-section blockquote p:last-child{margin-bottom:0}.markdown-section code{font-family:var(--code-font-family);font-size:var(--code-font-size);font-weight:var(--code-font-weight);line-height:inherit}.markdown-section code:not([class*="lang-"]):not([class*="language-"]){margin:var(--code-inline-margin);padding:var(--code-inline-padding);border-radius:var(--code-inline-border-radius);background:var(--code-inline-background);color:var(--code-inline-color, currentColor);white-space:nowrap}.markdown-section h1:first-child,.markdown-section h2:first-child,.markdown-section h3:first-child,.markdown-section h4:first-child,.markdown-section h5:first-child,.markdown-section h6:first-child{margin-top:0}.markdown-section h1+h2,.markdown-section h1+h3,.markdown-section h1+h4,.markdown-section h1+h5,.markdown-section h1+h6,.markdown-section h2+h3,.markdown-section h2+h4,.markdown-section h2+h5,.markdown-section h2+h6,.markdown-section h3+h4,.markdown-section h3+h5,.markdown-section h3+h6,.markdown-section h4+h5,.markdown-section h4+h6,.markdown-section h5+h6{margin-top:1rem}.markdown-section h1{margin:var(--heading-h1-margin, var(--heading-margin));padding:var(--heading-h1-padding, var(--heading-padding));border-width:var(--heading-h1-border-width, 0);border-style:var(--heading-h1-border-style);border-color:var(--heading-h1-border-color);font-family:var(--heading-h1-font-family, var(--heading-font-family));font-size:var(--heading-h1-font-size);font-weight:var(--heading-h1-font-weight, var(--heading-font-weight));line-height:var(--base-line-height);color:var(--heading-h1-color, var(--heading-color))}.markdown-section h2{margin:var(--heading-h2-margin, var(--heading-margin));padding:var(--heading-h2-padding, var(--heading-padding));border-width:var(--heading-h2-border-width, 0);border-style:var(--heading-h2-border-style);border-color:var(--heading-h2-border-color);font-family:var(--heading-h2-font-family, var(--heading-font-family));font-size:var(--heading-h2-font-size);font-weight:var(--heading-h2-font-weight, var(--heading-font-weight));line-height:var(--base-line-height);color:var(--heading-h2-color, var(--heading-color))}.markdown-section h3{margin:var(--heading-h3-margin, var(--heading-margin));padding:var(--heading-h3-padding, var(--heading-padding));border-width:var(--heading-h3-border-width, 0);border-style:var(--heading-h3-border-style);border-color:var(--heading-h3-border-color);font-family:var(--heading-h3-font-family, var(--heading-font-family));font-size:var(--heading-h3-font-size);font-weight:var(--heading-h3-font-weight, var(--heading-font-weight));color:var(--heading-h3-color, var(--heading-color))}.markdown-section h4{margin:var(--heading-h4-margin, var(--heading-margin));padding:var(--heading-h4-padding, var(--heading-padding));border-width:var(--heading-h4-border-width, 0);border-style:var(--heading-h4-border-style);border-color:var(--heading-h4-border-color);font-family:var(--heading-h4-font-family, var(--heading-font-family));font-size:var(--heading-h4-font-size);font-weight:var(--heading-h4-font-weight, var(--heading-font-weight));color:var(--heading-h4-color, var(--heading-color))}.markdown-section h5{margin:var(--heading-h5-margin, var(--heading-margin));padding:var(--heading-h5-padding, var(--heading-padding));border-width:var(--heading-h5-border-width, 0);border-style:var(--heading-h5-border-style);border-color:var(--heading-h5-border-color);font-family:var(--heading-h5-font-family, var(--heading-font-family));font-size:var(--heading-h5-font-size);font-weight:var(--heading-h5-font-weight, var(--heading-font-weight));color:var(--heading-h5-color, var(--heading-color))}.markdown-section h6{margin:var(--heading-h6-margin, var(--heading-margin));padding:var(--heading-h6-padding, var(--heading-padding));border-width:var(--heading-h6-border-width, 0);border-style:var(--heading-h6-border-style);border-color:var(--heading-h6-border-color);font-family:var(--heading-h6-font-family, var(--heading-font-family));font-size:var(--heading-h6-font-size);font-weight:var(--heading-h6-font-weight, var(--heading-font-weight));color:var(--heading-h6-color, var(--heading-color))}.markdown-section iframe{margin:1em 0}.markdown-section img{max-width:100%}.markdown-section kbd{display:inline-block;min-width:var(--kbd-min-width);margin:var(--kbd-margin);padding:var(--kbd-padding);border:var(--kbd-border);border-radius:var(--kbd-border-radius);background:var(--kbd-background);font-family:inherit;font-size:var(--kbd-font-size);text-align:center;letter-spacing:0;line-height:1;color:var(--kbd-color)}.markdown-section kbd+kbd{margin-left:-0.15em}.markdown-section table{display:block;overflow:auto;margin:1rem 0;border-spacing:0;border-collapse:collapse}.markdown-section th,.markdown-section td{padding:var(--table-cell-padding)}.markdown-section th:not([align]){text-align:left}.markdown-section thead{border-color:var(--table-head-border-color);border-style:solid;border-width:var(--table-head-border-width, 0);background:var(--table-head-background)}.markdown-section th{font-weight:var(--table-head-font-weight);color:var(--strong-color)}.markdown-section td{border-color:var(--table-cell-border-color);border-style:solid;border-width:var(--table-cell-border-width, 0)}.markdown-section tbody{border-color:var(--table-body-border-color);border-style:solid;border-width:var(--table-body-border-width, 0)}.markdown-section tbody tr:nth-child(odd){background:var(--table-row-odd-background)}.markdown-section tbody tr:nth-child(even){background:var(--table-row-even-background)}.markdown-section>ul .task-list-item{margin-left:-1.25em}.markdown-section>ul .task-list-item .task-list-item{margin-left:0}.markdown-section .table-wrapper table{display:table;width:100%}.markdown-section .table-wrapper td::before{display:none}@media (max-width: 30em){.markdown-section .table-wrapper tbody,.markdown-section .table-wrapper tr,.markdown-section .table-wrapper td{display:block}.markdown-section .table-wrapper th,.markdown-section .table-wrapper td{border:none}.markdown-section .table-wrapper thead{display:none}.markdown-section .table-wrapper tr{border-color:var(--table-cell-border-color);border-style:solid;border-width:var(--table-cell-border-width, 0);padding:var(--table-cell-padding)}.markdown-section .table-wrapper tr:not(:last-child){border-bottom:0}.markdown-section .table-wrapper td{display:flex;padding:0.15em 0}.markdown-section .table-wrapper td::before{display:block;min-width:8em;max-width:8em;font-weight:bold;text-align:left}}.markdown-section .tip,.markdown-section .warn{position:relative;margin:2em 0;padding:var(--notice-padding);border-width:var(--notice-border-width, 0);border-style:var(--notice-border-style);border-color:var(--notice-border-color);border-radius:var(--notice-border-radius);background:var(--notice-background);font-family:var(--notice-font-family);font-weight:var(--notice-font-weight);color:var(--notice-color)}.markdown-section .tip:before,.markdown-section .warn:before{display:inline-block;position:var(--notice-before-position, relative);top:var(--notice-before-top);left:var(--notice-before-left);height:var(--notice-before-height);width:var(--notice-before-width);margin:var(--notice-before-margin);padding:var(--notice-before-padding);border-radius:var(--notice-before-border-radius);line-height:var(--notice-before-line-height);font-family:var(--notice-before-font-family);font-size:var(--notice-before-font-size);font-weight:var(--notice-before-font-weight);text-align:center}.markdown-section .tip{border-width:var(--notice-important-border-width, var(--notice-border-width, 0));border-style:var(--notice-important-border-style, var(--notice-border-style));border-color:var(--notice-important-border-color, var(--notice-border-color));background:var(--notice-important-background, var(--notice-background));color:var(--notice-important-color, var(--notice-color))}.markdown-section .tip:before{content:var(--notice-important-before-content, var(--notice-before-content));background:var(--notice-important-before-background, var(--notice-before-background));color:var(--notice-important-before-color, var(--notice-before-color))}.markdown-section .warn{border-width:var(--notice-tip-border-width, var(--notice-border-width, 0));border-style:var(--notice-tip-border-style, var(--notice-border-style));border-color:var(--notice-tip-border-color, var(--notice-border-color));background:var(--notice-tip-background, var(--notice-background));color:var(--notice-tip-color, var(--notice-color))}.markdown-section .warn:before{content:var(--notice-tip-before-content, var(--notice-before-content));background:var(--notice-tip-before-background, var(--notice-before-background));color:var(--notice-tip-before-color, var(--notice-before-color))}.cover{display:none;position:relative;z-index:20;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--cover-border-inset, 0px) + var(--cover-border-width, 0px));color:var(--cover-color);text-align:var(--cover-text-align)}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.cover{height:100vh}}.cover:before,.cover:after{content:'';position:absolute}.cover:before{top:0;bottom:0;left:0;right:0;background-blend-mode:var(--cover-background-blend-mode);background-color:var(--cover-background-color);background-image:var(--cover-background-image);background-position:var(--cover-background-position);background-repeat:var(--cover-background-repeat);background-size:var(--cover-background-size)}.cover:after{top:var(--cover-border-inset, 0);bottom:var(--cover-border-inset, 0);left:var(--cover-border-inset, 0);right:var(--cover-border-inset, 0);border-width:var(--cover-border-width, 0);border-style:solid;border-color:var(--cover-border-color)}.cover a{border-bottom:var(--cover-link-border-bottom);color:var(--cover-link-color);-webkit-text-decoration:var(--cover-link-text-decoration);text-decoration:var(--cover-link-text-decoration);-webkit-text-decoration-color:var(--cover-link-text-decoration-color);text-decoration-color:var(--cover-link-text-decoration-color)}.cover a:hover{border-bottom:var(--cover-link-border-bottom--hover, var(--cover-link-border-bottom));color:var(--cover-link-color--hover, var(--cover-link-color));-webkit-text-decoration:var(--cover-link-text-decoration--hover, var(--cover-link-text-decoration));text-decoration:var(--cover-link-text-decoration--hover, var(--cover-link-text-decoration));-webkit-text-decoration-color:var(--cover-link-text-decoration-color--hover, var(--cover-link-text-decoration-color));text-decoration-color:var(--cover-link-text-decoration-color--hover, var(--cover-link-text-decoration-color))}.cover h1{color:var(--cover-heading-color);position:relative;margin:0;font-size:var(--cover-heading-font-size);font-weight:var(--cover-heading-font-weight);line-height:1.2}.cover h1 a,.cover h1 a:hover{display:block;border-bottom:none;color:inherit;text-decoration:none}.cover h1 small{position:absolute;bottom:0;margin-left:0.5em}.cover h1 span{font-size:calc(var(--cover-heading-font-size-min) * 1px)}@media (min-width: 26em){.cover h1 span{font-size:calc((var(--cover-heading-font-size-min) * 1px) + (var(--cover-heading-font-size-max) - var(--cover-heading-font-size-min)) * ((100vw - 420px) / (1024 - 420)))}}@media (min-width: 64em){.cover h1 span{font-size:calc(var(--cover-heading-font-size-max) * 1px)}}.cover blockquote{margin:0;color:var(--cover-blockquote-color);font-size:var(--cover-blockquote-font-size)}.cover blockquote a{color:inherit}.cover ul{padding:0;list-style-type:none}.cover .cover-main{position:relative;z-index:1;max-width:var(--cover-max-width);margin:var(--cover-margin);padding:0 45px}.cover .cover-main>p:last-child{margin:1.25em -.25em}.cover .cover-main>p:last-child a{display:block;margin:.375em .25em;padding:var(--cover-button-padding);border:var(--cover-button-border);border-radius:var(--cover-button-border-radius);box-shadow:var(--cover-button-box-shadow);background:var(--cover-button-background);text-align:center;-webkit-text-decoration:var(--cover-button-text-decoration);text-decoration:var(--cover-button-text-decoration);-webkit-text-decoration-color:var(--cover-button-text-decoration-color);text-decoration-color:var(--cover-button-text-decoration-color);color:var(--cover-button-color);white-space:nowrap;transition:var(--cover-button-transition)}.cover .cover-main>p:last-child a:hover{border:var(--cover-button-border--hover, var(--cover-button-border));box-shadow:var(--cover-button-box-shadow--hover, var(--cover-button-box-shadow));background:var(--cover-button-background--hover, var(--cover-button-background));-webkit-text-decoration:var(--cover-button-text-decoration--hover, var(--cover-button-text-decoration));text-decoration:var(--cover-button-text-decoration--hover, var(--cover-button-text-decoration));-webkit-text-decoration-color:var(--cover-button-text-decoration-color--hover, var(--cover-button-text-decoration-color));text-decoration-color:var(--cover-button-text-decoration-color--hover, var(--cover-button-text-decoration-color));color:var(--cover-button-color--hover, var(--cover-button-color))}.cover .cover-main>p:last-child a:first-child{border:var(--cover-button-primary-border, var(--cover-button-border));box-shadow:var(--cover-button-primary-box-shadow, var(--cover-button-box-shadow));background:var(--cover-button-primary-background, var(--cover-button-background));-webkit-text-decoration:var(--cover-button-primary-text-decoration, var(--cover-button-text-decoration));text-decoration:var(--cover-button-primary-text-decoration, var(--cover-button-text-decoration));-webkit-text-decoration-color:var(--cover-button-primary-text-decoration-color, var(--cover-button-text-decoration-color));text-decoration-color:var(--cover-button-primary-text-decoration-color, var(--cover-button-text-decoration-color));color:var(--cover-button-primary-color, var(--cover-button-color))}.cover .cover-main>p:last-child a:first-child:hover{border:var(--cover-button-primary-border--hover, var(--cover-button-border--hover, var(--cover-button-primary-border, var(--cover-button-border))));box-shadow:var(--cover-button-primary-box-shadow--hover, var(--cover-button-box-shadow--hover, var(--cover-button-primary-box-shadow, var(--cover-button-box-shadow))));background:var(--cover-button-primary-background--hover, var(--cover-button-background--hover, var(--cover-button-primary-background, var(--cover-button-background))));-webkit-text-decoration:var(--cover-button-primary-text-decoration--hover, var(--cover-button-text-decoration--hover, var(--cover-button-primary-text-decoration, var(--cover-button-text-decoration))));text-decoration:var(--cover-button-primary-text-decoration--hover, var(--cover-button-text-decoration--hover, var(--cover-button-primary-text-decoration, var(--cover-button-text-decoration))));-webkit-text-decoration-color:var(--cover-button-primary-text-decoration-color--hover, var(--cover-button-text-decoration-color--hover, var(--cover-button-primary-text-decoration-color, var(--cover-button-text-decoration-color))));text-decoration-color:var(--cover-button-primary-text-decoration-color--hover, var(--cover-button-text-decoration-color--hover, var(--cover-button-primary-text-decoration-color, var(--cover-button-text-decoration-color))));color:var(--cover-button-primary-color--hover, var(--cover-button-color--hover, var(--cover-button-primary-color, var(--cover-button-color))))}@media (min-width: 30.01em){.cover .cover-main>p:last-child a{display:inline-block}}.cover .mask{visibility:var(--cover-background-mask-visibility, hidden);position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--cover-background-mask-color);opacity:var(--cover-background-mask-opacity)}.cover.has-mask .mask{visibility:visible}.cover.show{display:flex}.app-nav{position:absolute;z-index:30;top:calc(35px - (0.5em * var(--base-line-height)));left:45px;right:80px;text-align:right}.app-nav.no-badge{right:45px}.app-nav li>img,.app-nav li>a>img{margin-top:-0.25em;vertical-align:middle}.app-nav li>img:first-child,.app-nav li>a>img:first-child{margin-right:0.5em}.app-nav ul,.app-nav li{margin:0;padding:0;list-style:none}.app-nav li{position:relative}.app-nav li a{display:block;line-height:1;transition:var(--navbar-root-transition)}.app-nav>ul>li{display:inline-block;margin:var(--navbar-root-margin)}.app-nav>ul>li:first-child{margin-left:0}.app-nav>ul>li:last-child{margin-right:0}.app-nav>ul>li>a,.app-nav>ul>li>span{padding:var(--navbar-root-padding);border-width:var(--navbar-root-border-width, 0);border-style:var(--navbar-root-border-style);border-color:var(--navbar-root-border-color);border-radius:var(--navbar-root-border-radius);background:var(--navbar-root-background);color:var(--navbar-root-color);-webkit-text-decoration:var(--navbar-root-text-decoration);text-decoration:var(--navbar-root-text-decoration);-webkit-text-decoration-color:var(--navbar-root-text-decoration-color);text-decoration-color:var(--navbar-root-text-decoration-color)}.app-nav>ul>li>a:hover,.app-nav>ul>li>span:hover{background:var(--navbar-root-background--hover, var(--navbar-root-background));border-style:var(--navbar-root-border-style--hover, var(--navbar-root-border-style));border-color:var(--navbar-root-border-color--hover, var(--navbar-root-border-color));color:var(--navbar-root-color--hover, var(--navbar-root-color));-webkit-text-decoration:var(--navbar-root-text-decoration--hover, var(--navbar-root-text-decoration));text-decoration:var(--navbar-root-text-decoration--hover, var(--navbar-root-text-decoration));-webkit-text-decoration-color:var(--navbar-root-text-decoration-color--hover, var(--navbar-root-text-decoration-color));text-decoration-color:var(--navbar-root-text-decoration-color--hover, var(--navbar-root-text-decoration-color))}.app-nav>ul>li>a:not(:last-child),.app-nav>ul>li>span:not(:last-child){padding:var(--navbar-menu-root-padding, var(--navbar-root-padding));background:var(--navbar-menu-root-background, var(--navbar-root-background))}.app-nav>ul>li>a:not(:last-child):hover,.app-nav>ul>li>span:not(:last-child):hover{background:var(--navbar-menu-root-background--hover, var(--navbar-menu-root-background, var(--navbar-root-background--hover, var(--navbar-root-background))))}.app-nav>ul>li>a.active{background:var(--navbar-root-background--active, var(--navbar-root-background));border-style:var(--navbar-root-border-style--active, var(--navbar-root-border-style));border-color:var(--navbar-root-border-color--active, var(--navbar-root-border-color));color:var(--navbar-root-color--active, var(--navbar-root-color));-webkit-text-decoration:var(--navbar-root-text-decoration--active, var(--navbar-root-text-decoration));text-decoration:var(--navbar-root-text-decoration--active, var(--navbar-root-text-decoration));-webkit-text-decoration-color:var(--navbar-root-text-decoration-color--active, var(--navbar-root-text-decoration-color));text-decoration-color:var(--navbar-root-text-decoration-color--active, var(--navbar-root-text-decoration-color))}.app-nav>ul>li>a.active:not(:last-child):hover{background:var(--navbar-menu-root-background--active, var(--navbar-menu-root-background, var(--navbar-root-background--active, var(--navbar-root-background))))}.app-nav>ul>li ul{visibility:hidden;position:absolute;top:100%;right:50%;overflow-y:auto;box-sizing:border-box;max-height:calc(50vh);padding:var(--navbar-menu-padding);border-width:var(--navbar-menu-border-width, 0);border-style:solid;border-color:var(--navbar-menu-border-color);border-radius:var(--navbar-menu-border-radius);background:var(--navbar-menu-background);box-shadow:var(--navbar-menu-box-shadow);text-align:left;white-space:nowrap;opacity:0;-webkit-transform:translate(50%, -0.35em);transform:translate(50%, -0.35em);transition:var(--navbar-menu-transition)}.app-nav>ul>li ul li{white-space:nowrap}.app-nav>ul>li ul a{margin:var(--navbar-menu-link-margin);padding:var(--navbar-menu-link-padding);border-width:var(--navbar-menu-link-border-width, 0);border-style:var(--navbar-menu-link-border-style);border-color:var(--navbar-menu-link-border-color);border-radius:var(--navbar-menu-link-border-radius);background:var(--navbar-menu-link-background);color:var(--navbar-menu-link-color);-webkit-text-decoration:var(--navbar-menu-link-text-decoration);text-decoration:var(--navbar-menu-link-text-decoration);-webkit-text-decoration-color:var(--navbar-menu-link-text-decoration-color);text-decoration-color:var(--navbar-menu-link-text-decoration-color)}.app-nav>ul>li ul a:hover{background:var(--navbar-menu-link-background--hover, var(--navbar-menu-link-background));border-style:var(--navbar-menu-link-border-style--hover, var(--navbar-menu-link-border-style));border-color:var(--navbar-menu-link-border-color--hover, var(--navbar-menu-link-border-color));color:var(--navbar-menu-link-color--hover, var(--navbar-menu-link-color));-webkit-text-decoration:var(--navbar-menu-link-text-decoration--hover, var(--navbar-menu-link-text-decoration));text-decoration:var(--navbar-menu-link-text-decoration--hover, var(--navbar-menu-link-text-decoration));-webkit-text-decoration-color:var(--navbar-menu-link-text-decoration-color--hover, var(--navbar-menu-link-text-decoration-color));text-decoration-color:var(--navbar-menu-link-text-decoration-color--hover, var(--navbar-menu-link-text-decoration-color))}.app-nav>ul>li ul a.active{background:var(--navbar-menu-link-background--active, var(--navbar-menu-link-background));border-style:var(--navbar-menu-link-border-style--active, var(--navbar-menu-link-border-style));border-color:var(--navbar-menu-link-border-color--active, var(--navbar-menu-link-border-color));color:var(--navbar-menu-link-color--active, var(--navbar-menu-link-color));-webkit-text-decoration:var(--navbar-menu-link-text-decoration--active, var(--navbar-menu-link-text-decoration));text-decoration:var(--navbar-menu-link-text-decoration--active, var(--navbar-menu-link-text-decoration));-webkit-text-decoration-color:var(--navbar-menu-link-text-decoration-color--active, var(--navbar-menu-link-text-decoration-color));text-decoration-color:var(--navbar-menu-link-text-decoration-color--active, var(--navbar-menu-link-text-decoration-color))}.app-nav>ul>li:hover ul,.app-nav>ul>li:focus ul,.app-nav>ul>li.focus-within ul{visibility:visible;opacity:1;-webkit-transform:translate(50%, 0);transform:translate(50%, 0)}.sidebar,.sidebar-toggle,main>.content{transition:all var(--sidebar-transition-duration) ease-out}@media (min-width: 48em){nav.app-nav{margin-left:var(--sidebar-width)}}main{position:relative;overflow-x:hidden;min-height:100vh}@media (min-width: 48em){main>.content{margin-left:var(--sidebar-width)}}.sidebar{display:flex;flex-direction:column;position:fixed;z-index:10;top:0;right:100%;overflow-x:hidden;overflow-y:auto;height:100vh;width:var(--sidebar-width);padding:var(--sidebar-padding);border-width:var(--sidebar-border-width);border-style:solid;border-color:var(--sidebar-border-color);background:var(--sidebar-background)}.sidebar>h1{margin:0;margin:var(--sidebar-name-margin);padding:var(--sidebar-name-padding);background:var(--sidebar-name-background);color:var(--sidebar-name-color);font-family:var(--sidebar-name-font-family);font-size:var(--sidebar-name-font-size);font-weight:var(--sidebar-name-font-weight);text-align:var(--sidebar-name-text-align)}.sidebar>h1 img{max-width:100%}.sidebar>h1 .app-name-link{color:var(--sidebar-name-color)}body:not([data-platform^="Mac"]) .sidebar::-webkit-scrollbar{width:5px}body:not([data-platform^="Mac"]) .sidebar::-webkit-scrollbar-thumb{border-radius:50vw}@media (min-width: 48em){.sidebar{position:absolute;-webkit-transform:translateX(var(--sidebar-width));transform:translateX(var(--sidebar-width))}}@media print{.sidebar{display:none}}.sidebar-nav,.sidebar nav{order:1;margin:var(--sidebar-nav-margin);padding:var(--sidebar-nav-padding);background:var(--sidebar-nav-background)}.sidebar-nav ul,.sidebar nav ul{margin:0;padding:0;list-style:none}.sidebar-nav ul ul,.sidebar nav ul ul{margin-left:var(--sidebar-nav-indent)}.sidebar-nav a,.sidebar nav a{display:block;overflow:hidden;margin:var(--sidebar-nav-link-margin);padding:var(--sidebar-nav-link-padding);border-width:var(--sidebar-nav-link-border-width, 0);border-style:var(--sidebar-nav-link-border-style);border-color:var(--sidebar-nav-link-border-color);border-radius:var(--sidebar-nav-link-border-radius);background-color:var(--sidebar-nav-link-background-color);background-image:var(--sidebar-nav-link-background-image);background-position:var(--sidebar-nav-link-background-position);background-repeat:var(--sidebar-nav-link-background-repeat);background-size:var(--sidebar-nav-link-background-size);color:var(--sidebar-nav-link-color);font-weight:var(--sidebar-nav-link-font-weight);white-space:nowrap;-webkit-text-decoration:var(--sidebar-nav-link-text-decoration);text-decoration:var(--sidebar-nav-link-text-decoration);-webkit-text-decoration-color:var(--sidebar-nav-link-text-decoration-color);text-decoration-color:var(--sidebar-nav-link-text-decoration-color);text-overflow:ellipsis;transition:var(--sidebar-nav-link-transition)}.sidebar-nav a img,.sidebar nav a img{margin-top:-0.25em;vertical-align:middle}.sidebar-nav a img:first-child,.sidebar nav a img:first-child{margin-right:0.5em}.sidebar-nav a:hover,.sidebar nav a:hover{border-width:var(--sidebar-nav-link-border-width--hover, var(--sidebar-nav-link-border-width, 0));border-style:var(--sidebar-nav-link-border-style--hover, var(--sidebar-nav-link-border-style));border-color:var(--sidebar-nav-link-border-color--hover, var(--sidebar-nav-link-border-color));background-color:var(--sidebar-nav-link-background-color--hover, var(--sidebar-nav-link-background-color));background-image:var(--sidebar-nav-link-background-image--hover, var(--sidebar-nav-link-background-image));background-position:var(--sidebar-nav-link-background-position--hover, var(--sidebar-nav-link-background-position));background-size:var(--sidebar-nav-link-background-size--hover, var(--sidebar-nav-link-background-size));color:var(--sidebar-nav-link-color--hover, var(--sidebar-nav-link-color));font-weight:var(--sidebar-nav-link-font-weight--hover, var(--sidebar-nav-link-font-weight));-webkit-text-decoration:var(--sidebar-nav-link-text-decoration--hover, var(--sidebar-nav-link-text-decoration));text-decoration:var(--sidebar-nav-link-text-decoration--hover, var(--sidebar-nav-link-text-decoration));-webkit-text-decoration-color:var(--sidebar-nav-link-text-decoration-color);text-decoration-color:var(--sidebar-nav-link-text-decoration-color)}.sidebar-nav ul>li>span,.sidebar-nav ul>li>strong,.sidebar nav ul>li>span,.sidebar nav ul>li>strong{display:block;margin:var(--sidebar-nav-strong-margin);padding:var(--sidebar-nav-strong-padding);border-width:var(--sidebar-nav-strong-border-width, 0);border-style:solid;border-color:var(--sidebar-nav-strong-border-color);color:var(--sidebar-nav-strong-color);font-size:var(--sidebar-nav-strong-font-size);font-weight:var(--sidebar-nav-strong-font-weight);text-transform:var(--sidebar-nav-strong-text-transform)}.sidebar-nav ul>li>span+ul,.sidebar-nav ul>li>strong+ul,.sidebar nav ul>li>span+ul,.sidebar nav ul>li>strong+ul{margin-left:0}.sidebar-nav ul>li:first-child>span,.sidebar-nav ul>li:first-child>strong,.sidebar nav ul>li:first-child>span,.sidebar nav ul>li:first-child>strong{margin-top:0}.sidebar-nav::-webkit-scrollbar,.sidebar nav::-webkit-scrollbar{width:0}@supports (width: env(safe-area-inset)){@media only screen and (orientation: landscape){.sidebar-nav,.sidebar nav{margin-left:calc(env(safe-area-inset-left) / 2)}}}.sidebar-nav li>a:before,.sidebar-nav li>strong:before{display:inline-block}.sidebar-nav li>a{background-repeat:var(--sidebar-nav-pagelink-background-repeat);background-size:var(--sidebar-nav-pagelink-background-size)}.sidebar-nav li>a[href^="#/"]:not([href*="?id="]){transition:var(--sidebar-nav-pagelink-transition)}.sidebar-nav li>a[href^="#/"]:not([href*="?id="]),.sidebar-nav li>a[href^="#/"]:not([href*="?id="]) ~ ul a{padding:var(--sidebar-nav-pagelink-padding, var(--sidebar-nav-link-padding))}.sidebar-nav li>a[href^="#/"]:not([href*="?id="]):only-child{background-image:var(--sidebar-nav-pagelink-background-image);background-position:var(--sidebar-nav-pagelink-background-position)}.sidebar-nav li>a[href^="#/"]:not([href*="?id="]):not(:only-child){background-image:var(--sidebar-nav-pagelink-background-image--loaded, var(--sidebar-nav-pagelink-background-image));background-position:var(--sidebar-nav-pagelink-background-position--loaded, var(--sidebar-nav-pagelink-background-image))}.sidebar-nav li.active>a,.sidebar-nav li.collapse>a{border-width:var(--sidebar-nav-link-border-width--active, var(--sidebar-nav-link-border-width));border-style:var(--sidebar-nav-link-border-style--active, var(--sidebar-nav-link-border-style));border-color:var(--sidebar-nav-link-border-color--active, var(--sidebar-nav-link-border-color));background-color:var(--sidebar-nav-link-background-color--active, var(--sidebar-nav-link-background-color));background-image:var(--sidebar-nav-link-background-image--active, var(--sidebar-nav-link-background-image));background-position:var(--sidebar-nav-link-background-position--active, var(--sidebar-nav-link-background-position));background-size:var(--sidebar-nav-link-background-size--active, var(--sidebar-nav-link-background-size));color:var(--sidebar-nav-link-color--active, var(--sidebar-nav-link-color));font-weight:var(--sidebar-nav-link-font-weight--active, var(--sidebar-nav-link-font-weight));-webkit-text-decoration:var(--sidebar-nav-link-text-decoration--active, var(--sidebar-nav-link-text-decoration));text-decoration:var(--sidebar-nav-link-text-decoration--active, var(--sidebar-nav-link-text-decoration));-webkit-text-decoration-color:var(--sidebar-nav-link-text-decoration-color);text-decoration-color:var(--sidebar-nav-link-text-decoration-color)}.sidebar-nav li.active>a[href^="#/"]:not([href*="?id="]):not(:only-child){background-image:var(--sidebar-nav-pagelink-background-image--active, var(--sidebar-nav-pagelink-background-image--loaded, var(--sidebar-nav-pagelink-background-image)));background-position:var(--sidebar-nav-pagelink-background-position--active, var(--sidebar-nav-pagelink-background-position--loaded, var(--sidebar-nav-pagelink-background-image)))}.sidebar-nav li.collapse>a[href^="#/"]:not([href*="?id="]):not(:only-child){background-image:var(--sidebar-nav-pagelink-background-image--collapse, var(--sidebar-nav-pagelink-background-image--loaded, var(--sidebar-nav-pagelink-background-image)));background-position:var(--sidebar-nav-pagelink-background-position--collapse, var(--sidebar-nav-pagelink-background-position--loaded, var(--sidebar-nav-pagelink-background-image)))}.sidebar-nav li.collapse .app-sub-sidebar{display:none}.sidebar-nav>ul>li>a:before{content:var(--sidebar-nav-link-before-content-l1, var(--sidebar-nav-link-before-content));margin:var(--sidebar-nav-link-before-margin-l1, var(--sidebar-nav-link-before-margin));color:var(--sidebar-nav-link-before-color-l1, var(--sidebar-nav-link-before-color))}.sidebar-nav>ul>li.active>a:before{content:var(--sidebar-nav-link-before-content-l1--active, var(--sidebar-nav-link-before-content--active, var(--sidebar-nav-link-before-content-l1, var(--sidebar-nav-link-before-content))));color:var(--sidebar-nav-link-before-color-l1--active, var(--sidebar-nav-link-before-color--active, var(--sidebar-nav-link-before-color-l1, var(--sidebar-nav-link-before-color))))}.sidebar-nav>ul>li>ul>li>a:before{content:var(--sidebar-nav-link-before-content-l2, var(--sidebar-nav-link-before-content));margin:var(--sidebar-nav-link-before-margin-l2, var(--sidebar-nav-link-before-margin));color:var(--sidebar-nav-link-before-color-l2, var(--sidebar-nav-link-before-color))}.sidebar-nav>ul>li>ul>li.active>a:before{content:var(--sidebar-nav-link-before-content-l2--active, var(--sidebar-nav-link-before-content--active, var(--sidebar-nav-link-before-content-l2, var(--sidebar-nav-link-before-content))));color:var(--sidebar-nav-link-before-color-l2--active, var(--sidebar-nav-link-before-color--active, var(--sidebar-nav-link-before-color-l2, var(--sidebar-nav-link-before-color))))}.sidebar-nav>ul>li>ul>li>ul>li>a:before{content:var(--sidebar-nav-link-before-content-l3, var(--sidebar-nav-link-before-content));margin:var(--sidebar-nav-link-before-margin-l3, var(--sidebar-nav-link-before-margin));color:var(--sidebar-nav-link-before-color-l3, var(--sidebar-nav-link-before-color))}.sidebar-nav>ul>li>ul>li>ul>li.active>a:before{content:var(--sidebar-nav-link-before-content-l3--active, var(--sidebar-nav-link-before-content--active, var(--sidebar-nav-link-before-content-l3, var(--sidebar-nav-link-before-content))));color:var(--sidebar-nav-link-before-color-l3--active, var(--sidebar-nav-link-before-color--active, var(--sidebar-nav-link-before-color-l3, var(--sidebar-nav-link-before-color))))}.sidebar-nav>ul>li>ul>li>ul>li>ul>li>a:before{content:var(--sidebar-nav-link-before-content-l4, var(--sidebar-nav-link-before-content));margin:var(--sidebar-nav-link-before-margin-l4, var(--sidebar-nav-link-before-margin));color:var(--sidebar-nav-link-before-color-l4, var(--sidebar-nav-link-before-color))}.sidebar-nav>ul>li>ul>li>ul>li>ul>li.active>a:before{content:var(--sidebar-nav-link-before-content-l4--active, var(--sidebar-nav-link-before-content--active, var(--sidebar-nav-link-before-content-l4, var(--sidebar-nav-link-before-content))));color:var(--sidebar-nav-link-before-color-l4--active, var(--sidebar-nav-link-before-color--active, var(--sidebar-nav-link-before-color-l4, var(--sidebar-nav-link-before-color))))}.sidebar-nav>:last-child{margin-bottom:2rem}.sidebar-toggle,.sidebar-toggle-button{width:var(--sidebar-toggle-width);outline:none}.sidebar-toggle{position:fixed;z-index:11;top:0;bottom:0;left:0;max-width:40px;margin:0;padding:0;border:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.sidebar-toggle .sidebar-toggle-button{position:absolute;top:var(--sidebar-toggle-offset-top);left:var(--sidebar-toggle-offset-left);height:var(--sidebar-toggle-height);border-radius:var(--sidebar-toggle-border-radius);border-width:var(--sidebar-toggle-border-width);border-style:var(--sidebar-toggle-border-style);border-color:var(--sidebar-toggle-border-color);background:var(--sidebar-toggle-background, transparent);color:var(--sidebar-toggle-icon-color)}.sidebar-toggle span{position:absolute;top:calc(50% - (var(--sidebar-toggle-icon-stroke-width) / 2));left:calc(50% - (var(--sidebar-toggle-icon-width) / 2));height:var(--sidebar-toggle-icon-stroke-width);width:var(--sidebar-toggle-icon-width);background-color:currentColor}.sidebar-toggle span:nth-child(1){margin-top:calc(0px - (var(--sidebar-toggle-icon-height) / 2))}.sidebar-toggle span:nth-child(3){margin-top:calc((var(--sidebar-toggle-icon-height) / 2))}@media (min-width: 48em){.sidebar-toggle{position:absolute;overflow:visible;top:var(--sidebar-toggle-offset-top);bottom:auto;left:0;height:var(--sidebar-toggle-height);-webkit-transform:translateX(var(--sidebar-width));transform:translateX(var(--sidebar-width))}.sidebar-toggle .sidebar-toggle-button{top:0}}@media print{.sidebar-toggle{display:none}}@media (max-width: 47.99em){body.close .sidebar,body.close .sidebar-toggle,body.close main>.content{-webkit-transform:translateX(var(--sidebar-width));transform:translateX(var(--sidebar-width))}}@media (min-width: 48em){body.close main>.content{-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width: 47.99em){body.close nav.app-nav,body.close .github-corner{display:none}}@media (min-width: 48em){body.close .sidebar,body.close .sidebar-toggle{-webkit-transform:translateX(0);transform:translateX(0)}}@media (min-width: 48em){body.close nav.app-nav{margin-left:0}}@media (max-width: 47.99em){body.close .sidebar-toggle{width:100%;max-width:none}body.close .sidebar-toggle span{margin-top:0}body.close .sidebar-toggle span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}body.close .sidebar-toggle span:nth-child(2){display:none}body.close .sidebar-toggle span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@media (min-width: 48em){body.close main>.content{margin-left:0}}@media (min-width: 48em){body.sticky .sidebar,body.sticky .sidebar-toggle{position:fixed}}body .docsify-copy-code-button,body .docsify-copy-code-button:after{border-radius:var(--border-radius-m, 0);border-top-left-radius:0;border-bottom-right-radius:0;background:var(--copycode-background);color:var(--copycode-color)}body .docsify-copy-code-button span{border-radius:var(--border-radius-s, 0)}body .docsify-pagination-container{border-top:var(--pagination-border-top);color:var(--pagination-color)}body .pagination-item-label{font-size:var(--pagination-label-font-size)}body .pagination-item-label svg{color:var(--pagination-label-color);height:var(--pagination-chevron-height);stroke:var(--pagination-chevron-stroke);stroke-linecap:var(--pagination-chevron-stroke-linecap);stroke-linejoin:var(--pagination-chevron-stroke-linecap);stroke-width:var(--pagination-chevron-stroke-width)}body .pagination-item-title{color:var(--pagination-title-color);font-size:var(--pagination-title-font-size)}body .app-name.hide{display:block}body .sidebar{padding:var(--sidebar-padding)}.sidebar .search{margin:0;padding:0;border:0}.sidebar .search input{padding:0;line-height:1;font-size:inherit}.sidebar .search .clear-button{width:auto}.sidebar .search .clear-button svg{-webkit-transform:scale(1);transform:scale(1)}.sidebar .search .matching-post{border:none}.sidebar .search p{font-size:inherit}.sidebar .search{order:var(--search-flex-order);margin:var(--search-margin);padding:var(--search-padding);background:var(--search-background)}.sidebar .search a{color:inherit}.sidebar .search h2{margin:var(--search-result-heading-margin);font-size:var(--search-result-heading-font-size);font-weight:var(--search-result-heading-font-weight);color:var(--search-result-heading-color)}.sidebar .search .input-wrap{margin:var(--search-input-margin);background-color:var(--search-input-background-color);border-width:var(--search-input-border-width, 0);border-style:solid;border-color:var(--search-input-border-color);border-radius:var(--search-input-border-radius)}.sidebar .search input[type="search"]{min-width:0;padding:var(--search-input-padding);border:none;background-color:transparent;background-image:var(--search-input-background-image);background-position:var(--search-input-background-position);background-repeat:var(--search-input-background-repeat);background-size:var(--search-input-background-size);font-size:var(--search-input-font-size);color:var(--search-input-color);transition:var(--search-input-transition)}.sidebar .search input[type="search"]::-ms-clear{display:none}.sidebar .search input[type="search"]::-webkit-input-placeholder{color:var(--search-input-placeholder-color, gray)}.sidebar .search input[type="search"]:-ms-input-placeholder{color:var(--search-input-placeholder-color, gray)}.sidebar .search input[type="search"]::-ms-input-placeholder{color:var(--search-input-placeholder-color, gray)}.sidebar .search input[type="search"]::placeholder{color:var(--search-input-placeholder-color, gray)}.sidebar .search input[type="search"]::-webkit-input-placeholder{line-height:normal}.sidebar .search input[type="search"]:focus{background-color:var(--search-input-background-color--focus, var(--search-input-background-color));background-image:var(--search-input-background-image--focus, var(--search-input-background-image));background-position:var(--search-input-background-position--focus, var(--search-input-background-position));background-size:var(--search-input-background-size--focus, var(--search-input-background-size))}@supports (width: env(safe-area-inset)){@media only screen and (orientation: landscape){.sidebar .search input[type="search"]{margin-left:calc(env(safe-area-inset-left) / 2)}}}.sidebar .search p{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}.sidebar .search p:empty{text-align:center}.sidebar .search .clear-button{margin:0 15px 0 0;padding:0;border:none;line-height:1;background:transparent;cursor:pointer}.sidebar .search .clear-button svg circle{fill:var(--search-clear-icon-color1, gray)}.sidebar .search .clear-button svg path{stroke:var(--search-clear-icon-color2, #fff)}.sidebar .search.show ~ *:not(h1){display:none}.sidebar .search .results-panel{display:none;color:var(--search-result-item-color);font-size:var(--search-result-item-font-size);font-weight:var(--search-result-item-font-weight)}.sidebar .search .results-panel.show{display:block}.sidebar .search .matching-post{margin:var(--search-result-item-margin);padding:var(--search-result-item-padding)}.sidebar .search .matching-post,.sidebar .search .matching-post:last-child{border-width:var(--search-result-item-border-width, 0) !important;border-style:var(--search-result-item-border-style);border-color:var(--search-result-item-border-color)}.sidebar .search .matching-post p{margin:0}.sidebar .search .search-keyword{margin:var(--search-result-keyword-margin);padding:var(--search-result-keyword-padding);border-radius:var(--search-result-keyword-border-radius);background-color:var(--search-result-keyword-background);color:var(--search-result-keyword-color, currentColor);font-style:normal;font-weight:var(--search-result-keyword-font-weight)}.medium-zoom-overlay,.medium-zoom-image--open{z-index:50 !important}.medium-zoom-overlay{background:var(--zoomimage-overlay-background) !important}:root{--mono-hue: 113;--mono-saturation: 0%;--mono-shade3: hsl(var(--mono-hue), var(--mono-saturation), 20%);--mono-shade2: hsl(var(--mono-hue), var(--mono-saturation), 30%);--mono-shade1: hsl(var(--mono-hue), var(--mono-saturation), 40%);--mono-base: hsl(var(--mono-hue), var(--mono-saturation), 50%);--mono-tint1: hsl(var(--mono-hue), var(--mono-saturation), 70%);--mono-tint2: hsl(var(--mono-hue), var(--mono-saturation), 89%);--mono-tint3: hsl(var(--mono-hue), var(--mono-saturation), 97%);--theme-hue: 204;--theme-saturation: 90%;--theme-lightness: 45%;--theme-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));--modular-scale: 1.333;--modular-scale--2: calc(var(--modular-scale--1) / var(--modular-scale));--modular-scale--1: calc(var(--modular-scale-1) / var(--modular-scale));--modular-scale-1: 1rem;--modular-scale-2: calc(var(--modular-scale-1) * var(--modular-scale));--modular-scale-3: calc(var(--modular-scale-2) * var(--modular-scale));--modular-scale-4: calc(var(--modular-scale-3) * var(--modular-scale));--modular-scale-5: calc(var(--modular-scale-4) * var(--modular-scale));--font-size-xxxl: var(--modular-scale-5);--font-size-xxl: var(--modular-scale-4);--font-size-xl: var(--modular-scale-3);--font-size-l: var(--modular-scale-2);--font-size-m: var(--modular-scale-1);--font-size-s: var(--modular-scale--1);--font-size-xs: var(--modular-scale--2);--duration-slow: 1s;--duration-medium: 0.5s;--duration-fast: 0.25s;--spinner-size: 60px;--spinner-track-width: 4px;--spinner-track-color: rgba(0, 0, 0, 0.15);--spinner-transition-duration: var(--duration-medium)}:root{--base-background-color: #fff;--base-color: var(--mono-shade2);--base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--base-font-size: 16px;--base-font-weight: normal;--base-line-height: 1.7;--emoji-size: calc(var(--base-line-height) * 1em);--hr-border: 1px solid var(--mono-tint2);--mark-background: #ffecb3;--pre-font-family: var(--code-font-family);--pre-font-size: var(--code-font-size);--pre-font-weight: normal;--selection-color: #b4d5fe;--small-font-size: var(--font-size-s);--strong-color: var(--heading-color);--strong-font-weight: 600;--subsup-font-size: var(--font-size-s)}:root{--content-max-width: 55em;--blockquote-background: var(--mono-tint3);--blockquote-border-style: solid;--blockquote-border-radius: var(--border-radius-m);--blockquote-em-font-weight: normal;--blockquote-font-weight: normal;--code-font-family: Inconsolata, Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;--code-font-size: calc(var(--font-size-m) * 0.95);--code-font-weight: normal;--code-tab-size: 4;--code-block-border-radius: var(--border-radius-m);--code-block-line-height: var(--base-line-height);--code-block-margin: 1em 0;--code-block-padding: 1.75em 1.5em 1.5em 1.5em;--code-inline-background: var(--code-theme-background);--code-inline-border-radius: var(--border-radius-s);--code-inline-color: var(--code-theme-text);--code-inline-margin: 0 0.15em;--code-inline-padding: 0.125em 0.4em;--code-theme-background: var(--mono-tint3);--heading-color: var(--mono-shade3);--heading-margin: 2.5rem 0 0;--heading-h1-border-style: solid;--heading-h1-font-size: var(--font-size-xxl);--heading-h2-border-style: solid;--heading-h2-font-size: var(--font-size-xl);--heading-h3-border-style: solid;--heading-h3-font-size: var(--font-size-l);--heading-h4-border-style: solid;--heading-h4-font-size: var(--font-size-m);--heading-h5-border-style: solid;--heading-h5-font-size: var(--font-size-s);--heading-h6-border-style: solid;--heading-h6-font-size: var(--font-size-xs);--kbd-background: var(--mono-tint3);--kbd-border-radius: var(--border-radius-m);--kbd-margin: 0 0.3em;--kbd-min-width: 2.5em;--kbd-padding: 0.65em 0.5em;--link-text-decoration: underline;--notice-background: var(--mono-tint3);--notice-border-radius: var(--border-radius-m);--notice-border-style: solid;--notice-font-weight: normal;--notice-padding: 1em 1.5em;--notice-before-font-weight: normal;--table-cell-padding: 0.75em 0.5em;--table-head-border-color: var(--table-cell-border-color);--table-head-font-weight: var(--strong-font-weight);--table-row-odd-background: var(--mono-tint3)}:root{--cover-margin: 0 auto;--cover-max-width: 40em;--cover-text-align: center;--cover-background-color: var(--base-background-color);--cover-background-mask-color: var(--base-background-color);--cover-background-mask-opacity: 0.8;--cover-background-position: center center;--cover-background-repeat: no-repeat;--cover-background-size: cover;--cover-blockquote-font-size: var(--font-size-l);--cover-border-color: var(--theme-color);--cover-button-border: 1px solid var(--theme-color);--cover-button-border-radius: var(--border-radius-m);--cover-button-color: var(--theme-color);--cover-button-padding: 0.5em 2rem;--cover-button-text-decoration: none;--cover-button-transition: all var(--duration-fast) ease-in-out;--cover-button-primary-background: var(--theme-color);--cover-button-primary-border: 1px solid var(--theme-color);--cover-button-primary-color: #fff;--cover-heading-color: var(--theme-color);--cover-heading-font-size: var(--font-size-xxl);--cover-heading-font-weight: normal;--cover-link-text-decoration: underline }:root{--navbar-root-border-style: solid;--navbar-root-margin: 0 0 0 1.5em;--navbar-root-transition: all var(--duration-fast);--navbar-menu-background: var(--base-background-color);--navbar-menu-border-radius: var(--border-radius-m);--navbar-menu-box-shadow: rgba(45,45,45,0.05) 0px 0px 1px, rgba(49,49,49,0.05) 0px 1px 2px, rgba(42,42,42,0.05) 0px 2px 4px, rgba(32,32,32,0.05) 0px 4px 8px, rgba(49,49,49,0.05) 0px 8px 16px, rgba(35,35,35,0.05) 0px 16px 32px;--navbar-menu-padding: 0.5em;--navbar-menu-transition: all var(--duration-fast);--navbar-menu-link-border-style: solid;--navbar-menu-link-margin: 0.75em 0.5em;--navbar-menu-link-padding: 0.2em 0 }:root{--copycode-background: #808080;--copycode-color: #fff}:root{--docsifytabs-border-color: var(--mono-tint2);--docsifytabs-border-radius-px: var(--border-radius-s);--docsifytabs-tab-background: var(--mono-tint3);--docsifytabs-tab-color: var(--mono-tint1)}:root{--pagination-border-top: 1px solid var(--mono-tint2);--pagination-chevron-height: 0.8em;--pagination-chevron-stroke: currentColor;--pagination-chevron-stroke-linecap: round;--pagination-chevron-stroke-width: 1px;--pagination-label-font-size: var(--font-size-s);--pagination-title-font-size: var(--font-size-l)}:root{--search-margin: 1.5rem 0 0;--search-input-background-repeat: no-repeat;--search-input-border-color: var(--mono-tint1);--search-input-border-width: 1px;--search-input-padding: 0.5em;--search-flex-order: 1;--search-result-heading-color: var(--heading-color);--search-result-heading-font-size: var(--base-font-size);--search-result-heading-font-weight: normal;--search-result-heading-margin: 0 0 0.25em;--search-result-item-border-color: var(--mono-tint2);--search-result-item-border-style: solid;--search-result-item-border-width: 0 0 1px 0;--search-result-item-font-weight: normal;--search-result-item-padding: 1em 0;--search-result-keyword-background: var(--mark-background);--search-result-keyword-border-radius: var(--border-radius-s);--search-result-keyword-color: var(--mark-color);--search-result-keyword-font-weight: normal;--search-result-keyword-margin: 0 0.1em;--search-result-keyword-padding: 0.2em 0}:root{--zoomimage-overlay-background: rgba(0, 0, 0, 0.875)}:root{--sidebar-background: var(--base-background-color);--sidebar-border-width: 0;--sidebar-padding: 0 25px;--sidebar-transition-duration: var(--duration-fast);--sidebar-width: 17rem;--sidebar-name-font-size: var(--font-size-l);--sidebar-name-font-weight: normal;--sidebar-name-margin: 1.5rem 0 0;--sidebar-name-text-align: center;--sidebar-nav-strong-border-color: var(--sidebar-border-color);--sidebar-nav-strong-color: var(--heading-color);--sidebar-nav-strong-font-weight: var(--strong-font-weight);--sidebar-nav-strong-margin: 1.5em 0 0.5em;--sidebar-nav-strong-padding: 0.25em 0;--sidebar-nav-indent: 1em;--sidebar-nav-margin: 1.5rem 0 0;--sidebar-nav-link-border-style: solid;--sidebar-nav-link-border-width: 0;--sidebar-nav-link-color: var(--base-color);--sidebar-nav-link-font-weight: normal;--sidebar-nav-link-padding: 0.25em 0;--sidebar-nav-link-text-decoration--active: underline;--sidebar-nav-link-text-decoration--hover: underline;--sidebar-nav-link-before-margin: 0 0.35em 0 0;--sidebar-nav-pagelink-background-repeat: no-repeat;--sidebar-nav-pagelink-transition: var(--sidebar-nav-link-transition);--sidebar-toggle-border-radius: var(--border-radius-s);--sidebar-toggle-border-style: solid;--sidebar-toggle-border-width: 0;--sidebar-toggle-height: 36px;--sidebar-toggle-icon-color: var(--base-color);--sidebar-toggle-icon-height: 10px;--sidebar-toggle-icon-stroke-width: 1px;--sidebar-toggle-icon-width: 16px;--sidebar-toggle-offset-left: 0;--sidebar-toggle-offset-top: calc(35px - (var(--sidebar-toggle-height) / 2));--sidebar-toggle-width: 44px}:root{--code-theme-background: #f3f3f3;--code-theme-comment: #6e8090;--code-theme-function: #dd4a68;--code-theme-keyword: #07a;--code-theme-operator: #a67f59;--code-theme-punctuation: #999;--code-theme-selection: #b3d4fc;--code-theme-selector: #690;--code-theme-tag: #905;--code-theme-text: #333;--code-theme-variable: #e90}:root{--border-radius-s: 2px;--border-radius-m: 4px;--border-radius-l: 8px;--strong-font-weight: 600;--blockquote-border-color: var(--theme-color);--blockquote-border-radius: 0 var(--border-radius-m) var(--border-radius-m) 0;--blockquote-border-width: 0 0 0 4px;--code-inline-background: var(--mono-tint2);--code-theme-background: var(--mono-tint3);--heading-font-weight: var(--strong-font-weight);--heading-h1-font-weight: 400;--heading-h2-font-weight: 400;--heading-h2-border-color: var(--mono-tint2);--heading-h2-border-width: 0 0 1px 0;--heading-h2-margin: 2.5rem 0 1.5rem;--heading-h2-padding: 0 0 1rem 0;--kbd-border: 1px solid var(--mono-tint2);--notice-border-radius: 0 var(--border-radius-m) var(--border-radius-m) 0;--notice-border-width: 0 0 0 4px;--notice-padding: 1em 1.5em 1em 3em;--notice-before-border-radius: 100%;--notice-before-font-weight: bold;--notice-before-height: 1.5em;--notice-before-left: 0.75em;--notice-before-line-height: 1.5;--notice-before-margin: 0 0.25em 0 0;--notice-before-position: absolute;--notice-before-width: var(--notice-before-height);--notice-important-background: hsl(340, 60%, 96%);--notice-important-border-color: hsl(340, 90%, 45%);--notice-important-before-background: var(--notice-important-border-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M10 14C10 15.1 9.1 16 8 16 6.9 16 6 15.1 6 14 6 12.9 6.9 12 8 12 9.1 12 10 12.9 10 14Z'/%3E%3Cpath d='M10 1.6C10 1.2 9.8 0.9 9.6 0.7 9.2 0.3 8.6 0 8 0 7.4 0 6.8 0.2 6.5 0.6 6.2 0.9 6 1.2 6 1.6 6 1.7 6 1.8 6 1.9L6.8 9.6C6.9 9.9 7 10.1 7.2 10.2 7.4 10.4 7.7 10.5 8 10.5 8.3 10.5 8.6 10.4 8.8 10.3 9 10.1 9.1 9.9 9.2 9.6L10 1.9C10 1.8 10 1.7 10 1.6Z'/%3E%3C/svg%3E") center / 0.875em no-repeat;--notice-important-before-color: #fff;--notice-important-before-content: "";--notice-tip-background: hsl(204, 60%, 96%);--notice-tip-border-color: hsl(204, 90%, 45%);--notice-tip-before-background: var(--notice-tip-border-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M9.1 0C10.2 0 10.7 0.7 10.7 1.6 10.7 2.6 9.8 3.6 8.6 3.6 7.6 3.6 7 3 7 2 7 1.1 7.7 0 9.1 0Z'/%3E%3Cpath d='M5.8 16C5 16 4.4 15.5 5 13.2L5.9 9.1C6.1 8.5 6.1 8.2 5.9 8.2 5.7 8.2 4.6 8.6 3.9 9.1L3.5 8.4C5.6 6.6 7.9 5.6 8.9 5.6 9.8 5.6 9.9 6.6 9.5 8.2L8.4 12.5C8.2 13.2 8.3 13.5 8.5 13.5 8.7 13.5 9.6 13.2 10.4 12.5L10.9 13.2C8.9 15.2 6.7 16 5.8 16Z'/%3E%3C/svg%3E") center / 0.875em no-repeat;--notice-tip-before-color: #fff;--notice-tip-before-content: "";--table-cell-border-color: var(--mono-tint2);--table-cell-border-width: 1px 0;--cover-background-color: hsl(var(--theme-hue), 25%, 60%);--cover-background-image: radial-gradient(ellipse at center 115%, rgba(255, 255, 255, 0.9), transparent);--cover-blockquote-color: var(--strong-color);--cover-heading-color: #fff;--cover-heading-font-size-max: 56;--cover-heading-font-size-min: 34;--cover-heading-font-weight: 200;--navbar-root-color--active: var(--theme-color);--navbar-menu-border-radius: var(--border-radius-m);--navbar-menu-root-background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.6' height='6' viewBox='0 0 9.6 6'%3E%3Cpath d='M1.5 1.5l3.3 3 3.3-3' stroke-width='1.5' stroke='rgb%28179, 179, 179%29' fill='none' stroke-linecap='square' stroke-linejoin='miter' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") right no-repeat;--navbar-menu-root-padding: 0 18px 0 0;--search-input-background-color: #fff;--search-input-background-image: url("data:image/svg+xml,%3Csvg height='20px' width='20px' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 0, 0, 0.3)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='7.5' vector-effect='non-scaling-stroke'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='15.8' y2='15.8' vector-effect='non-scaling-stroke'%3E%3C/line%3E%3C/svg%3E");--search-input-background-position: 21px center;--search-input-border-color: var(--sidebar-border-color);--search-input-border-width: 1px 0;--search-input-margin: 0 -25px;--search-input-padding: 0.65em 1em 0.65em 50px;--search-input-placeholder-color: rgba(0, 0, 0, 0.4);--search-clear-icon-color1: rgba(0, 0, 0, 0.3);--search-result-heading-font-weight: var(--strong-font-weight);--search-result-item-border-color: var(--sidebar-border-color);--search-result-keyword-border-radius: var(--border-radius-s);--sidebar-background: var(--mono-tint3);--sidebar-border-color: var(--mono-tint2);--sidebar-border-width: 0 1px 0 0;--sidebar-name-color: var(--theme-color);--sidebar-name-font-weight: 300;--sidebar-nav-strong-border-width: 0 0 1px 0;--sidebar-nav-strong-font-size: smaller;--sidebar-nav-strong-margin: 2em -25px 0.75em 0;--sidebar-nav-strong-padding: 0.25em 0 0.75em 0;--sidebar-nav-strong-text-transform: uppercase;--sidebar-nav-link-border-color: transparent;--sidebar-nav-link-border-color--active: var(--theme-color);--sidebar-nav-link-border-width: 0 4px 0 0;--sidebar-nav-link-color--active: var(--theme-color);--sidebar-nav-link-margin: 0 -25px 0 0;--sidebar-nav-link-text-decoration: none;--sidebar-nav-link-text-decoration--active: none;--sidebar-nav-link-text-decoration--hover: underline;--sidebar-nav-link-before-content-l3: '-';--sidebar-nav-pagelink-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11.2' viewBox='0 0 7 11.2'%3E%3Cpath d='M1.5 1.5l4 4.1 -4 4.1' stroke-width='1.5' stroke='rgb%28179, 179, 179%29' fill='none' stroke-linecap='square' stroke-linejoin='miter' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sidebar-nav-pagelink-background-image--active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.2' height='7' viewBox='0 0 11.2 7'%3E%3Cpath d='M1.5 1.5l4.1 4 4.1-4' stroke-width='1.5' stroke='rgb%2811, 135, 218%29' fill='none' stroke-linecap='square' stroke-linejoin='miter' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sidebar-nav-pagelink-background-image--collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11.2' viewBox='0 0 7 11.2'%3E%3Cpath d='M1.5 1.5l4 4.1 -4 4.1' stroke-width='1.5' stroke='rgb%2811, 135, 218%29' fill='none' stroke-linecap='square' stroke-linejoin='miter' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sidebar-nav-pagelink-background-image--loaded: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.2' height='7' viewBox='0 0 11.2 7'%3E%3Cpath d='M1.5 1.5l4.1 4 4.1-4' stroke-width='1.5' stroke='rgb%2811, 135, 218%29' fill='none' stroke-linecap='square' stroke-linejoin='miter' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sidebar-nav-pagelink-background-position: 3px center;--sidebar-nav-pagelink-background-position--active: left center;--sidebar-nav-pagelink-background-position--collapse: var(--sidebar-nav-pagelink-background-position);--sidebar-nav-pagelink-background-position--loaded: var(--sidebar-nav-pagelink-background-position--active);--sidebar-nav-pagelink-padding: 0.25em 0 0.25em 20px;--sidebar-nav-pagelink-transition: none;--sidebar-toggle-background: var(--sidebar-border-color);--sidebar-toggle-border-radius: 0 var(--border-radius-s) var(--border-radius-s) 0;--sidebar-toggle-width: 32px}:root{--code-theme-background: #222;--code-theme-comment: #516e7a;--code-theme-function: #f07178;--code-theme-keyword: #c2e78c;--code-theme-operator: #ffcb6b;--code-theme-punctuation: #89ddff;--code-theme-selection: rgba(255, 255, 255, 0.2);--code-theme-selector: #ffcb6b;--code-theme-tag: #f07178;--code-theme-text: #f3f3f3;--code-theme-variable: #ffcb6b}:root{--mono-hue: 201;--mono-saturation: 18%;--mono-shade3: hsl(var(--mono-hue), var(--mono-saturation), 13%);--mono-shade2: hsl(var(--mono-hue), var(--mono-saturation), 15%);--mono-shade1: hsl(var(--mono-hue), var(--mono-saturation), 17%);--mono-base: hsl(var(--mono-hue), var(--mono-saturation), 19%);--mono-tint1: hsl(var(--mono-hue), var(--mono-saturation), 25%);--mono-tint2: hsl(var(--mono-hue), var(--mono-saturation), 35%);--mono-tint3: hsl(var(--mono-hue), var(--mono-saturation), 43%);--spinner-track-color: rgba(255, 255, 255, 0.15);--base-background-color: var(--mono-base);--base-color: #d3d3d3;--hr-border: 1px solid var(--mono-tint2);--mark-background: #ffcb6b;--mark-color: var(--base-background-color);--blockquote-background: var(--mono-shade2);--code-inline-background: var(--mono-tint1);--code-theme-background: var(--mono-shade2);--heading-color: #fff;--heading-h2-border-color: var(--mono-tint2);--kbd-background: var(--mono-shade2);--kbd-border: none;--kbd-color: var(--strong-color);--notice-important-background: var(--mono-shade2);--notice-tip-background: var(--mono-shade2);--table-cell-border-color: var(--mono-tint1);--table-row-odd-background: var(--mono-shade2);--cover-background-color: var(--base-background-color);--cover-background-image: radial-gradient(ellipse at center bottom, var(--mono-tint3), transparent);--cover-blockquote-color: var(--mark-background);--cover-button-border: 1px solid var(--mono-tint3);--cover-button-color: #fff;--navbar-menu-background: var(--mono-tint1);--navbar-menu-box-shadow: rgba(0,0,0,0.05) 0px 0px 1px, rgba(0,0,0,0.05) 0px 1px 2px, rgba(0,0,0,0.05) 0px 2px 4px, rgba(0,0,0,0.05) 0px 4px 8px, rgba(0,0,0,0.05) 0px 8px 16px, rgba(0,0,0,0.05) 0px 16px 32px;--copycode-background: var(--mono-tint1);--copycode-color: #fff;--docsifytabs-border-color: var(--mono-tint2);--docsifytabs-tab-background: var(--mono-shade1);--docsifytabs-tab-color: var(--mono-tint2);--pagination-border-top: 1px solid var(--mono-tint2);--pagination-title-color: #fff;--search-input-background-color: var(--mono-shade2);--search-input-background-image: url("data:image/svg+xml,%3Csvg height='20px' width='20px' viewBox='0 0 24 24' fill='none' stroke='rgba(255, 255, 255, 0.3)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='7.5' vector-effect='non-scaling-stroke'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='15.8' y2='15.8' vector-effect='non-scaling-stroke'%3E%3C/line%3E%3C/svg%3E");--search-input-border-color: var(--mono-tint1);--search-input-placeholder-color: rgba(255, 255, 255, 0.4);--search-clear-icon-color1: rgba(255, 255, 255, 0.3);--sidebar-background: var(--mono-shade1);--sidebar-border-color: var(--mono-tint1);--sidebar-nav-pagelink-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11.2' viewBox='0 0 7 11.2'%3E%3Cpath d='M1.5 1.5l4 4.1 -4 4.1' stroke-width='1.5' stroke='rgb%2873, 93, 104%29' fill='none' stroke-linecap='square' stroke-linejoin='miter' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
  /**
   * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
   * Based on https://github.com/chriskempson/tomorrow-theme
   * @author Rose Pritchard
   */

  code[class*="language-"],
  pre[class*="language-"] {
      color: #ccc;
      background: none;
      font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
      font-size: 1em;
      text-align: left;
      white-space: pre;
      word-spacing: normal;
      word-break: normal;
      word-wrap: normal;
      line-height: 1.5;

      -moz-tab-size: 4;
      -o-tab-size: 4;
      tab-size: 4;

      -webkit-hyphens: none;
      -moz-hyphens: none;
      -ms-hyphens: none;
      hyphens: none;

  }

  /* Code blocks */
  pre[class*="language-"] {
      padding: 1em;
      margin: .5em 0;
      overflow: auto;
  }

  :not(pre) > code[class*="language-"],
  pre[class*="language-"] {
      background: #2d2d2d;
  }

  /* Inline code */
  :not(pre) > code[class*="language-"] {
      padding: .1em;
      border-radius: .3em;
      white-space: normal;
  }

  .token.comment,
  .token.block-comment,
  .token.prolog,
  .token.doctype,
  .token.cdata {
      color: #999;
  }

  .token.punctuation {
      color: #ccc;
  }

  .token.tag,
  .token.attr-name,
  .token.namespace,
  .token.deleted {
      color: #e2777a;
  }

  .token.function-name {
      color: #6196cc;
  }

  .token.boolean,
  .token.number,
  .token.function {
      color: #f08d49;
  }

  .token.property,
  .token.class-name,
  .token.constant,
  .token.symbol {
      color: #f8c555;
  }

  .token.selector,
  .token.important,
  .token.atrule,
  .token.keyword,
  .token.builtin {
      color: #cc99cd;
  }

  .token.string,
  .token.char,
  .token.attr-value,
  .token.regex,
  .token.variable {
      color: #7ec699;
  }

  .token.operator,
  .token.entity,
  .token.url {
      color: #67cdcc;
  }

  .token.important,
  .token.bold {
      font-weight: bold;
  }
  .token.italic {
      font-style: italic;
  }

  .token.entity {
      cursor: help;
  }

  .token.inserted {
      color: green;
  }


          .token.property {
              color: #33b38a !important;
          }

          .token.boolean {
              color: #43c4ff !important;
          }

          .token.keyword {
              margin: 0;
              color: #0078ae !important;
          }

          .token.function {
              color: #7c56f0 !important;
          }

          .token.string {
              color: #999999 !important;
          }

          .token.operator {
              color: white !important;
          }

          .token.class-name {
              color: #cfadff !important;
          }

          .token.number {
              color: #75fd92 !important;
          }

          .token.punctuation {
              color: #6ca70e !important;
          }

          .token.comment {
              color: #376d2b !important;
          }


          :root {
              /* Reduce the font size */
              /* --base-font-size: 14px; */

              /* Change the theme color hue (0-360) */
              --theme-hue: 325;

              /* Add sidebar navigation bullets */
              --sidebar-nav-link-before-content-l0: '';
              --sidebar-nav-link-before-content-l1: '';
              --sidebar-nav-link-before-content-l2: '';
              --sidebar-nav-link-before-content-l3: '';
              --sidebar-nav-link-before-content-l4: '';
              --sidebar-nav-link-before-content-l5: '';


              --base-background-color: #181827;
              --base-color: #d3d3d3 !important;
              --blockquote-color: #999999 !important;

              --strong-color: #33b38a;

              --heading-color: #4990e2;
              --theme-color: #4990e2;
              --heading-h2-border-color: var(--mono-tint2);

              --sidebar-nav-link-border-color--active: #4990e2;
              --sidebar-nav-link-color--active: #4990e2;

              --small-font-size: 85%;
              --sidebar-nav-link-transition: color 0.6s, border 1s !important;

              --sidebar-nav-link-text-decoration: none;
              --sidebar-nav-link-text-decoration--hover: none;

              --link-color: #4990e2 !important;
              --link-color--hover: #19ccec !important;
              --link-text-decoration: none;
              --link-text-decoration-color: none;
              --link-text-decoration-color--hover: none;

              --heading-h2-border-color: #3a3a5f;
              --heading-h3-border-color: #3a3a5f;

              --hr-border: 1px solid #3a3a5f;

              --sidebar-nav-link-color: #b1b1b1;
              --sidebar-nav-link-color--hover: #FFFFFF;


              --docsify-example-panels-padding-inner: 0 16px;

          }

          body .sidebar {
              overflow-y: scroll;
          }

          .sidebar>h1 img {
              height: 88px;
          }

          p.panel-right-example {
              position: relative;
              height: 0;
              margin: 0;
              line-height: 0;
              top: 14px;
              left: 4px;
              font-size: 10px;
              color: #4995e07a;
          }

          summary.panel-right-example {
              position: relative;
              height: 0;
              margin: 0;
              line-height: 0;
              top: 10px;
              left: 4px;
              font-size: 10px;
              color: #4995e07a;
              cursor: pointer;
          }

          summary.panel-right-example:focus {
              outline: none;
          }

          summary.panel-right-example:hover {
              color: #4995e0;
          }

          .markdown-section pre[data-lang] {
              margin-top: 24px;
              margin-bottom: 24px;
          }

          blockquote p li::before {
              color: #e0e0e0;
              font-size: 19px !important;
              text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
          }

          .intro-api {
              pointer-events: none;
              z-index: 999999999;
              position: sticky;
              top: 200px;
              opacity: 0.2;
          }

          .sidebar-nav .collapse {
              display: inherit;
          }

          nav.app-nav {
              margin-left: 0;
              left: 0;
          }

          html {
              background: #24243a !important;
          }

          aside.sidebar {
              background: #181827 !important;
          }

          li p>a,
          li p {
              color: #33b38a !important;
              font-weight: bold !important;
          }

          .markdown-section ol {
              list-style-type: none;
              padding-left: 0 !important;
          }

          .markdown-section ol>li>strong:first-of-type,
          .markdown-section ul>li>strong:first-of-type {
              color: #83bfac;
              font-weight: bold !important;
              /*
                          -webkit-text-fill-color: transparent;
                          color: transparent;
                          -webkit-background-clip: text;
                          background-clip: text;
                          background-image: linear-gradient(to right, #33bc8e, #38a280);
                      */
          }

          .markdown-section ol>li::before {
              content: counter(step-counter);
              margin-right: 5px;
              font-size: 80%;
              background-color: #33b38a;
              background-color: #2d7166;
              background-color: #417d74;
              color: white;
              font-weight: bold;
              padding: 3px 8px;
              border-radius: 3px;
              text-shadow: 1px 1px 2px black;
          }

          .markdown-section ol {
              counter-reset: step-counter -1
          }

          .markdown-section ol li {
              counter-increment: step-counter;
              margin-bottom: 4px !important;
          }

          .markdown-section pre[data-lang]::after {
              -webkit-text-fill-color: transparent;
              color: transparent;
              -webkit-background-clip: text;
              background-clip: text;
              background-image: radial-gradient(circle at top left, #33b38a, #4990e2);

              opacity: 1;
              padding-bottom: 8px;
              font-size: 20px;
          }

          .markdown-section ul li:before {
              content: '⬤';
              font-size: 8px;
              line-height: 0px;
              top: -1px;
              position: relative;
              margin-left: -20px;
              margin-right: 10px;
              color: #56a083;
          }

          .markdown-section ul li {
              list-style: none;
              line-height: 20px;
          }

          .markdown-section ul li>ul li:before {
              content: '○';
              font-weight: 900;
              font-size: 16px;
              margin-left: -18px;
          }

          .markdown-section blockquote {
              border-radius: 0;
              border: 1px solid #2d4369;
              background: rgba(0, 0, 0, 0.3) !important;
              overflow-x: scroll;
              white-space: nowrap;
          }

          .markdown-section blockquote strong {
              color: #becad8;
          }

          pre[v-pre] {
              /* right: 0px;
                      position: absolute;
                      float: right;
                      margin-left: 30px!important;
                      max-width: 50%!important;
                      line-height:12px; */


              border-radius: 0 !important;
              border: 1px solid #2d4369;
              background: rgba(0, 0, 0, 0.3) !important;
          }

          pre[v-pre]>code {
              line-height: 20px;
              font-size: 14px;
          }

          body>.root {
              width: 100% !important;
              max-width: 100% !important;
              margin: 0;
          }

          .markdown-section {
              max-width: 100% !important;
          }

          .docsify-example-panels.title-panel h1 a,
          h1 a {
              text-decoration: none !important;
              font-size: 42px;
              line-height: 66px;
              color: #33bc8e !important;
              text-transform: uppercase;
              font-weight: 700;
          }

          .docsify-example-panels.title-panel h2 a,
          h2 a {
              text-decoration: none !important;
              display: block;
              -webkit-text-fill-color: transparent !important;
              color: transparent !important;
              -webkit-background-clip: text;
              background-clip: text;
              background-image: radial-gradient(circle at top left, #33bc8e, #4990e2, #4990e2, #4990e2, #4990e2, #4990e2, #4990e2, #4990e2, #4990e2, #4990e2, #4990e2, #4990e2, #4990e2, #4990e2) !important;
          }

          .markdown-section h3 {
              padding-bottom: 16px;
              border-bottom: 1px solid #3a3a5f;
          }

          .markdown-section h4 a {
              text-decoration: none !important;
              font-size: 18px;
              font-weight: 100;
          }

          .docsify-example-panels.title-panel h3 a,
          h3 a {
              text-decoration: none !important;
              font-size: 22px;
              font-weight: 400;
          }

          .sticky.close {
              opacity: inherit;
              float: inherit;
              font-size: inherit;
              font-weight: inherit;
              line-height: inherit;
              color: inherit;
              text-shadow: none;
          }

          .pagination-item a * {
              opacity: 0.4;
              text-decoration: none !important;
          }

          .pagination-item a:hover * {
              opacity: 1;
          }

          blockquote .small,
          blockquote footer,
          blockquote small {
              color: #5e5e73;
          }

          .markdown-section blockquote ol>li::before {
              font-size: 100%;
              background-color: #24243a;
              color: white;
          }

          .markdown-section blockquote b {
              font-weight: 900 !important;
              margin-left: 2px;
              margin-right: 2px;
              font-size: 16px;
          }

          .inverted blockquote {
              direction: rtl;
              unicode-bidi: embed;
          }

          .example strong:nth-of-type(1) {
              color: lightseagreen !important;
          }

          .example strong:nth-of-type(2) {
              color: lightcoral !important;
          }

          .example strong:nth-of-type(3) {
              color: lightgreen !important;
          }

          .example strong:nth-of-type(4) {
              color: lightsalmon !important;
          }

          .example strong:nth-of-type(5) {
              color: lightskyblue !important;
          }

          .example strong:nth-of-type(6) {
              color: lightpink !important;
          }

          .example strong:nth-of-type(7) {
              color: lightblue !important;
          }

          .example strong:nth-of-type(8) {
              color: lightyellow !important;
          }

          .example strong:nth-of-type(9) {
              color: lightsteelblue !important;
          }

          .example strong:nth-of-type(10) {
              color: lightgoldenrodyellow !important;
          }