.background-border-orange{
    margin-top: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%; 
    min-height: 450px;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 0;
    background-position: center
  }
  .my-simulateds{
    margin-top: 0 !important
  }
  h3.game_title{
      font-size: 14px;
      font-weight: 100
  }
  .game_info{
    top:0;
    left:50%;
    width:90%;
    position: absolute;
    padding: 2px 5px;
    transform: translate(-50%)
  }
  .game_info h3{
      margin-top: 5px;
      font-size: 12px;
      font-weight: 400;
      color: white;
      text-align: center
  }              
  .open{
    padding: 5px 7px;
    background-color: #0f397d;
    position: absolute;
    right:15px;
    top:-18px;
    z-index:4;
  }
  .open h6{
    color: white;
    margin:0px !important;
    font-size: 12px
  }
  .my-simulateds__card:before{
    opacity: .1
  }

  .container-card{
    width: 100%;
    max-width: 100%;
    height: 300px;
    max-height: 300px;
    background-color: rgba(63,134,206,0.18);
    
    border-radius: 16px;
    
    position: relative;
  }
  .container-card .icon{
    font-size: 50px;
  }
  .container-card .info{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .container-card .info h6{
    font-size: 12px;
    font-weight: bold;
  }
  .open-notice{
    border: 1px solid #E0C669;
    color: #E0C669 !important;
    font-size: 12px;
    font-weight: bold;
    width: 70%;
    display: inline-block
  }
  
  .doQuestion{
    border: 1px solid #E0C669; 
    color: #E0C669 !important;
  }
  .doneQuestion{
    border: 1px solid #107c99; 
    color: #107c99 !important;
  }
  .text-orange{
    color: #E0C669 !important;
  }
  .container-new-card{
    width: 100%;
    max-width: 100%;
    height: 300px;
    max-height: 300px;
    background-color: #8fcdcf;
    border-radius: 16px;                
    position: relative;
  }
  .container-new-card-header{
    background-color: #ec9838;
    border-top-left-radius: 16px;       
    border-top-right-radius: 16px;  
    padding: 10px;
    font-size: 12px;
    min-height: 70px;  
  }
  .container-new-card-image{
    width:100%;
    height: 190px;
    background-size: cover;
    position: relative;
  }
  .container-new-card-footer:nth-child(odd){
    background-color: #1f9490;
    height: 100%; 
    height: 40px;
    border-bottom-left-radius: 16px;
    width: 48%;
    font-size: 12px;
  }
  .container-new-card-footer:nth-child(even){
    background-color: #1f9490;
    height: 100%; 
    height: 40px;
    border-bottom-right-radius: 16px;
    width: 48%;
    font-size: 12px;
  }
  .container-open{
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-color: #ec9838;
    padding: 5px;
    font-size: 14px
  }

  @media screen and (min-width:1700px){
    .background-border-orange{
        min-height: 700px;
      }
  }