html {font-family:Arial, Helvetica, sans-serif;line-height:1.5;}
  p {font-size:1.5rem;}
  
 .srt-ul {display:flex;flex-wrap:wrap;padding:0px;}
 .srt-li {display:block;
 		  box-sizing: border-box;
 		  position:relative;
		  list-style-type:none;
		  margin:0px; padding:.5rem;border:0px solid #000;
		 }
 .srt-card{ border:1px solid #000;padding-left:.1rem;
       border:1px solid #ddd;
       background-image:linear-gradient(to bottom, white, #dedede);word-wrap: break-word;
   }
   figure.srt-card {margin:0px;padding:0px;}
   
  .srt-cw-1 >* {width:100%}
  .srt-cw-2 >* {width:50%}
  .srt-cw-3 >* {  width: calc(100% * 1 / 3.001);}
  .srt-cw-4 >* {width:25%}
  .srt-cw-5 >* {width:20%}
  .srt-cw-6 >* {width: calc(100% * 1 / 6.001);}  
   
  img {width:100%;}
  img.hmax{width:unset; max-height:100%;max-width:100%;}
   
  .stagecolor{background-color:#a0cbe8;}
   .stagecolor2 {background-color:#a0cbe8;}
   .stagecolor3 {background-color:#AEC8DD;}
   .stage-10{width:10%;}
   .stage-40{width:40%;}
   .stage-70{width:70%;}
   .stage-80{width:80%;}
   .stage-100{width:100%;}
 
 

   .srt-container {display:flex;
                background-color:#ffffff;
               justify-content : center;
			   align-items : strech;
			   align-content : center;
			   box-shadow: 0px 4rem 2rem -3rem rgba(0,0,0,0.75);
			   padding-top:.5rem;
			   padding-bottom:.5rem;
               }
  .empty-stage-80 {min-height:7rem;}
  .empty-stage {min-height:7rem;}

 .correctV1 > * {opacity:.7;}
 .correctV1::before{content: '';background:url(',checked.png') no-repeat center center;
    background-size:contain;
    width:100%; /* width of the image */;
    height:100%; /* height of the image */;
    position:absolute; z-index:1;opacity:1;}
  
  .checktext{visibility:hidden;color:red;z-index:1;border:1px solid #ddd;background-image:linear-gradient(to bottom, white, #dedede);}


  .myTextXlarge{font-size:2rem;}
  .myTextLarge{font-size:1.5rem;}
  .myTextMedium{font-size:1rem;}
@media (max-width: 600px) {
  .myTextXlarge{font-size:1.3rem;}
  .myTextLarge{font-size:1.1rem;}
  .myTextMedium{font-size:.9rem;}

}
 
 
.sortable-ghost{background-color:#green;opacity: 1;}
.sortable-chosen{background-color:red;opacity:0.7}
.sortable-drag {background-color:red;opacity:1;}
   
  
  .check-btn {
         width:17%;margin-left:1%;
		 user-select: none;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
		 font-family:Arial, Helvetica, sans-serif;
         font-weight:bold;
		 font-size:medium;
		 text-align:center;
		 overflow:visible;
		 cursor: pointer;
		 padding-left:0px;
		 background-image:linear-gradient(to bottom, white, #dedede);
		 border:2px solid #e67f06;
		 color:#e67f06;
		 margin-bottom:.2rem;
		 }

  .srt-container {width:100%;}
  .srt-cw-1 >* {width:100%}
  .srt-cw-2 >* {width:50%}
  .srt-cw-3 >* {  width: calc(100% * 1 / 3.001);}
  .srt-cw-4 >* {width:25%}
  .srt-cw-5 >* {width:20%}
  .srt-cw-6 >* {width: calc(100% * 1 / 6.001);}   
@media (min-width: 500px) {
  .srt-cw-1\@s > * {width: 100%;}
  .srt-cw-2\@s > * {width: 50%;}
  .srt-cw-3\@s > * {width: calc(100% * 1 / 3.001);}
  .srt-cw-4\@s > * {width: 25%;}
  .srt-cw-5\@s > * {width: 20%;}
  .srt-cw-6\@s > * { width: calc(100% * 1 / 6.001);}
}
@media (min-width: 960px) {
  .srt-cw-1\@m > * {width: 100%;}
  .srt-cw-2\@m > * {width: 50%;}
  .srt-cw-3\@m > * {width: calc(100% * 1 / 3.001);}
  .srt-cw-4\@m > * {width: 25%;}
  .srt-cw-5\@m > * {width: 20%;}
  .srt-cw-6\@m > * {width: calc(100% * 1 / 6.001);}
}
@media (min-width: 1200px) {
  .srt-container {width:80%;margin:auto;}
  .srt-cw-1\@l > * {width: 100%;}
  .srt-cw-2\@l > * {width: 50%;}
  .srt-cw-3\@l > * {width: calc(100% * 1 / 3.001);}
  .srt-cw-4\@l > * {width: 25%;}
  .srt-cw-5\@l > * {width: 20%;}
  .srt-cw-6\@l > * {width: calc(100% * 1 / 6.001);}
}
@media (min-width: 1600px) {
  .srt-container {width:70%;margin:auto;}
  .srt-cw-1\@xl > * {width: 100%;}
  .srt-cw-2\@xl > * {width: 50%;}
  .srt-cw-3\@xl > * {width: calc(100% * 1 / 3.001);}
  .srt-cw-4\@xl > * {width: 25%;}
  .srt-cw-5\@xl > * {width: 20%;}
  .srt-cw-6\@xl > * {width: calc(100% * 1 / 6.001);}  
}