#preShowTipsButton {
     color: white;
     border: 2px solid #fa6400;
     /* background: none; */
}
#preShowTipsButton:hover {
     background: #fa6400;
}

#preShowTipsSection {}

#preShowTipsSectionDiv a {
     color: #5273F1;
}

#preShowTipsSectionDiv {
     background-color: #F8F5F5;
     width: 60%;
     min-width: 835px;
     /* height: 600px; */
     height: 49%;
     padding: 20px;
     font-family: Arial;
}

#preShowTipsSectionDiv hr {
     height: 1px;
     background-color: #C3C1C1;
     border: none;
     margin: 0px;
}

#preShowTipsSectionDiv tag {
     height: 24px;
     /* background: #2F3139; */
     /* color: #FFF; */
     padding: 3px 17px;
     border-radius: 9px;
     position: relative;
     overflow: hidden;
     word-break: keep-all;
     white-space: nowrap;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 16px;
     /* border: 1px solid; */
     border: 1.4px solid;
}
#preShowTipsSectionDiv tag:not([disabled]):not([inactive]):hover {}
#preShowTipsSectionDiv tag:not([disabled]):not([inactive]):hover > .close-icon { opacity: 1.0; }
#preShowTipsSectionDiv tag .close-icon {
     transition: 200ms all linear;
     height: 100%;
     right: 3px;
     top: 1.5px;
     bottom: 0px;
     position: absolute;
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 0.0;
     background: #737375;
     border-radius: 50%;
     width: 24px;
     height: 24px;
     cursor: pointer;
     user-select: none;
}
#preShowTipsSectionDiv tag { margin-right: 5px; }
#preShowTipsSectionDiv tag[inactive] {
     background: #6c707d;
     color: #fff;
     opacity: 0.7;
     cursor: pointer;
}
#preShowTipsSectionDiv tag[inactive]:hover { background: #2F3139; opacity: 1.0; }



#preShowTipsNavBar { display: flex; justify-content: space-between; }
#preShowTipsNavBar > .left_side { display: flex; align-items: center; }
#preShowTipsNavBar > .right_side { display: flex; align-items: center; }
#preShowTipsNavBar > .right_side > button { border: 1px solid #CFD8FA; } /* width: 130px; */
#preShowTipsNavBar > .right_side > button:not(:last-child) { margin-right: 15px; }
#preShowTipsNavBar > .right_side > button > i { margin-left: 10px; }

#preShowTipsTitle {
     font-size: 33px;
}
#preShowTipsNavBarHr {
     width: 98%;
     margin: 8px auto !important;
     margin-bottom: 20px !important;
}

#preShowTipsSectionBodyContainer {
     display: flex;
     /* justify-content: space-between; */
     height: calc(100% - 72px - 40px);
     overflow-y: auto;
     flex-direction: column;
}

#preShowTipsSectionBodyContainer:before {
     content: '';
     width: 100%;
     height: 100px;
     position: absolute;
     left: 0;
     bottom: 0;
     /* background: linear-gradient(transparent 150px, white); */
     background: linear-gradient(0deg, rgb(255 255 255) 40%, rgba(0,0,0,0) 100%);
     border-radius: 0 0 7px 7px;
}

#preShowTipsSectionMainBetaInfo {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     margin-bottom: 20px;
}

#preShowTipsSectionMainBetaInfo > span {
     padding: 4px 20px;
     text-align: left;
}

#preShowTipsList {
     list-style: none;
     padding: 0px 15px;
     margin: 0px;
     text-align: left;
     margin-top: -20px;

     display: flex;
     flex-wrap: wrap;
}

.preShowTipsListItem {
     width: calc(50% - 30px);
     /* min-height: 40px;
     height: 124px; */

     min-height: 124px;

     float: left;
     list-style: outside none none;

     display: flex;
     flex-direction: column;
     /* justify-content: space-between; */

     margin-right: 30px;
     margin-top: 25px;
}

.preShowTipsListItemTitleSection {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
.preShowTipsListItemShowTitle {
     font-size: 23px;
     font-weight: 600;
     font-family: Open Sans;
     margin: 0;
}
.preShowTipsListItemDetails {
     display: flex;
     margin-top: 5px;
     /* padding-left: 10px; */
     /* padding-left: 15px; */
     font-family: Open Sans;
     flex-direction: column;
}


@media screen and (max-height: 1080px) {
     #preShowTipsSectionDiv {
          /* height: 600px; */
          min-height: 600px;
          height: 67%;
     }
}
/* @media screen and (min-height: 1081px) {
     #preShowTipsSectionDiv {
          min-height: 600px;
          height: 67%;
     }
} */