@media (min-width: 640px) {
  .sm\:hidden {
    display: none;
  }
} 
@media all and (min-width: 0) {
    .xs12 {
      width: 100%;
    }
    .xs11 {
      width: 91.666667%;
    }
    .xs10 {
      width:83.33333%;
    }
    .xs9 {
      width:75%;
    }
    .xs8 {
      width:66.666667%;
    }
    .xs7 {
      width:58.33333%;
    }
    .xs6 {
      width:50%;
    }
    .xs5 {
      width:41.666667%;
    }
    .xs4 {
      width:33.33333%;
    }
    .xs3 {
      width:25%;
    }
    .xs2 {
      width:16.666667%;
    }
    .xs1 {
      width:8.33333%;
    }
  }
  @media all and (min-width: 600px) {
    .sm11, .md11, .lg11 {
      width: 91.666667%;
    }
    .sm10, .md10, .lg10 {
      width:83.33333%;
    }
    .sm9, .md9, .lg9 {
      width:75%;
    }
    .sm8, .md8, .lg8 {
      width:66.666667%;
    }
    .sm7, .md7, .lg7 {
      width:58.33333%;
    }
    .sm6, .md6, .lg6 {
      width:50%;
    }
    .sm5, .md5, .lg5 {
      width:41.666667%;
    }
    .sm4, .md4, .lg4 {
      width:33.33333%;
    }
    .sm3, .md3, .lg3 {
      width:25%;
    }
    .sm2, .md2, .lg2 {
      width:16.666667%;
    }
    .sm1, .md1, .lg1 {
      width:8.33333%;
    }
  
  }

body .CodeMirror {
  background: #edf2f7;
}
body .CodeMirror-gutters {
  border-right: 1px solid #f6f9fa;
  background-color: #f6f9fa;
}