* { padding: 0px; margin: 0px; } .subs{ height:280px!important; } .brdunset { border: unset !important; } .mrgleftsuper{ margin-left:8%!important; } .gamesmar { margin-left: -6% !important; } .deactivatemodal{ margin-left: 11%; margin-bottom: 3% !important } .activatemodal { margin-left: 11%; margin-bottom: 3% !important } .adminclr { color: rgba(255, 255, 255, 0.2) !important; } .adminbcg { background: unset !important; border: unset !important; } .bordunset { border-right: unset; } .pen { color: #38424f !important; background: #fff !important; line-height: 1rem !important; margin-left: 1% !important; } .btndemo { display: block; margin: 0 auto; } .slider-container { width: 328px; height: 197px; margin-left: auto; margin-right: auto; overflow: hidden; text-align: center; border-radius: 0.8rem; } .image-container1 { width: 1312px; height: 187px; position: relative; } .image-container1:hover{ animation-name: slider-effect1; animation-iteration-count: infinite; animation-duration: 6s; } .image-container2{ width: 1312px; height: 187px; position: relative; } .image-container2:hover { animation-name: slider-effect2; animation-iteration-count: infinite; animation-duration: 7s; animation-direction: reverse; } @keyframes slider-effect1 { 0%, 15% { left: 0px; } 25%, 40% { left: -328px; } 50%, 68% { left: -656px; } 100% { left: -984px; } } @keyframes slider-effect2 { 0%, 15% { left: 0px; } 25%, 40% { left: -328px; } 50%, 68% { left: -656px; } 100% { left: -984px; } } .slider-image { float: left; margin: 0px; padding: 0px; } .modalclose { margin-right: -16% !important; margin-top: -17% !important; } .modalclosefixed { top: 0.5rem; right: 0.5rem; display: inline; position: absolute; } .gamebtn { height: 44px !important; width: 154px !important; left: 170px; top: 0px; border-radius: 8px !important; padding: 12px 24px 12px 24px !important; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%) !important; } .modalgame { height: 202px !important; height: 232px !important; width: 550px !important; border-radius: 12px !important; padding: 24px !important; } .leaderboardicon { border: none !important; border-radius: unset !important; } .report { width: 12% !important; margin-top: -2px !important; margin-right: 1% !important; } .report1 { width: 12% !important; margin-top: -2px !important; margin-right: 2% !important; } .mrgbot { margin-bottom: 8px !important; } .mngply { margin-left: -26px !important; width: 1.5rem !important; margin-right: 4px !important; margin-top: -1px !important; height: 30px !important; } .bcgcon { width: 114% !important; margin-left: -13% !important; } .drpdown { border-radius: 1pc; background: gray; padding: 1px; height: 32px; padding-left: 0px !important; width: 4pc; } .ui-jqgrid .ui-jqgrid-bdiv { height: unset !important; } .scrover { overflow-x:auto; width:min-content; } .uncol { color: #ffffff; } .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td { border-color: transparent; background: #1e2a38; color: #ffffff; height: 3rem; font-size: 14px; text-align: center; } .ui-icon-minus { background-position: -65px 2px !important; } .ui-icon-plus { background-position: 0px 1px !important; } .ui-widget-content .ui-icon { filter: invert(); } .ui-jqgrid .ui-th-subgrid { background: #ffffff !important; } .table-bordered { border: unset !important; font-family: arial; width: 100%; color: antiquewhite; } .hovhand { cursor: pointer; } .txtwhite { COLOR: WHITESMOKE; } body { font-family: 'Archivo', sans-serif; background-color: #fafafa; } .color-primary { color: #FFB400 !important; } .main-menu .navbar-nav li.nav-item img { max-width: 170px; width: 170px; } .main-menu .navbar-nav li.nav-item a { color: #ffffff; font-size: 16px; } div.dataTables_wrapper div.dataTables_processing { background: linear-gradient(90deg,#0F2635,#19435F); color: yellow; } .main-menu .navbar-nav li.nav-item { padding: 0 20px; } .main-menu .navbar-nav li.nav-item a:hover { color: #FFB400 !important; background: none; } .unsetboot { flex: unset; max-width: unset; } .flc { display: flex !important; justify-content: center !important; } .profilebg { display: flex !important; flex-flow: column !important; background: #061323 !important; justify-content: center !important; } .flccol { flex-flow: column !important; width: 100% !important; justify-content: center; align-items: center; } .aliitem { display: flex; flex-flow: column; margin-left: -1.5rem !important; border-radius: 10px; } .texcen { text-align: center; } .main-menu .form-control.top-ser { padding-left: 40px; width: 200px; padding-right: 20px; border: 1px solid #000; border-radius: 20px; height: 30px; background-position: 16px 7px; background-image: url(../images/search.jpg); background-repeat: no-repeat; } .main-menu .navbar-nav li:last-child { padding-right: 0px; } .main-menu .form-control::placeholder { color: #C4C4C4; } .hide { display: none; } .project { border: 0px solid #eaeaea; border-radius: 5px; background: #fff; text-align: center; } .create-game { border: 0px solid #eaeaea; margin: 20px 20px 20px; border-radius: 20px; background: #fff; text-align: center; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; height: 270px; } .minigolf-main-container { width: 250px; } .memorygame-main-container { width: 250px; } .maskbrothers-main-container { width: 250px; } .mrglrn { margin-right: -16px; margin-top: -2px; margin-bottom: -2px; } .hompag { width: 100%; display: flex; justify-content: right; margin-right: 1rem !important; } .ales { max-width: min-content !important; margin-left: 14.5%; } .create-game-main-container { width: 250px; } .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { height: 3rem !important; background: #1e2a38; color: #ffffff; } .create-game:hover { text-decoration: none; } .nav-margin-bottom { margin-bottom: 0px !important; height: 3.8rem; } .banner-txt h1 { font-size: 50px; color: #fff; } .banner-txt p { font-size: 20px; color: #fff; line-height: 28px; } .banner-txt { width: 100%; max-width: 100%; } .jumbotron { border-radius: 0px; } .content-area { padding: 20px 10px; } .content-area h2 { color: #000; font-size: 32px; font-weight: normal; font-style: normal; margin-bottom: 30px; } .game-title.title-active-game h2 { margin-bottom: 10px; } table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { background: transparent !important; } .game-filter { padding: 20px 0 10px 0; } .game-filter a { font-size: 12px; background: #fff; border-radius: 20px; padding: 5px 30px; margin-right: 20px; margin-bottom: 10px; } .game-filter a.active { color: #fffefa; border: 1px solid #ffc107; background-color: #ffc107; } .game-filter a:focus { box-shadow: none; color: #fffefa; border: 1px solid #ffc107; background-color: #ffc107; } .game-filter a:hover { box-shadow: none; border-color: #0D2C54; background: #0D2C54; color: white; } .no-padding { padding: 0px; } .game-filter-image-sec { position: relative; } .games-card img { height: 150px; width: 250px; margin: 8px 0px 8px 0px; border-radius: 5px; } .games-card h3 { font-size: 17px; padding-top: 5px; padding-bottom: 10px; margin-bottom: 0px; text-decoration: none; color: #a0a0a0; text-align: center; font-style: normal; font-weight: 600; cursor: pointer; } .game-card-timer { font-size: 18px; padding-top: 15px; color: #FFB400; } .games-card a { font-size: 12px; color: #248EA6; text-decoration: none; } .banner-bg { background-image: url(../images/banner.jpg); background-repeat: no-repeat; width: 100%; height: 240px; background-size: cover; margin-top: 8%; border-radius: 0px 0px 30px 30px; } .bannerSevenstone-bg { background-image: url(../images/banner-sevenstone.png); background-repeat: no-repeat; width: 100%; height: 240px; background-size: cover; margin-top: 8%; border-radius: 1.3rem; } .share-icon { position: absolute; top: 20px; right: 20px; } .share-icon img { width: auto; border-radius: 0px; } .category-game { border: 0px solid #eaeaea; position: relative; margin: 20px 20px 0px 0px; padding: 0px; border-radius: 20px; background: #fff; text-align: center; } .category-game img { border-radius: 20px; width: 212px; height: 207px; } .category-effect { position: absolute; z-index: 2; padding: 20px 15px 35px; box-sizing: border-box; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background: linear-gradient(to bottom,rgba(34, 33, 33, 0) 0%,rgb(246, 220, 181) 95%); left: 0; width: 212px; height: 207px; bottom: 0px; } .category-effect h3 { color: #fff; font-size: 20px; position: absolute; bottom: 15px; } .category-effect.red { background: linear-gradient(to bottom,rgba(34, 33, 33, 0) 0%,rgb(201, 60, 60) 95%) } .category-effect.yellow { background: linear-gradient(to bottom,rgba(34, 33, 33, 0) 0%,rgb(242, 226, 92) 95%) } .category-effect.blue { background: linear-gradient(to bottom,rgba(34, 33, 33, 0) 0%,rgb(90, 179, 206) 95%) } .customize-cat { background: #fff; height: 100%; min-height: 207px; padding-top: 25%; } .add-cat img { width: auto; margin-bottom: 10px; } .add-cat h3 { color: #A0A0A0; font-size: 15px; } .navbar-toggler { margin: 0 auto; text-align: center; width: 100%; } .ft-section { background: #0D2C54; margin-bottom: 0px !important; padding: 0px; } .ft-section h5 { color: #FFB400; font-size: 20px; padding: 0px; line-height: 23px; font-style: normal; font-weight: 500; margin-bottom: 20px; letter-spacing: 1.3px; } .ft-list li a { font-size: 15px; color: #fff !important; margin-bottom: 20px; } .ft-list li { padding-bottom: 12px; font-size: 13px; color: #fff !important; } li.facebook { background-image: url(../images/facebook.png); background-repeat: no-repeat; padding-left: 30px; margin-bottom: 20px; margin-top: 10px; background-size: 20px; } li.instagram { background-image: url(../images/instagram.png); background-repeat: no-repeat; padding-left: 30px; margin-bottom: 20px; background-size: 20px; } li.pinterest { background-image: url(../images/pinterest.png); background-repeat: no-repeat; padding-left: 30px; margin-bottom: 20px; background-size: 20px; } li.linkedin { background-image: url(../images/linkedin.png); background-repeat: no-repeat; padding-left: 30px; background-size: 20px; } li.call { background-image: url(../images/call.png); background-repeat: no-repeat; padding-left: 30px; background-position: 0px 3px; margin-bottom: 20px; margin-top: 10px; font-size: 15px; background-size: 17px; } li.mail { background-image: url(../images/email.png); background-repeat: no-repeat; padding-left: 30px; background-position: 0px 2px; margin-bottom: 20px; background-size: 20px; } li.web { background-image: url(../images/globe2.png); background-repeat: no-repeat; padding-left: 30px; background-position: 0px 3px; background-size: 18px; } .ft-form input { background-color: transparent; border-radius: 20px; font-size: 12px !important; color: #FFFFFF; border-color: white; } .ft-form input:focus { background-color: transparent; border-color: white; } .ft-form textarea { background-color: transparent; border-radius: 5px; font-size: 12px; width: 100%; margin-top: 20px; color: #fff; padding: 10px; min-height: 100px; border-color: white; } .ft-form textarea:focus { background-color: transparent; } .ft-submit { color: #FFB400; background: transparent; border: 1px solid #FFB400; font-weight: bold; font-size: 12px; width: auto; border-radius: 20px; } .ft-copy { border-top: 1px solid #616161; text-align: center; color: #fff; padding: 10px 0; font-size: 14px; } .ft-copy p { margin-bottom: 0px; } .ft-logo { padding-top: 70px; } .login-title { width: 100%; padding-bottom: 30px; } .login-page-label { color: #FFFFFF; font-size: small; text-align: left; } .login-page-button { position: relative; width: 62%; height: 7%; color: #FFFFFF; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border: none; border-radius: 0.35rem; padding: 6px 6px; margin-top: 1rem; } .login-page-header { color: #FFFFFF; font-size: 32px; font-weight: 600; } .login-page-bg { background-image: url(../images/loginregistration.png); height: max-content; width: 100%; background-repeat: no-repeat; } .point-congrat-box { text-align: center; } .login-section { width: 100%; text-align: center; } .login-section1 { width: 100%; text-align: left; } .profile-login-section { width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; } .login-section input { margin-bottom: 20px; border-bottom: 1px solid #000; border-top: 0px; border-right: 0px; border-left: 0px; border-radius: 0px; font-size: 15px; } .login-section input:focus { border-color: black; box-shadow: none; } .login-pop-header { border: 0px; border-radius: 20px; } .login-pop-header.login-pop-header-padding { padding: 50px 30px 50px 30px; } .log-btn { width: auto; font-size: 12px; background-color: #FFB400; border: 0px; padding: 5px 30px; border-radius: 0.5rem; } .log-close { border: 0px; margin: 0px auto; margin-right: 0px; margin-top: -3px; } .log-close:focus { outline: 0px; } .log-pop-content { border-radius: 20px; } .log-close { background-color: transparent; border: 0px; } .log-dialog { max-width: 406px !important; } .log-dialog.password-dialog { max-width: 400px !important; } .password-dialog .password-title p { color: #0D2C54; font-style: normal; font-weight: normal; font-size: 15px; line-height: 18px; margin-bottom: 32px; } .password-dialog .login-pop-header { padding: 0px 52px 30px 52px; border: 0px; } .img-close-forget-password { width: 20px; } .submit-button-recover-email { margin: 0px auto; margin-top: 35px; } .login-prof { width: 70%; float: left; font-size: 11px; } .login-prof h2 { font-size: 15px; margin-bottom: 15px; } .login-prof a { font-size: 11px !important; color: #212529 !important; } .drop-prof { width: 100%; float: left; text-align: center; } .drop-prof button.pro { float: left; display: inline-block; margin-top: 20px; margin-right: 20px; padding: 5px 15px; } .main-menu .navbar-nav li.nav-item .drop-prof a { color: #fff; font-size: 12px; } .main-menu .navbar-nav li.nav-item .drop-prof a:hover { color: #fff !important; font-size: 12px; } .drop-prof button.logot { float: left; display: inline-block; margin-top: 20px; padding: 3px 15px; background: transparent; color: #0D2C54; border: 1px solid #0D2C54; } .drop-prof button.logot:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } body { font-family: 'Montserrat', sans-serif; transition: unset !important; } .colorbg { background-image: linear-gradient(0deg, rgba(6, 19, 35, 0.2), rgba(6, 19, 35, 0.2)),linear-gradient(117.49deg, rgba(84, 39, 13, 0.3) 14.44%, rgba(134, 92, 252, 0.3) 47.48%, rgba(0, 0, 0, 0.18) 76.59%, rgba(0, 0, 0, 0.3) 109.94%); background-color: #061323; background-attachment:fixed; min-height:100vh; } .colorbg-activegames { background-image: linear-gradient(0deg, rgba(6, 19, 35, 0.2), rgba(6, 19, 35, 0.2)),linear-gradient(117.49deg, rgba(84, 39, 13, 0.3) 14.44%, rgba(134, 92, 252, 0.3) 47.48%, rgba(0, 0, 0, 0.18) 76.59%, rgba(0, 0, 0, 0.3) 109.94%); background-color: #061323; background-attachment: fixed; min-height: 100vh; } .colorbg2 { background-image: linear-gradient(0deg, rgba(6, 19, 35, 0.2), rgba(6, 19, 35, 0.2)),linear-gradient(117.49deg, rgba(84, 39, 13, 0.3) 14.44%, rgba(134, 92, 252, 0.3) 47.48%, rgba(0, 0, 0, 0.18) 76.59%, rgba(0, 0, 0, 0.3) 109.94%); background-color: #061323; background-attachment:fixed; } .colorbg3 { background-image: linear-gradient(0deg, rgba(6, 19, 35, 0.2), rgba(6, 19, 35, 0.2)),linear-gradient(117.49deg, rgba(84, 39, 13, 0.3) 14.44%, rgba(134, 92, 252, 0.3) 47.48%, rgba(0, 0, 0, 0.18) 76.59%, rgba(0, 0, 0, 0.3) 109.94%); background-color: #061323; background-attachment:fixed; } .login-container { margin-top: 10%; max-width: 50%; } .ads { color: #fff; text-align: center; position: relative; margin-top: 8rem; margin-left: -8rem; } .ads h1 { margin-top: 20%; } .user-name-profile { color: #ffffff; margin-bottom: 0px; font-weight: bold; } .edit-profile-edit-icon { width: 35px; background-color: white; } .user-name-email { color: #ffffff; font-size: 14px; font-weight: 300; } .modal-content.width-for-login-profile-page { width: 70%; margin: 0px auto; border: 0px; box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; } .login-section input.input-section-width { width: 330px; } #fl { font-weight: 600; } #sl { font-weight: 100 !important; } .profile-img { text-align: center; width: 320px; } .profile-img img { border-radius: 50%; } .profile-img :hover { border-radius: 50%; } .edit-prof.eye-sec { right: -9px; } .parent .child { border: 7px solid white; } @keyframes mymove { from { border: 1px solid #F2F3F4; } to { border: 8px solid #F2F3F4; } } .textboxname { text-align: left; color: #ffffff; font-size: 12px; } .login-form { padding: 15px; } .aligcolrev { display: flex; flex-flow: column-reverse; } .login-form h3 { text-align: center; padding-top: 15px; padding-bottom: 15px; color: #ffffff; } .form-control { font-size: 14px; } .forget-password a { font-weight: 500; text-decoration: none; font-size: 14px; } .prof-dialog { max-width: 606px !important; } .close-profile { position: absolute; right: 20px; } .prof { width: 100%; padding: 0px; } .prof-title { width: 100%; } .prof-title h5 { float: left; } .edit-prof { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 58px auto; width: 35px; background-color: orange; } .edit-prof:hover { box-shadow: 0px 2px 25px 1px orange; } .profile-edit { text-align: right; position: absolute; right: 0px; top: 7px; } .profile-edit a { color: #000; } .profile-det { width: 315px; padding: 30px 20px; border-radius: 15px; float: left; } .banner-blue { background-image: url(../images/banner-blue.jpg); background-repeat: no-repeat; width: 100%; background-size: cover; text-align: center; margin-top: 6%; } .banner-blue h2 { color: #FFB400; font-size: 40px; } .banner-blue p { color: #ffffff; font-size: 15px; padding: 0 200px; text-align: justify; -moz-text-align-last: center; text-align-last: center; } .cat-services { background-color: red; } .desc { position: absolute; z-index: 2; padding: 20px 50px 35px; box-sizing: border-box; background: linear-gradient(to left,rgba(34, 33, 33, 0) 0%,rgba(0, 0, 0, 0.8) 65%); left: 0; width: 100%; height: 100%; bottom: 0px; color: #fff; } .game-img img { width: 100%; height: 312px; } .sub-title-head { position: absolute; bottom: 90px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .sub-title-para { position: absolute; bottom: 40px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .game-img:hover .desc h3 { bottom: 120px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .game-img:hover .desc p { bottom: 70px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .modal-open { padding-right: 0px !important; } .create-quiz-title { display: flex; float: left; width: 100%; justify-content: space-between; min-height: 40px; padding: 0 2rem; } .create-quiz-title h2 { color: #0D2C54; font-size: 25px; float: left; } .quiz-btn { float: right; width: auto; margin-top: 1%; display: flex; align-items: center; } .quiz-btn p { font-size: 20px !important; } .quiz-btn p span { font-size: 18px !important; } .quiz-btn button.pro { margin-top: 0px; color: #fff; } .quiz-btn button.pro a { color: #fff; } .editpro { box-sizing: border-box !important; display: flex !important; flex-direction: row !important; align-items: center !important; padding: 0px 12px !important; gap: 8px !important; width: 360px !important; height: 44px !important; background: #FFFFFF !important; border: 1px solid #808285 !important; border-radius: 8px !important; } .editprof { font-size: 16px !important; font-weight: 500 !important; line-height: 24px !important; letter-spacing: 0rem !important; text-align: left !important; font-style: normal !important; margin-bottom: 1% !important; } .pswd { margin-top: -3% !important; } .saveprof { height: 42px !important; width: 322px !important; border-radius: 8px !important; padding: 0px 36px 0px 36px !important; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%) !important; font-weight: 600; font-size: 18px; line-height: 20px; letter-spacing: -0.32px; flex: none; flex-grow: 0; } .quiz-btn button.logot { margin-top: 20px; padding: 3px 15px; background: transparent; color: #ffffff; } .quiz-btn button.logot:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .quiz-blog { background: #fff; border-radius: 15px; padding: 20px; float: left; display: block; width: 100%; margin-bottom: 30px; } .input-close { float: left; } .quiz-input input { width: 95%; float: left; } .quiz-opt { width: 95%; padding: 15px 38px 15px 15px; border-right: 1px solid #d6d6d6; } .quiz-opt-edit { width: 5%; padding: 10px; } .quiz-opt-edit img { margin-bottom: 25px; margin-top: 5px; } .add-quiz { width: 100%; display: block; float: left; text-align: left; } .add-quiz a { font-size: 15px; } .quiz-input .form-control::placeholder { color: #A0A0A0; font-size: 15px; } .quiz-input input { border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; } .quiz-main { margin-top: -50px; width: 100% } .addq { float: right; width: 100%; } .addq button.logot { margin-top: 0px; padding: 3px 15px; background: transparent; border: 1px solid #0D2C54; color: #0D2C54; margin: 0 auto; } .addq button.logot:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } #exampleModalCenter .form-label-group { position: relative; } #exampleModalCenter .forget-pass { position: absolute; top: 40px; color: #cccccc; right: 10px; } #exampleModalCenter .forget-pass a { font-size: 8px; color: white; } #exampleModalCenter .forget-pass a:hover { font-size: 12px; color: #0D2C54; } .login-profile-head { display: flex; } .login-img-section { margin-top: 20px; } .login-profile-head .forget-pass a { font-size: 12px; color: #007BF; font-weight: normal; font-style: normal; } .login-profile-head .forget-pass a:hover { font-size: 12px; color: #0D2C54; } .login-profile-head .forget-pass { top: 190px; color: #cccccc; float: right; } .login-img-section img { border-radius: 20px 0px 20px 0px; } .log-btn.logot a { color: #ffffff; text-decoration: none; } log-btn.logot a:hover { color: #ffffff; text-decoration: none; } .score-sharing { float: right; width: 50%; text-align: right; margin-top: 20px; } .container-fluid.score-board { margin-bottom: -3rem; } .score-card-page { margin-bottom: 0px; background-image: url(/images/score-board-bg.jpg) !important; } .score-card-page span { color: #fff; font-size: 16px; letter-spacing: 3px; font-weight: bold; } .score-card-page img { height: 30px; max-width: 100%; margin-left: 10px; margin-right: 10px; } .score-board {backdrop-filter: unset !important; background-position: center; } .score-board-main { margin-top: 0px; } #table-scoreboard .score-title p { font-style: normal; font-weight: 600; font-size: 2rem; line-height: 5rem; text-align: center; color: #FFFFFF; margin-bottom:unset; padding-left:4rem; } .score-counter { margin-bottom: 7%; text-align: center; margin-top: 7.5%; } .score-counter-top p { color: #ffffff; text-align: center; font-family: Archivo; font-style: normal; font-weight: normal; font-size: 20px; line-height: 22px; margin-bottom: 40px; } .score-counter-bottom { width: 195px; height: 195px; border: 3px solid #FFFFFF; border-radius: 50%; display: inline-block; } .score-counter-bottom p { color: #ffffff; font-family: Archivo; font-style: normal; font-weight: normal; font-size: 80px; line-height: 60px; align-items: center; text-align: center; width: 100%; padding-top: 65px; } .table-score-card table tbody td, .table-score-card table tbody tr th { border: none; font-size: 15px; font-weight: normal; text-align: left; } .table-score-card table { color: #ffffff } .table-score-card table span { font-family: Archivo; color: #FFB400; padding-left: 3px; font-style: normal; font-weight: normal; font-size: 15px; line-height: 16px; } .point-star { background-image: url(../images/star.png); background-repeat: no-repeat; padding-left: 30px; background-position: 0px 5px; } .table-score-card table .center { text-align: left; } .create-quiz-cont { display: inline-flex; justify-content:space-between; width: 100%; padding-left:20px; } .create-quiz-cont .rating-star { display: flex; } .create-quiz-cont .rating-star p img { margin-top: -7px; } .rating-star p { float: left; } .rating-star p span { font-size: 20px; } .progress-bar { background-repeat: no-repeat; background-color: #FFB400; border-top-right-radius:0.6rem; border-bottom-right-radius:0.6rem; } .create-quiz-cont .progress { width: 700px; margin-left: 60px; margin-top: 14px; background-color: #0D2C54; } .create-quiz-cont .count-arrow { display: inline-flex; padding-left: 70px; margin-right: 20px; } .create-quiz-cont .count-arrow p { font-size: 20px; line-height: 22px; color: #000000; font-family: Archivo; font-style: normal; font-weight: normal; padding-left: 15px; margin:auto; } .create-quiz-cont .count-arrow p span { font-size: 20px; line-height: 22px; color: #FFB400; font-family: Archivo; font-style: normal; font-weight: normal; } .count-hide .count-section { width: 115px; height: 65px; background: #fbf3e1; border-radius: 0px 0px 0px 20px; margin: 35px 0px 10px 120px; } .main-countdown { width: 100%; } .main-countdown .countdown-left { width: 129px; min-height: 312px; left: 170px; top: 282px; background: #FFB400; border-radius: 20px 0px 0px 20px; } .main-countdown .countdown-left p { font-family: Archivo; color: #ffffff; font-style: normal; font-weight: normal; font-size: 60px; line-height: 65px; padding-top: 80%; display: flex; align-items: center; text-align: center; justify-content: center; } .main-countdown .countdown-form { border-radius: 15px; float: left; display: block; width: 100%; margin-bottom: 30px; } .main-countdown .countdown-right { background: unset; min-height: 312px; border-radius: 0px 20px 20px 0px; display: flex; } .countdown-right h4 { font-weight: normal; font-size: 20px; float: left; line-height: 22px; text-align: left; color: #000000; padding: 32px 40px 0 40px; letter-spacing: 1.1px; margin-bottom:0; } .countdown-right .quick-radio-info { float: left; width: 100%; margin-top: 30px; } .countdown-right .quick-radio-info label { font-size: 15px; color: #4d4c4c; line-height: 16px; font-family: Archivo; font-style: normal; font-weight: normal; line-height: 22px; margin-left: 10px; } .countdown-right .form-check { padding-bottom: 20px; padding-left: 85px; } .countdown-innerleft { width: 100%; float: left; } .countdown-right .count-down-bg { float: right; } .countdown-right .count-down-bg img { border-radius: 20px; margin: 20px; max-width: 100%; margin-right: 170px; } .count-down-bg-for-mobile { display: none; } input[type="radio"] { color: #ffffff; width: 13px; margin-top: 4px; border-color: #ffb400; } .icon-dash { height: 1.5rem !important; width: 35px !important; } .icon-wid { width: 1.5rem !important; } .question { margin-right: -4% !important; margin-left: -5% !important; width: 21% !important; color: black !important; } .editproficon { margin-left: -2%; margin-right: 2%; } .superadminicons { width: 1.5rem !important; margin-top: -2px; height: 30px; margin-right: 2%; } .mrgleft { margin-left: 4.7% !important; margin-top: 15%; } .mrgleft1 { margin-left: 5%; } .mrgtop { margin-top: -16px; } .quiz-main .submit-btn button { font-size: 17px; font-family: Archivo; font-style: normal; font-weight: normal; background: #ffb400; padding: 6px 45px; border: none; color: #fff; } .contain { width: 100%; padding-right: 0px !important; padding-left: 0px !important; margin-right: auto; margin-left: auto; } .adv-libray .submit-btn button { font-size: 15px; font-style: normal; font-weight: normal; background: #ffb400; padding: 5px 35px; } .gamepenal-head.jumbotron { padding: 0px; } .gamepenal-head { min-height: 4rem; background-position: center; background: transparent; } .gamepenal-head .create-quiz-title h2 { color: #ffffff; font-family: Archivo; font-style: normal; font-weight: 600; font-size: 1.5rem; line-height: 35px; padding-top: 25px; margin:0; } .gamepenal-head .create-quiz-title p { font-family: Archivo; padding-top: 10px; font-style: normal; color: #ffffff; font-weight: normal; font-size: 15px; line-height: 16px; margin-bottom:0; } .gamepenal-head .create-quiz-title p span { font-family: Archivo; font-style: normal; font-weight: normal; font-size: 20px; line-height: 40px; color: #ffffff; margin-left: 5px; } #gamepenal-main .quiz-btn button.logot { margin-left: 20px; margin-right: 0px; margin-top: -20px; } #btnPlayGame.StartGame:hover { color: #0D2C54; background-color: #FFB400; border-color: #FFB400; } .team-table { width: 100%; } .team-table .row { margin: 0px; } .team-table-profile { width: 100%; display: flex; justify-content:space-between; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); border-radius: 5px; margin-bottom: 25px; height: 46px; } .team-profile-left p { padding: 10px 0px 0px 54px; font-family: Archivo; font-style: normal; font-weight: normal; font-size: 15px; line-height: 16px; color: #000000; margin-bottom: 0px;Bhy]yhbh]u7 } .team-table-midlle img { border: solid #ccc; border-radius: 50%; margin-right: 20px; margin-top: 10px; width: 25px; height: 25px; } .team-table-midlle p { font-family: Archivo; font-style: normal; font-weight: normal; font-size: 15px; line-height: 16px; padding: 15px 0px 0px 0px; } .btn.join-btn { border-radius: 35.5px; padding: 5px 25px; margin-top: 9px; font-family: Archivo; font-style: normal; font-weight: normal; font-size: 15px; line-height: 16px; } .btn-cus-jnd { font-family:poppins!important; font-weight: 500 !important; font-size: 18px !important; line-height: 27px; border: unset; color: #ffb400; padding: 5px 16px !important; } .quiz-btn.lo-btn { width: 320px; } .profile-team-penal .team-profile-left p { padding-top: 15px; } .file-upload-sec input.form-control { background-color: #ffb400; border: 1px solid #ffb400; } .rules-tag h2 { font-style: normal; font-weight: normal; font-size: 25px; line-height: 29px; color: #FFFFFF; margin-bottom: 30px; } .rules-tag ol { padding-left: 15px; } .connection-details { padding-bottom: 20px; color: #a9dcdc; } .like-tag-section .log-btn-blue { width: auto; margin: 0 auto; font-size: 15px; background-color: #0D2C54; border: 0px; margin-top: 5px; padding: 6px 20px; border-radius: 20px; } .like-tag-section .login-title { margin-top: 46px; margin-bottom: -30px; } .like-tag-section .form-label-group { display: inline-flex; } .qstmod { font-family: Poppins !important; font-size: 22px !important; font-weight: 500 !important; line-height: 27px !important; letter-spacing: 0em !important; text-align: left !important; color:#000; } .noborder { border-radius: 0px !important; } .padibtn { padding: 0px 24px 0px 24px; } .clrtxt { color: #B1B1B1 !important; } .font-faces { font-size: larger !important; } .btnclr { background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%)!important; } .forgetpassbox { height: 44px; text-align:center; border-radius: 8px!important; } .box { position: relative; } .box::before { content: ""; position: absolute; inset: 0; border-radius: 10px; padding: 2px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); } .backunset{ background:unset!important } .borderset { border-style: solid!important; border-image: linear-gradient(92.23deg,#ff56f6 21.43%,#b936ee 50.63%,#273571 100%,#0f1f61 117.04%) 4!important; background:unset!important } .submitmail { margin: auto!important; height: 40px!important; width: 200px!important; border-radius: 8px!important; padding: 0px 36px 0px 36px!important; } .clrmod { background: #061323 !important; } .like-tag-section input { border-bottom: 1px solid #ffb400; } .like-tag-section .login-pop-header { padding: 20px 15px 20px 10px; } .like-tag-section h5 { font-family: Archivo; font-style: normal; font-weight: normal; font-size: 17px; line-height: 16px; text-align: center; padding: 20px 0px 0px 0px; margin-bottom: 12px; } .like-tag-section .modal-content { border: 0px; margin: 0px auto; justify-content: center; width: 563px; } .gametype-section .form-check { position: relative; display: block; display: inline-flex; width: 100%; padding: 0px 24px 0px 45px; } .gametype-section .from-Individual { width: 90%; text-align: left; } .img-Individual img { position: relative; } .gametype-section label { font-family: Archivo; font-style: normal; font-weight: normal; font-size: 15px; line-height: 16px; } .gametype-section h5 { font-family: Archivo; font-style: normal; font-weight: normal; font-size: 10px; line-height: 11px; } .gametype-section .an-active label { color: #c4c4c4; } .gametype-section .login-pop-header { padding: 0px; } .gametype-section .login-title { padding: 30px 0px; } .gametype-section .log-btn { margin-bottom: 30px; } .gametype-section .modal-content { border: none; } .menuitemshow label { color: #0D2C54 !important } .quiracity-tag-section .col-md-4 img { border-radius: 50%; margin: 30px 0px 30px 40px; width: 86px; height: 86px; } .quiracity-tag-section .quiracity-infotag h2 { font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; color: #ffffff; } .quiracity-tag-section .quiracity-infotag h3 { font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #ffffff; } .quiracity-tag-section .quiracity-infotag p { font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #ffffff; } .quiracity-tag-section .quiracity-infotag img { width: 16px; height: 16px; } .quiracity-tag-section .quiracity-infotag span { width: 50%; padding: 5px; } .gamewithout-slide .project { width: 250px; transition: transform .2s; margin-bottom: 3rem; } .gamewithout-slide .project:hover { box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px; transform: scale(1.08); } .gamewithout-slide a.games-card { display: inline-flex; min-height: 315px; } #projects-carousel .share-profile-single { position: absolute; width: 100.6%; height: 35px; left: -1px; background: rgba(255, 180, 0,0.9); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); bottom: 0px; } #projects-carousel .share-profile-double { position: absolute; width: 100%; height: 35px; left: -1px; background: rgba(13, 44, 84,0.9); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); bottom: 0px; } #projects-carousel .share-profile-double img { width: 18px; height: 16px; margin: 8px auto; margin-left: 11px; float: left; } #projects-carousel .share-profile-single img { width: 18px; height: 20px; margin: 5px auto; margin-left: 11px; float: left; } .menuitemhide { display: none; } .rank-in-leaderboard { padding: 10px; min-width: 3rem; display: inline-block; } .leader-class-scrore-styling { display: flex; justify-content: center; align-items: center; padding-right: 10px; } .leader-class-name-styling { justify-content: center; align-items: center; } .globeleader-leftpenal { overflow-y: scroll; height: 400px; } .globeleader-leftpenal .team-table-profile, .globeleader-rightpenal .quiracity-tag-section { width: 95%; } .globeleader-rightpenal .quiracity-tag-section { float: right; } .globeleader-leftpenal .board-table-left { padding: 10px 0px 10px 54px; width: 80%; } .globeleader-leftpenal .team-table-profile .board-table-left { padding: 0px 0px 0px 10px; margin: auto 0; } .bgcol { max-width: 100%; background: #061323; } .globeleader-leftpenal .board-table-left p, .globeleader-leftpenal .board-table-right p { margin: 0px; font-family: Archivo; font-style: normal; font-weight: normal; font-size: 15px; line-height: 16px; color: #FFFFFF; } .globeleader-leftpenal .board-table-left img { border: 2px solid #FFB400; border-radius: 50%; margin-right: 20px; margin-top: 0px; margin-left: 5px; width: 28px; height: 28px; } .globeleader-leftpenal .board-table-right { margin: auto 0; } .globeleader-leftpenal .board-table-right span { padding-left: 10px; } .globeleader-rightpenal .log-pop-content { background: #FFFFFF; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.04); border-radius: 10px; border: none; } .globeleader-rightpenal .modal-dialog { margin: 0px; } .globeleader-rightpenal .quaracity-tag { border: 1px solid #f4b73f; box-sizing: border-box; text-align: center; margin-bottom: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); border-radius: 5px; } .globeleader-rightpenal .quaracity-tag h3 { font-style: normal; font-family:'Poppins'; font-weight: normal; font-size: 15px; line-height: 18px; text-align: center; margin-bottom: 0px; } .globeleader-rightpenal .quaracity-tag p { margin-bottom: 20px; color: #ffffff; } .toppad { max-width: 22%; } .globeleader-rightpenal .quiracity-tag-section .quiracity-infotag span { float: none; } .globeleader-rightpenal .quaracity-right-cor { width: 90%; float: left; } .globeleader-rightpenal .quaracity-left-cor { width: 90%; float: right; margin: 10px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 70px; } .team-profile-left.border-tag-blue img { border: solid #248EA6; border-radius: 50%; margin-right: 20px; margin-left: 20px; margin-top: 0px; width: 28px; height: 28px; } .team-profile-left.border-tag-yellow img { border: solid #F2E74B; border-radius: 50%; margin-right: 20px; margin-left: 20px; margin-top: 0px; width: 28px; height: 28px; } .team-table-midlle.host-tag { color: #D94141; padding-top: 10px; } .team-members .quiz-btn button.logot { background: #0D2C54; border: 1px solid #0D2C54; } .team-members .logot.btn-invisiable, .quiz-btn .logot.btn-invisiable { background: none !important; color: #0D2C54 !important; border: 1px solid #0D2C54; } .team-members .logot.btn-invisiable:hover, .quiz-btn .logot.btn-invisiable:hover { background: #0D2C54 !important; color: #ffffff !important; } .table-border-tag .team-table-profile { border-bottom: 1px solid #ffffff; border-radius:unset !important; } .table-border-tag .team-table-profile:hover { border: 1px solid #FFB400; } #model-pop-profile .modal-content { border: 0px; } #model-pop-profile .quiracity-infotag { text-align: left; padding-top: 13px; padding-left: 30px; } #model-pop-profile .modal-dialog { margin: 0rem auto; } .team-table .team-profile-left p a { color: #000000; } .team-table-midlle.host-tag p { padding: 5px 0px 0px 0px; } .globel-game .globel-table.table td { border-right: 1px solid #0D2C54; } .globel-game .globel-table.table td:nth-child(4) { border-right: 0px solid #0D2C54; } .globel-game .table td { border-top: 0px solid #dee2e6; padding: 0px; } .globel-game .globel-none.table { margin-bottom: 0px; } .globel-game .globel-none.table tr td { padding: 0.9rem .5rem .1rem .75rem; border-right: 0px solid #0D2C54; color: #000000; font-size: 13px; font-weight: 400; } .globel-game .globel-none.table tr td span { color: #0D2C54; padding-right: 10px; font-family: Roboto; font-size: 13px; font-weight: 400; } .globel-game .table .thead-dark th { color: #fff; background-color: #0D2C54; border-color: #0D2C54; text-align: center; border-right: solid 1px; font-size: 17px; font-weight: 400; font-family: Avenir LT Std; width: 25%; } .globel-game .globel-none.table tr td:nth-child(2) { text-align: right; } .globel-game .globel-none.table tr td img { width: 15px; margin-right: 5px; } .quiz-btn.top-subnavtag { float: right; width: auto; margin-top: 0%; } .top-subnavtag ul li a { font-size: 15px; color: #0D2C54; font-weight: 400; padding: 0px 10px 0px 0px; } .top-subnavtag ul li { font-size: 17px; color: #000000; font-weight: 400; display: flex; padding-left: 10px; justify-content: center; align-items: center; } .top-subnavtag ul li:last-child { font-size: 15px; color: #000000; font-weight: 400; display: flex; margin-right: 0px; padding-top: 0px; } .top-subnavtag ul li:nth-last-child(2) { padding-top: 0px; } .top-subnavtag li input { background: #FFFFFF; border: 1px solid #FFB400; width: 50px; height: 30px; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); margin-left: 5px; border-radius: 10px; } .hdr { margin-top: 5%; width: 88%; margin-left: 12%; } .mrg { margin-left: 10% !important; margin-top: 8% !important; } .mrg1 { margin-left: 6% !important; margin-top: 4% !important; } .mrgee { margin-top: -45px; margin-left: -7%; width: 45pc; } .gmecrte { display: block; } .bcgfont { font-family: Arial Rounded MT !important; color: whitesmoke !important; } .wdt { width: 30% !important; display: flex; flex-shrink: 0; } .top-subnavtag li label input:checked + .slider { background-color: #ffb400; } .top-subnavtag li .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 3px; bottom: 2px; } .top-subnavtag.quiz-btn li button.logot { margin-right: 0px; } .top-subnavtag.quiz-btn li button a { padding: 0px 0px 0px 0px; text-decoration: none; } #choose-game .choose-game-tag { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; margin: 0 auto; border-radius: 20px; background: #ffffff; } #choose-game .choose-game-tag .form-control { padding: 4px; font-size: 14px; } .clrblu { background: linear-gradient(90deg, #0F2635, #19435F ) !important; } .bcgfont { font-family: 'Arial Rounded MT' !important; color: whitesmoke !important; } #choose-game .choose-game-tag form { width: 100%; margin: 48px 0; } #choose-game .choose-game-tag label { font-size: 14px; font-weight: 600; font-family: Arial; } #choose-game .choose-game-tag input, #choose-game .choose-game-tag select { border: none; background: #ffffff; border-bottom: 1px solid #cccccc !important; margin-bottom: 20px; border-radius: 0px; box-shadow: none; } #choose-game .choose-game-tag select { width: 168px; font-size: 12px; cursor: pointer; } #choose-game .game-play label { } #choose-game .game-play select { } #choose-game .choose-game-tag .log-btn { margin-top: 0px; margin-bottom: -18px; } #choose-game .date-info input { font-size: 13px !important; width: 168px; display: block; cursor: pointer; padding-left: 0px; color: #495057; } .inner-padding-of-input { padding-left: 10px !important; } #choose-game .time-info input { font-size: 12px !important; width: 168px; float: right; display: block; cursor: pointer; padding-left: 0px; } .full-btn { background: #FFFFFF; margin-top: 40px; border: 1px solid #FFB400; padding: 25px; font-style: normal; font-weight: normal; font-size: 17px; line-height: 20px; align-items: center; text-align: center; color: #FFB400; box-sizing: border-box; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05); border-radius: 5px; } .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .sk-folding-cube { margin: 20px auto; width: 40px; height: 40px; position: relative; } .sk-folding-cube-loader { width: 50px; height: 50px; position: relative; } .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } .regbah { max-width: 100% !important; } .unblo { padding-right: unset !important; padding-left: unset !important; margin-right: unset !important; margin-left: unset !important; } .registration-page-bg-old { background-image: url(../images/register/login-background.jpg); background-size: cover; } .registration-page-bg { background-image: url('../images/loginregistration.png'); height: 100%; width: 100%; background-attachment: fixed; background-repeat: no-repeat; } .registration-page-bg1 { background-image: url(../images/loginregistration.png); height: 100%; width: 100%; min-height: 100vh; background-attachment: fixed; background-repeat: no-repeat; } .reg-unset { position: unset !important; margin-left: unset !important; } .registration-page-header { color: #FFFFFF; width: fit-content; font-size: 22px; font-weight: 600; position: absolute; margin-left: 3rem; } .registration-page-label { color: #FFFFFF; font-size: small } .registration-page-button { position: relative; width: 100%; height: 2.5rem; color: #FFFFFF; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border: none; border-radius: 0.3rem; } .registration-page-button1 { position: relative; width: 100%; color: #FFFFFF; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border: none; border-radius: 2px; } .registration-page-goback { background: url("../images/register/GoBack.png") no-repeat scroll 0 0 transparent; height: 15px; width: 85px; border: none; background-size: cover; } .registration-buttons { width: 200px; margin: 0 auto; display: inline; } .registration-action-btn { width: 200px; margin: 0 auto; display: inline; } .registration-form-outer { width: 100%; } .registration-form-outer form { display: flex; } .registration-form-outer form .page { width: 100%; transition: margin-left 0.3s ease-in-out; } .reg-btns { position: relative; margin: 45px 0; width: 100%; height: 15%; color: #FFFFFF; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border: none; display: flex; padding-left: 1%; } .register-outer-wrapper { height: 100vh; display: flex; flex-direction: column; } .btn-user.register-btn { padding: 10px 15px; background: #244ec9; border: 1px solid #244ec9; border-radius: 20px; color: #fff; font-size: 16px; } .registration-card-main { margin: auto auto; width: 100%; border-radius: 20px; } .for-mobile-logo { margin-bottom: 30px; } .main-inner-form-sec { padding: 30px 40px 30px 40px; width: 430px; } .registration-card-main form.user .form-control-user { font-size: .8rem; border-radius: 0.5rem; padding: 1.2rem 1rem; } .create-register-img { background-image: url(../images/login_section_banner_four.jpg); background-position: center 90px; background-size: 430px; background-repeat: no-repeat; background-color: aliceblue; } .extra-info-text { text-align: right; padding: 40px 20px; } .extra-info-text p { font-size: 14px; font-weight: 300; } .extra-info-text p.main-heading { font-size: 18px; font-weight: bold; } @media (min-width: 576px) { .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } } @media (min-width: 1200px) { .tabsinside { padding-left: 4rem; } } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .fle { margin-left: 2rem; } } @media (min-width: 1500px) { .fle { margin-left: 6rem; } } @media (min-width: 992px) { .mrgleft-r { margin-left: 4.7% !important; margin-top: 15%; } .registration-page-bg, .registration-page-bg1 { background-position: center; background-size: 100% 100%; } .login-page-bg { background-position: center; background-size: 100% 100%; } .mrgleft2 { margin-left: 10% !important; } .login-section1 { margin-left: 25%; } .marmob { margin-top: 6rem !important; margin-left: 2.5rem; } .admin-menu { margin-top: 27px !important; } .super-admin-nav { margin-right: -3rem !important; } .recentactive { justify-content: left !important; } .mar13 { margin-left: 13%; } .profile-img { text-align: left !important; } .buttons { } .toppad { } } .containerR ul { list-style: none; margin: 0; overflow: auto; width: 100%; padding: 15px; } .containerR ul li { color: #AAAAAA; display: block; position: relative; } .containerR ul li input[type=radio] { position: absolute; visibility: hidden; } .containerR ul li label { display: block; position: relative; font-weight: 300; font-size: 16px; padding: 10px 25px 10px 55px; z-index: 9; cursor: pointer; line-height: 16px; -webkit-transition: all 0.25s linear; margin: 0; } .containerR ul li:hover label { color: #000; } .containerR ul li .check { display: block; position: absolute; border: 2px solid #AAA; border-radius: 100%; height: 22px; width: 22px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; } .containerR ul li:hover .check { border: 3px solid #0D2C54; } .containerR ul li .check::before { display: block; background-size:cover; position: absolute; content: ''; border-radius: 100%; height: 25px; width: 25px; inset:0; margin: auto; } .containerR input[type=radio]:checked ~ .check { border: unset; } .containerR input[type=radio]:checked ~ .check::before { background-image: url('../images/QriosityTicked.png'); border: solid 2px #FF56F6 !important; background-size: 69%; background-position: center; background-repeat:no-repeat; } .containerR input[type=radio]:checked ~ label { color: #0D2C54; font-weight: 700; } .your-turn { text-align: center; display: block; color: #ffb400; font-weight: bold; font-size: 14px; position: relative; top: 3px; background-image: url('../images/star-your-turn.png'); background-repeat: no-repeat; height: 60px; background-size: 23px; padding-top: 35px; background-position: 53px 9px; background-color: #0d2c54; border-top-left-radius: 20px; margin-top: -3px; } @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .blink-hard { text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -webkit-animation-direction: alternate; } .artboard { display: flex; flex-flow: row; align-items: center; justify-content: center; position: relative; margin-bottom: 10px; } .artboard .card { flex: initial; position: relative; height: 307px; width: 250px; -moz-perspective: 200rem; perspective: 200rem; border-radius: 10px; margin-top: 10px; } .card__side { height: 100%; transition: all 0.8s ease; position: absolute; top: 0; left: 0; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); } .card__side--front { background-image: url("../images/create_game.png"); background-size: cover; background-repeat: no-repeat; opacity: 0.8; } .card__side--back { background-color: #0d2c54; color: white; transform: rotateY(180deg); } .artboard .card:hover .card__side--back { transform: rotateY(0); } .artboard .card:hover .card__side--front { transform: rotateY(-180deg); } .card__theme { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); top: 54%; width: 90%; text-align: center; } .card__theme-box { color: #fff; } .card__subject { font-family: "Inconsolata", monospace; letter-spacing: 0.8rem; font-size: 12px; text-transform: uppercase; margin-bottom: 1rem; } .card__title { text-transform: uppercase; font-size: 16px; font-weight: 100; } .card__cover { position: relative; background-size: cover; -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); border-top-left-radius: 3px; border-top-right-radius: 3px; background-image: url("../images/create_game.png"); } .card__heading { text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%; } .card__heading-span { font-family: "VT323", monospace; font-size: 4.2rem; font-weight: 300; text-transform: uppercase; padding: 1rem 1.5rem; color: #fff; } .marpad { width: 100% !important; margin: 0 !important; max-width: 100% !important;} .card__details { margin: 63px auto; } .card__details ul { list-style: none; width: 80%; margin: 0 auto; } .card__details ul li { text-align: center; font-size: 20px; padding: 1rem; } .card__details ul li:not(:last-child) { border-bottom: 1px solid #eee; } @media only screen and (max-width: 319) { .artboard .card { height: auto; border-radius: 3px; background-color: #fff; box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.15); } .card__side { height: auto; position: relative; box-shadow: none; } .card__side--front { clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%); } .card__side--back { transform: rotateY(0); } .artboard .card:hover .card__side--front { transform: rotateY(0); } .card__details { padding: 1rem 1rem; } .card__theme { position: relative; top: 0; left: 0; transform: translate(0); width: 100%; padding: 5rem 4rem 1.5rem 4rem; text-align: right; } .card__theme-box { margin-bottom: 1.5rem; } .card__title { font-size: 4rem; } } .swal2-icon { width: 4em; height: 4em; } .swal2-icon.swal2-error { border-color: #0d2c54; } .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: 1.95em; width: 2em; height: 0.315em; background-color: #0d2c54; } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ffb400 !important; border-color: #ffb400 !important; } .swal2-actions .swal2-confirm.btn.btn-danger { background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); padding: 0.5rem 1.5rem; border: unset !important; box-shadow:unset; } .swal2-popup #swal2-content { color: #fff !important; font-size: 1.3rem; line-height: 1.7rem; font-weight: 450; } .swal2-show { background: #061323 !important; } a.mirror-shr-cls { text-decoration: none; color: #333; cursor: pointer; } .form-check.containerR ul li label { padding: 10px 7px 10px 43px; } .form-check.containerR ul li .check { left: 20px; } .form-check.containerR ul li .single-vector { margin-top: -30px; } @media screen and (max-width: 1190px) {.marunset{margin-left:2rem!important; margin-right:0rem!important;} .login-img-section img { width: 100%; } } #snackbar { visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #ffb01e; color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 1; left: 50%; bottom: 30px; } #snackbar.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; } .tabs { width: 100%; margin: 0 auto; display: flex; } #tab-button { display: table; table-layout: fixed; width: 100%; margin: 0; padding: 0; list-style: none; border-bottom: 2px solid #FFB400; } #tab-button li { float: left; } #tab-button li a { display: block; padding: 10px 20px; border: 0px solid #FFB400; text-align: center; color: #FFFFFF; text-decoration: none; border-bottom: 0px; } #tab-button li:first-child a { border-left: none; } #tab-button li a:hover, #tab-button li.is-active a { border-bottom-color: transparent; border-top-right-radius: 5px; border-top-left-radius: 5px; color: #FFB400; } #tab-button li a.is-active { border-bottom: 2px solid #FFB400; margin-bottom: -2px; } #gamepenal-main .tab-button-outer { width: 100% !important; text-align: right; } .leader-board-head-style { color: #ffffff; font-weight: 600; width: 54%; font-family: 'Archivo'; letter-spacing: 2px; padding: 1.8rem 0 0 1.8rem; } .leader-board-head-style h3 { font-size: 26px; } #gamepenal-main ul .is-active a { border-bottom: 2px solid #FFB400; border-left: 0px; border-top: 0px; border-right: 0px; margin-bottom: -2px; } #gamepenal-main .tabs .tab-contents { padding: 0px; } #gamepenal-main #tab-button { border-bottom: 0px; } #gamepenal-main #tab-button li a { padding: 10px 0px; } #gamepenal-main #tab-button li { float: none; display: inline-block; margin: 20px 5%; } #gamepenal-main.adventure-tab { padding: 0; width: 100%; background: unset !important; margin-left: 0; } .tab-contents { padding: 10px 10px 10px 20px; border-top: 0px solid #FFB400; } .adventure-tab { background: #fff; border-radius: 10px; padding: 40px; } .tabsinside { width: 100%; } .tab-button-outer { display: none; } .tab-contents { margin-top: 20px; } .tab-button-outer li.is-active a { border-bottom: 2px solid #FFB400 !important; } @media screen and (min-width: 768px) { .marglefty{ margin-left:0.8rem; } .rec-gam-btns { margin: 0 0 0 auto; display: block; } .slider-container { margin: unset !important; } .h100 { height: 100%; } .ldr-bord-ctn { flex-flow: row !important; } .tab-button-outer { position: relative; z-index: 2; display: block; } .tab-select-outer { display: none; } .tab-contents { position: relative; top: -1px; margin-top: 0; } } .lib-tit { text-align: center; margin-bottom: 30px; } .adv-check { float: right; width: 30px; height: 30px; margin-right: 0px !important; } ol.adv-list li { line-height: 40px; font-weight: 400; font-size: 15px; font-family: 'Archivo', sans-serif; margin-bottom: 10px; } ol.adv-list li img { margin-bottom: 10px; } ol.adv-list li span { display: block; height: 1px; background: #ededed; position: absolute; left: 0px; width: 100%; } .custom-control-label { font-size: 14px; } .adv-check.custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 20px; height: 20px; pointer-events: none; content: ""; background-color: #fff; border: 1px solid #0D2C54 !important; } .adv-check.custom-checkbox .custom-control-label::before { border-radius: 0px; border: 1px solid #0D2C54 !important; } .adv-check.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: inherit; } .adv-check .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #0D2C54; background-image: url(../images/check.png); background-repeat: no-repeat; height: 20px; background-position: 3px 5px; width: 20px; background-size: 12px; } .adv-list p { float: left; width: 82%; padding-top: 3.4%; } .adv-img-chk { padding-top: 30px; } #slideOut { position: fixed; width: 300px; height: 800px; top: 50%; right: -300px; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } #slideOut1 { position: fixed; width: 300px; height: 800px; top: 43%; right: -300px; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } #slideOut2 { position: fixed; width: 300px; height: 800px; top: 57.1%; right: -300px; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } #soundButtons { position: fixed; width: 300px; height: 800px; top: 35.5%; right: -300px; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .showSlideOut { right: 150px !important; z-index: 9; } .slideOutTab { margin-top: 50px; position:fixed; right:4.4rem; padding: 10px 0; width: 55px; height: 55px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 2px 15px rgba(0, 0, 0, .1); background: #464649; border: solid 3px #FFB400; border-radius: 0.4rem; display: flex; justify-content: center; } .slideOutTab div { text-align: center; position: relative; right: 70px; top: 90px; background: #ffffff; width: 180px; } .slideOutTabGlobal { margin-top: 50px; position: absolute; left: -56px; padding: 10px 0px 10px 15px; width: 90px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 2px 15px rgba(0, 0, 0, .1); background: #ffffff; border-radius: 20px 0px 0px 20px; } .slideOutTabGlobal div { text-align: center; position: relative; right: 70px; top: 90px; background: #ffffff; width: 180px; } .modal-body { height: 400px; } .height-for-modal { height: 100%; } .height-for-update-status { height: auto !important; } .intro { display: table-cell; vertical-align: middle; } #slideOut .modal-content { border: 0px; border-radius: 1rem; border: solid 2px #FFB400; background: #37414c; } #slideOut1 .modal-content { border: 0px; bottom: 80px; border-radius: 1rem; border: solid 2px #FFB400; background: #37414c; } #slideOut2 .modal-content { border: 0px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; bottom: 80px; } #slideOut2Global .modal-content { border: 0px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; bottom: 80px; } .sharing-main { } .sharing-list { border-bottom: 1px solid #eeeeee; float: left; padding-top: 20px; } .sharing-desc { width: 70%; float: left; } .sharing-desc h2 { font-size: 15px; color: #FFB400; } .sharing-desc p { font-size: 10px; } .sharing-img { width: 30%; float: left; text-align: center; padding-top: 10px; } .sharing-txt { width: 100%; float: left; } #slideOut .modal-content .modal-body { height: auto; } #slideOut1 .modal-content .modal-body { height: auto; } #slideOut2 .modal-content .modal-body { height: auto; } .sharing-main .sharing-list:last-child { border-bottom: 0px; } table.share-team-pop td { border-top: 0px; font-size: 13px; font-family: 'Archivo', sans-serif; padding: 10px 0; } table.share-team-pop span.pop-team { font-size: 13px; margin-right: 10px; color: #FFB400; } table.share-team-pop img { width: 15px; height: 15px; margin-right: 10px; } .subtitle { margin: 0 0 2em 0; } .fancy { line-height: 0.5; text-align: center; color: #0D2C54; } .fancy span { display: inline-block; position: relative; } .fancy span:before, .fancy span:after { content: ""; position: absolute; height: 5px; border-bottom: 1px solid #FFB400; top: 0; width: 50%; } .fancy span:before { right: 100%; margin-right: 15px; } .fancy span:after { left: 100%; margin-left: 15px; } #login-custom-section .log-pop-content { width: 500px; margin: 0px auto; text-align: center; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } #login-custom-section .log-pop-content.login-pop-width { width: 60%; display: flex; flex-direction: row; border: 0px; } .press-enter { text-align: right; font-size: 12px; font-style: italic; color: grey; margin-top: 10px; } #messagesList { min-height: 200px; } .userNameClass { font-weight: 700; font-size: 12px; } .edit-email-box { } .validation-message-email { margin-top: -13px !important; font-size: 12px; float: left; margin-bottom: 30px; } .login-btn-height { margin-top: 53px; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; margin: 0px auto; margin-left: -100px; border: 1px solid #bfbdb7; margin-top: 20px; } .emailbox { margin-left: -14rem !important; } .name-heading-text { font-size: 15px; line-height: 18px; font-style: normal; font-weight: normal; margin: 10px auto; margin-right: 13px; } .name-profile { display: flex !important; justify-content: center; align-content: center; } .img-profile-small { border: 2px solid #0D2C54; border-radius: 20px; background: #ffffff; } .image-height { margin: 0px auto; } .list-item-footer-Games-Qriosity { margin-top: 10px; margin-bottom: 20px; } .list-item-footer-Games { margin-bottom: 20px; } .email-imput-footer-input { margin-top: 25px; height: 25px; width: 258px; color: #ffffff; } .email-imput-footer-input:focus { color: #ffffff; } .owl-carousel .owl-item { margin-right: 14px; } .like-tag-section .point-congrat-box { width: 317px; height: 234px; } .layer { position: absolute; top: 0; left: 0; width: 8%; object-fit: cover; animation: rotation infinite 3s linear; } .layer-two { position: absolute; top: 20%; left: 70%; width: 8%; object-fit: cover; animation: rotation infinite 3s linear; filter: saturate(0.5); -webkit-filter: saturate(0.5); } .layer-three { position: absolute; top: 50%; left: 0; width: 8%; object-fit: cover; animation: rotation infinite 3s linear; } .layer-four { position: absolute; top: 0; left: 0; width: 8%; object-fit: cover; animation: rotation infinite 3s linear; } .layer-five { position: absolute; top: 0; left: 0; width: 8%; object-fit: cover; animation: rotation infinite 3s linear; } .layer-six { position: absolute; top: 0; left: 0; width: 8%; object-fit: cover; animation: rotation infinite 3s linear; } .layer-seven { position: absolute; top: 0; left: 0; width: 8%; object-fit: cover; animation: rotation infinite 3s linear; } .layer-thirteen { position: absolute; top: 50%; left: 50%; width: 1045px; z-index: -2; transform: translate(-50%,-50%); display: none; } .gaming-pad { position: relative; top: 0; left: 0; } .layer-fifteen { position: absolute; object-fit: cover; top: 20px; left: 60%; width: 46%; } .layer-eight { position: absolute; top: 193px; left: 90%; width: %; object-fit: cover; animation: rotation infinite 3s; } .layer-nine { position: absolute; top: 0; left: 0; width: 8%; object-fit: cover; animation: rotation infinite 3s linear; } .layer-ten { position: absolute; top: 122px; left: 80%; width: 6%; object-fit: cover; animation: rotation infinite 3s linear; } .layer-one { position: absolute; top: -4px; left: 86%; width: 8%; object-fit: cover; animation: rotation infinite 3s linear; } @keyframes rotation { 0% { transform: rotate(0deg); } 25% { transform: rotate(90deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .slider-image-progress { width: 16px; height: 16px; position: absolute; margin: -7px auto; align-self: flex-end; } .progress-bar-width { } .point-star-gameplay { margin-top: -2px; } .question-section { display: flex; } .text-shine { font-weight: 600; font-size: 30px; text-decoration: none; margin-top: 16px; color: #ffffff; } .background-color-qriosity { background-color: #3030306e; height: 270px; border-radius: 20px; } .create-image-design-home { border-radius: 50%; -webkit-animation: highlight 3.0s linear infinite; -moz-animation: highlight 3.0s linear infinite; -ms-animation: highlight 3.0s linear infinite; -o-animation: highlight 3.0s linear infinite; animation: highlight 3.0s linear infinite; } @keyframes highlight { 0% { box-shadow: 0px 0px 12px 5px #ffffff; } 50% { box-shadow: none; } 100% { box-shadow: 0px 0px 12px 5px #ffffff; } } @-webkit-keyframes highlight { 0% { box-shadow: 0px 0px 12px 5px #ffffff; } 50% { box-shadow: 0 0 0; } 100% { box-shadow: 0px 0px 12px 5px #ffffff; } } @keyframes shine { 0% { background-position: 0; } 60% { background-position: 180px; } 100% { background-position: 180px; } } .modal-body-upload-photo { align-items: center; justify-content: center; text-align: center; } .modal-footer-upload-button { text-align: center; padding: 20px; } .modal-body-footer-text { font-size: 12px; color: #bbb8b8; margin-bottom: 20px; } .btn-width-browse-upload { width: 100px; border-radius: 20px; background-color: #ffb300; border: none; margin: 0px 20px auto; } .modal-content-border-radius { border-radius: 20px; } .modal-body-section { width: 100%; height: 200px; } .modal-body-choose-photo { align-items: center; width: 100%; height: 100%; justify-content: center; display: flex; } .button-preview { width: 50%; position: absolute; } .choose-photo-image { } .choose-photo-image:hover { cursor: pointer; } .dropdown-menu-game > li > a:hover { background-image: none; background-color: red; } .dropdown-menu > li > a:hover { background-image: none; background-color: red; } .dropdown-menu .dropdown-item > li > a:hover { background-image: none; background-color: #000 !important; } .image-preview { width: 180px; height: 180px; border: 2px solid #bbb8b8; margin-top: 15px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #bbb8b8; border-radius: 50%; } .image-preview__image { display: none; width: 100%; height: 100%; border-radius: 50%; } .add-image-in-profile { position: absolute; margin: -29% -2% auto; width: 40px; cursor: pointer; border-radius: 50%; } .add-image-in-profile:hover { box-shadow: 2px 2px 10px #595958; } [class^="bi-"]::before, [class*=" bi-"]::before { margin: -31% 3% auto; color: #ffb300; font-size: 40px; } .main-rapid-answer { display: flex; justify-content: center; align-items: center; flex-direction: row; } .rapid-answer-left { margin-top: 9px; } .rapid-answer-right { margin-top: 18px; } } .rapid-answer-left-image { width: 34px; height: 34px; margin-top: -4px; margin-right: 10px; } .rapid-answer-left-line { width: 34px; height: 34px; margin-top: -4px; margin-right: 10px; } .host-display { width: 339px; height: 46px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); border-radius: 5px; margin: 0px auto; margin-top: -6px; display: flex; justify-content: center; align-items: center; } .host-display-name { font-family: Archivo; font-style: normal; font-weight: normal; font-size: 15px; line-height: 16px; color: #000000; margin-top: 15px; } .host-display-role { padding-left: 5px; font-family: Archivo; font-style: normal; font-weight: normal; font-size: 15px; line-height: 16px; color: #D94141; margin-top: 15px; } .create-team-pop { width: 443px !important; height: 131px; } .create-team-pop-title { display: flex; } .create-team-pop-title h5 { font-size: 15px !important; line-height: 16px !important; display: flex; } .create-team-pop-input { width: 277px !important; } .create-team-pop-button { } .input-login-edit-profile { width: 277px; } .login-image-side { width: 100%; background-image: url(/images/login_section_banner_four.jpg); background-position: center; border-radius: 0px 25px 25px 0px; background-size: cover; background-repeat: no-repeat; margin-right: -3px; } .login-image-class { } .modal-content.choose-game-type-modal { width: 317px; margin: 0px auto; border-radius: 10px; margin-top: 22%; } .p-5.top-padding-choose-team { padding: 2rem !important; } .div-for-single { margin: 30px auto; } .line-between { height: 1px; width: 100%; background-color: #C4C4C4; position: absolute; top: 122px; } input[type="radio"]:checked + label { color: #0B4DB7; } .label-for-individual { margin-left: 5px; } .choeese-game-type { font-family: Archivo; font-style: normal; font-weight: 600; font-size: 17px; line-height: 11px; margin: -4px auto; width: 148px; color: #000000; } .single-vector { float: right; } .radio-custom:checked ~ label { color: #0D2C54; } .login-section input.enter-input { width: 280px; } .like-tag-section .modal-content.popup-cong { border-radius: 0.5rem; background: #061323; width: 26rem; } .create-team-pop-title.alignment-create-team-pop { margin-left: 20px; } .cross-button-forget-psw { width: 22.63px; margin-top: 20px; margin-right: 20px; padding-bottom: 19px; } .input-forget-password-email { } .submit-button-forget-password { width: 100%; } .access-denied { margin: 130px 50px 50px; height: 50px; text-align: center; } .gamepenal-head.margin-top-of-game-panel { padding: 0px; } @media (max-width: 1200px) { .individual-section-help { display: none; } .team-section-help { display: none; } } @media (max-width: 1199px) { .margin-top-of-game-panel { margin-top:7% !important; } .top-subnavtag ul li { margin-right: 0px; } .padd-right { padding-right: 0px } .padd-left { padding-left: 0px } .main-countdown .countdown-right { width: 655px; border-radius: 0px 0px 20px 20px; } .countdown-innerleft { width: 100%; float: left; } .countdown-right .count-down-bg img { margin-right: 270px; } .edit-prof { top: 50%; left: 59%; transform: translate(-50%,-50%); } .adv-list p { padding-top: 4.2%; } .gamewithout-slide.games-card { flex-direction: row; } .row { margin-right: 0px; margin-left: 0px; } .main-menu .navbar-nav li.nav-item { padding: 0 12px !important; } } @media(max-width:1024px) { .open-button{ position:fixed; top:85%; } .loginbtnhig{ height:auto } .log-con { display: flex; justify-content: center; } #myModal1 { display: none !important; } #scrolloff { overflow: auto !important; } .main-container-pricing { flex-wrap: wrap; } .main-card-container { margin: 20px; } .heuristic-evaluation .question-section .single-button .btn.btn-primary { padding: 24px 50px !important; } } @media(max-width:991px) { .testimonial-box { clip-path: unset !important; } .gamepenal-head.jumbotron { margin-top: 13%; } .margin-top-of-game-panel { } .image-align-for-selected { margin-left: 74% !important; } .your-turn { height: auto; padding-right: 0px; padding-top: 2px; background-image: none; transform: none; border-top-right-radius: 20px; } .modal-content.width-for-login-profile-page { width: 100%; } .main-countdown .countdown-left { min-height: 130px } .edit-prof { top: 50%; left: 83%; transform: translate(-50%,-50%); } .login-section.login-edit-profile input { width: 310px; } .adv-list p { float: none; width: 100%; } .mr-auto, .mx-auto { align-items: center; } .banner-blue p { font-size: 9px; padding: 0 140px; line-height: 20px; text-align: justify; -moz-text-align-last: center; text-align-last: center; } .banner-blue h2 { font-size: 23px; } .top-subnavtag ul li { margin-right: 10px !important; padding-bottom: 10px; justify-content: flex-start; } .main-countdown .countdown-left p { padding-top: 4%; } .main-countdown .countdown-left { left: 0px; top: 0px; width: 100%; min-height: 129px; border-radius: 20px 20px 0px 0px; } .main-countdown .countdown-form { margin-left: 0px; } #login-custom-section .log-pop-content.login-pop-width { width: 100%; } .login-section input.enter-input { width: 245px; } .mobidpanel { margin-left: 1.5% !important; max-width: 96% !important; } .mobtex { text-align: center; } .mobrep { margin-left: 2% !important; max-width: 96% !important; } .ui-jqgrid .ui-jqgrid-caption { text-align: left !important; padding-left: 9% !important; } .ui-jqdialog .ui-jqdialog-titlebar-ltr .ui-jqdialog-title, .ui-jqgrid .ui-jqgrid-caption .ui-jqgrid-title, .ui-jqgrid .ui-jqgrid-errorbar-ltr .ui-jqgrid-error { position: sticky !important; left: 28% !important; } .mobrecac { flex-wrap: wrap !important; height: 1000px !important; margin-left: unset !important; } } @media(max-width:768px) { .morcorans { background: transparent; width: 360px; height: 130px; } .recentactive .created-gam-container { margin-left: 0; } .colorbg3 { background: linear-gradient(90deg,#1a1924,#242455) !important; } .rows { margin: auto 1.5rem !important; } .game-titl { margin-bottom: 0.7rem; } .ldr-brd-wid { width: 100%; margin-bottom: 5rem !important; } .buttons { flex-flow: column; justify-content: center; align-items: center; } .btn-ctn { display: flex !important; flex-flow: column; height: 100% !important; } .hlp-hom-content { width: 306px !important; overflow: auto; } .hlp-hom-main-contn-head { margin-top: 0px !important; } .margin-bottom-hrlp-hom-cont { margin-bottom: 24px !important; margin-bottom: 13px !important; } .vsb-main ul::-webkit-scrollbar-track { background-color: #e0dbdb !important; } .align-res-selet { display: flex; justify-content: center; align-items: center; } .game-img img { height: 250px; } .create-register-img { display: none; } .banner-blue p { font-size: 9px; padding: 0 140px; text-align: justify; -moz-text-align-last: center; text-align-last: center; } .banner-blue h2 { font-size: 27px; } .category-effect { padding: 0px 20px 15px 35px; } .navbar-expand-lg .navbar-nav .dropdown-menu { margin-left: -82px; } } @media(max-width:992px) { .timeOutMessage-con { display:none !important;} .helps { text-align: center; } .marmob { margin-top: 9rem !important; margin-bottom: 9rem; } .mar-1 { margin-top: 1.2rem; } .respon-reg { margin-top: 6rem; padding: 0 !important; display: flex !important; justify-content: center !important; } .respo-reg-inner { width: 100% !important; max-width: 500px !important; } .register-outer-wrapper { width: 100% !important; max-width: 100% !important; } .reg-con { display: flex; align-items: center; justify-content: center; } .help-main-body { justify-content: center !important; align-items: center !important; } .nav-bottom-content { justify-content: unset !important; margin-bottom: unset !important; margin-top: 1.6rem; } .list-side { margin-top: unset !important; } .nav-margin-bottom { padding: unset !important; } .samplef { position: unset !important; } .tble { margin: unset !important; background: transparent !important; } #gamepenal-main.adventure-tab { max-width: 100%; background: transparent !important; } .fundoo-friday-logo { top: 12px !important; left: 12px !important; } .mar2px { margin-top: 2px; } .nav-mob-btn { margin-top: 4px; } .navbar { flex-flow: row-reverse !important; } .txt-cen { margin: auto !important; text-align: center !important; width: auto !important; } .textboxname { text-align: center !important; } .aligcolrev { justify-content: center; align-items: center } .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs .row { display: flex; flex-direction: column; } .main-container-seven-stone { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .team-red { width: 100% !important; } .team-blue { width: 100% !important; } .verses { font-size: 22px !important; } } @media(max-width:767px) { .employeemob { color: #808080; border: 1px solid #ccc !important; display: flex!important; justify-content: center; border-radius: 1.5rem; background: #e9ecef; } .empinput { width: inherit!important; background: unset!important; border: unset!important; box-shadow: none!important; } .empa { width: fit-content; display: flex; } .empIMG{ margin-left:unset!important; margin-top:35%!important; } .maxwidtt { max-width: 130px; } .widthmax { margin: auto !important; margin-bottom: 1rem !important; margin-left: unset; width: 150px !important; margin-right: 1rem; } .request-for-demo { margin-bottom: 2rem; } .teams-name-for-respnsive { padding-bottom: 10px; } .minigolf-main-container { } .create-game-main-container { } .share-button-styling { } .vsb-main ul { } .buttom-back-add-buttom-main { justify-content: center !important; } .arrange-select-button { width: 100%; } .arrange-back-add-button { justify-content: center; } .arrangementofFields { flex-direction: unset; } .back-finish-main-container { justify-content: center !important; } .globeleader-leftpenal .board-table-right { padding-top: 0px; } .leader-class-name-styling { display: flex; padding: 10px; justify-content: unset; } .globeleader-leftpenal .board-table-left { padding: 20px 0px 10px 10px; } .margin-top-of-game-panel { margin-top: 3rem !important; min-height: 162px; } .image-align-for-selected { margin-left: 0% !important; } .gamewithout-slide .project { } .project { margin: 20px 0px 20px 0; } .input-for-choose-image { width: 197px !important; } .access-denied { margin-top: 130px !important; } .mr-auto, .mx-auto { align-items: flex-end; } .navbar-collapse { margin-right: -7px; } .navbar-light .navbar-toggler { border: 0px; outline: none; } .navbar-light .navbar-toggler-icon { float: right; } .navbar-light .navbar-toggler-icon:focus-visible { border: 0px; } .main-inner-form-sec { padding: 30px 10px; } .padd-left { padding-right: 0px; } .padd-right { padding-left: 0px; } .registration-card-main { margin-top: 50px; } .edit-prof { top: 50%; left: 48%; transform: translate(-50%,-50%); } .login-section input.enter-input { width: 267px; } #login-custom-section .log-pop-content.modal-forgot-psw { width: 280px; } #login-custom-section .log-pop-content.login-pop-width { width: 100%; justify-content: center; margin-top: 50%; } .submit-button-forget-password { width: 100%; margin-top: 20px; } .login-image-side { display: none; } .mobile-login-header { flex-direction: row !important; justify-content: space-between; } .login-section input { width: 154px; } .cross-button-forget-psw { width: 18.63px; margin-top: 2px; margin-right: 1px; padding-bottom: 2px; } .password-dialog .login-pop-header { padding: 0px 25px 20px 25px; } .login-section input.input-forget-password-email { width: 212px; } .login-pg-section { margin-top: 30%; margin-bottom: 20%; } .banner-blue { display: none; } .navbar-expand-lg .navbar-nav .dropdown-menu { margin-left: -100px; } .game-filter { margin-top: 33%; } #project-terms.game-filter { margin-top: 10%; } .sub-title-head { bottom: 70px; } .sub-title-para { bottom: 10px; } .modal-content.width-for-login-profile-page { margin-top: 53%; } .banner-bg { margin-top: 30%; } .bootstrap-datetimepicker-widget row { display: flex; flex-direction: column; justify-content: center; } #dvGamePlayed { display: flex; flex-direction: column; justify-content: center; align-items: center; } .active-cards-container { display: flex; flex-direction: column; justify-content: center; align-items: center; } .row { margin-left: 0px; margin-right: 0px; } #choose-game .choose-game-tag form { display: flex; flex-direction: column; justify-content: center; align-items: center; } .form-row { display: grid; place-content: center; } .form-row > .col, .form-row > [class*=col-] { display: flex; flex-direction: column; } .time-info { display: flex; flex-direction: column; } #choose-game .game-play label { padding-left: 0px; } #choose-game .choose-game-tag .log-btn { width: 100%; } .create-quiz-title { display: flex; flex-direction: column; } .create-quiz-tile-flex { flex-direction: unset !important; } .justify-content-end { } .top-subnavtag ul li { margin-left: 0px; justify-content: center; } .top-subnavtag ul li:last-child { margin-left: 0px; margin-bottom: 0px; } .create-quiz-title-button-arrange { display: flex; justify-content: center; } .tab-select-outer { display: flex; justify-content: center; } #tab-select { width: 180px; height: 40px; border: 1px solid #bcbcbc; border-radius: 5px; font-size: 15px; font-weight: 300; padding-left: 15px; z-index: 5; } .select-all-margin { margin-left: 0px !important; top: 2.8rem; position: relative; } .custom-control-label { font-size: 17px; } .log-btn { border-radius: 30px; } .adv-libray .submit-btn button { height: 40px; } .gamepenal-head.jumbotron { margin-top: 23%; } .gamepenal-head .create-quiz-title p { color:#fff; text-align: center; font-size: 17px !important; } #table-scoreboard { display: flex; flex-direction: column; } .team-profile-left { margin-top: 10px; } .team-table-midlle { } .team-profile-left p { padding: 0px !important; display: flex; } .team-table-profile { height: 90px; justify-content:left; align-items: center; padding-left: 10px; padding-right: 10px; } .team-table-midlle.host-tag { padding-left: 70px; } .like-tag-section .modal-content { min-height: 100px; } .like-tag-section .login-title { margin-top: 0px; } .quiz-btn { margin-top: 3%; justify-content: center; } #gamepenal-main .quiz-btn button.logot { width: 115px; height: 30px; font-weight: 600; margin-top: 0px; margin-left: 0px; margin-bottom: 10px; } .create-team-pop { width: 290px !important; } .create-team-pop-input { width: 130px !important; } .create-team-pop-title h5 { font-size: 13px !important; } .gamepenal-head .create-quiz-title h2 { text-align: center; } #table-scoreboard .boxborder { max-width: 100%; border-right: none; margin:0 auto; } .mobman { margin-right:auto !important; margin-left:auto !important; } .score-counter { display: flex; max-width: 100%; justify-content: center; align-items: center; } .score-counter-bottom { margin-left: 16px; } .rules-tag { margin: 0px; } .like-tag-section .point-congrat-box { width: 298px; height: 234px; } #table-scoreboard .score-card-lt { padding: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .main-countdown .countdown-right { width: 100%; min-height: 282px !important; } .countdown-right h4 { font-size: 16px; padding-left: 15px; padding-top: 20px; padding-right: 10px; } .create-quiz-cont .progress { margin-left: 10px } .create-quiz-cont .count-arrow { display: inline-flex; padding-left: 30px; } .countdown-form { padding: 0px; } .main-countdown .countdown-left { min-height: 80px; } .countdown-right .form-check { padding-bottom: 15px; padding-left: 45px; } .countdown-right .quick-radio-info { margin-top: 15px; } .main-countdown .countdown-left p { font-size: 45px; } .count-down-bg-for-web { display: none !important; } .count-down-bg-for-mobile { display: block; } .countdown-right .count-down-bg { float: none; margin: 0px auto; display: block; text-align: center; } .countdown-right .count-down-bg img { margin: 0px; padding: 20px; } .countdown-innerleft { width: 100%; float: none; } .main-countdown .countdown-form { padding: 20px 0px 20px 0px; } .countdown-right { display: block !important; } .tab-contents { position: relative; top: -1px; margin-top: 0; } .adventure-tab { padding: 40px 10px; } ol.adv-list li { font-size: 14px; margin-top: 15px; padding-bottom: 5px; line-height: 22px; } ol.adv-list li span { margin-top: 10px; } .adv-check { padding-left: 30px; margin-top: 0px !important; margin-bottom: 0px !important; } .create-quiz-title h2 { float: none; text-align: center; width: 100%; margin: 0px; } .arrangement-of-team-buttons { margin-top: 20px !important; flex-direction: column; } .top-subnavtag ul li:last-child { } .mobile-select-game { width: 250px; margin: 0px auto; text-align: center; } .add-image-in-profile { margin: auto; bottom: 20px; left: -40px; } .modal-footer-upload-button { display: flex; justify-content: center; } .modal-content-border-radius { margin-top: 120px; } .user-name-profile { } .total-quset-span { display: block; width: 100%; margin-left: 0.3rem; } .quiracity-tag-section .col-md-4 img { margin: 30px auto; } .quiracity-tag-section .quiracity-infotag h2 { padding-top: 0px; margin-bottom: 10px; text-align: center; } .quiracity-tag-section .quiracity-infotag h3 { line-height: 14px; color: #333; text-align: center; } .quiracity-tag-section .quiracity-infotag p { width: 100%; text-align: center; } .quiracity-tag-section .quiracity-infotag p:last-child { margin-bottom: 30px; } .gamepenal-head .create-quiz-title p span { padding-top: 5px; } .gamepenal-head .create-quiz-title p { padding-top: 0px; background:transparent; padding: 5px 10px; border-radius: 0px 0px 15px 15px; } .owl-carousel .nav-btn { height: 47px; position: absolute; width: 26px; cursor: pointer; top: 100px !important; } .owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled { pointer-events: none; opacity: 0.2; } .owl-carousel .prev-slide { background: url("/images/nav-icon.png") no-repeat scroll 0 0; left: -33px; } .owl-carousel .next-slide { background: url("/images/nav-icon.png") no-repeat scroll -24px 0px; right: -33px; } .owl-carousel .prev-slide:hover { background-position: 0px -53px; } .owl-carousel .next-slide:hover { background-position: -24px -53px; } .owl-dots { display: none; } .owl-nav { display: block; } .owl-carousel .owl-nav { height: 0px; display: block; width: 100%; text-align: center; margin-top: 20px; margin-bottom: 75px; font-size: 43px; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { background: 0 0; color: inherit; border: none; padding: 0px !important; font-size: 20px; width: 40px; height: 25px; line-height: 25px; background-color: #b6b1b1; color: #fefeff; border-radius: 5px; margin: 10px; } .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus { outline: none; background-color: #FFB400; color: #0D2C54 } .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover { background-color: #0D2C54; color: #fefeff; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #5110e9; } .owl-carousel .item { text-align: center; width: 100%; } .hovereffect { width: 100% !important; } .owl-carousel .nav-button { height: 50px; width: 25px; cursor: pointer; position: absolute; top: 110px !important; } .owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled { pointer-events: none; opacity: 0.25; } .owl-carousel .owl-prev { left: -35px; } .owl-carousel .owl-next { right: -35px; } .owl-theme .owl-nav [class*=owl-] { color: #ffffff; font-size: 39px; background: #000000; border-radius: 3px; } .owl-carousel .prev-carousel:hover { background-position: 0px -53px; } .owl-carousel .next-carousel:hover { background-position: -24px -53px; } } @media(max-width:513px) { .gamepenal-head.jumbotron { margin-top: 35%; } .login-section input.enter-input { width: 245px; } .banner-bg { margin-top: 50%; } .game-filter a { margin-right: 0px; } .score-counter-bottom { border: none; } .score-counter-bottom p { padding-top: 27px; } .table-score-card table tbody td { font-size: 11px !important; } .table-score-card .table th { padding: .50rem !important; font-size: 11px !important; } } @media(max-width:425px) { .align-res-selet { display: block; } .vsb-main { padding: 10px; } .filter-main-section { padding: 15px 20px 20px 51px !important; height: 241px; } .margin-time-per-question { } } @media(max-width:400px) { #gamepenal-main #tab-button li { margin: 20px 5px; } .margin-top-of-game-panel { margin-top: 30% !important; } .i-want-password { width: 220px !important; margin-left: 0px; } .login-section.login-edit-profile input { width: 220px; } .gamepenal-head.jumbotron { margin-top: 50%; } #gamepenal-main .quiz-btn button.logot { margin-left: 0px; } .team-members .logot.btn-invisiable, .quiz-btn .logot.btn-invisiable { background: #FFb400 !important; color: white !important; border: 1px solid #ffb400; width: 100%; height: 35px; } .quiz-btn.lo-btn { width: 100%; } .host-display { width: 262px; } .score-counter-bottom { border: none; } .score-counter-bottom p { padding-top: 27px; } #slideOut1, #slideOut { width: 260px; right: -260px; } #slideOut .modal-content { bottom: 230px; } } @media(max-width:375px) { .vsb-main ul { } .banner-blue p { font-size: 5px; padding: 0 34px; text-align: justify; -moz-text-align-last: center; text-align-last: center; } .banner-blue h2 { font-size: 12px; } .login-section input.enter-input { width: 212px; } .owl-carousel .owl-nav { text-align: center; display: block; margin: 30px auto 50px; } .like-tag-section .log-btn-blue { font-size: 10px; } } @media(max-width:374px) { .game-img .desc p { bottom: 0px; } .game-img:hover .desc p { bottom: 0px; font-size: 18px } .game-img:hover .desc h3 { bottom: 90px; } .sub-title-head { font-size: 22px; } .add-image-in-profile { left: -50px; } } @media(max-width:340px) { } @media(max-width:320px) { .owl-carousel .owl-nav { margin-left: -17px; } } .hovereffect { width: 218px; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; border-radius: 20px; cursor: pointer; } .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 50px 20px; background-color: rgba(0,0,0,0.4); } .hovereffect img { display: block; position: relative; max-width: none; width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .hovereffect:hover img { filter: alpha(opacity=40); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 18px; overflow: hidden; padding: 0.5em 0; background-color: transparent; font-weight: 600; } .hovereffect h2:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .hovereffect:hover h2:after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .hovereffect a, .hovereffect p { color: #FFF; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .hovereffect:hover a, .hovereffect:hover p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .be-active-all:active { background-color: #ffb400; color: white; border-color: #ffb400; } .owl-dots { text-align: center; padding-top: 25px; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .owl-carousel button.owl-dot { height: 6px; width: 50px; background: #d6d5d2 !important; } .owl-carousel button.owl-dot:active { background: #ffb400; outline: none; } .owl-carousel button.owl-dot:focus { background: #ffb400 !important; outline: none; } .owl-carousel button.owl-dot:hover { background: #0d2c54 !important; outline: none; } .owl-dot { border-radius: 50px; height: 10px; width: 10px; display: inline-block; background: rgba(127,127,127, 0.5); margin-left: 5px; margin-right: 5px; } .owl-nav { display: none; } .owl-carousel .owl-item img { width: 105%; } .pop-invite-url { border-radius: 5px !important; } .invite-popup-content { display: flex; flex-direction: row; align-items: center; border-radius: 0.3rem; background: #575877; border: solid 1px #7e8487; width: 80%; margin: 1rem auto; } .invite-popup-content-input { background-color: transparent !important; margin: auto; color: #fff; border: unset; } .cross-button-invite-url { width: 17.63px; margin-top: 16px; margin-right: 20px; padding-bottom: 10px; } .log-close-button-invite-url { margin: 0px auto; margin-right: 0px; padding: 0px; border: none; background-color: white; } .log-close-button-invite-url:focus { outline: none; } .profile-view-lobby { border-radius: 5px !important; } .dropdown-toggle-arrow::after { display: inline-block; margin-left: .5em; content: ">"; transform: rotate(90deg) scale(0.6,2); font-size: 12px; } .login-prof a.edit-profile-section-pop-email-addr { font-size: 13px !important; word-break: break-word; } .log-close-button-invite-url-padding { padding: 0px; } .close-icon-pop-global-chat { background: white; height: 100%; margin: auto; margin-right: 2rem; } .close-icon-pop-global-chat-image { width: 14px; } .close-icon-pop-global-chat:hover { cursor: pointer; } .input-section-for-chat { margin-left: 0px; justify-content: center; flex-direction: column; } .input-chat { width: 270px; border-top: 0; border-left: 0; border-right: 0; } .chat-section { height: 110px; overflow-y: scroll; } .chat-room { padding: 10px; } .chat-room p { text-align: center; } .press-enter-team-chat { font-size: 12px; font-style: italic; color: grey; } .chat-section::-webkit-scrollbar { display: none; } #messagesListtoteam { margin-left: 20px; } .messagge-in-chat { margin-left: 20px; padding: 5px; padding-left: 20px; background-color: #0d2c54; color: white; border-radius: 20px; font-size: 14px; } .name-in-chat { font-size: 14px; padding-left: 10px; } .message-container::-webkit-scrollbar { width: 5px; background-color: #fafafa; } .message-container::-webkit-scrollbar-track { background: #f1f1f1; } .message-container::-webkit-scrollbar-thumb { background: #888; } .message-container ::-webkit-scrollbar-thumb:hover { background: #555; } .number-of-Employees { display: none !important; } .spacing-of-graph { margin-top: 32px !important; padding: 5px 0; } .spacing-of-mirror { margin-top: 16px !important; } .spacing-of-sound { margin-top: 4px !important; } .spacing-of-chat { margin-top: 40px !important; } .quit-button-of-gameplay { height: 40px; width: 140px; background-color: #716f6b !important; } .flex-button-gameplay-submit-sec { display: flex; justify-content: space-evenly; margin-top: 2rem; margin-bottom: 2rem; } .mirror-sharing-teams { display: flex; margin-left: 10px; } .mirror-sharing-teams-list { text-align: left; } .listofTeams { list-style: none; } .heading-teams-mirror { margin-left: -20px; text-decoration: underline; } .pop-mirror-teams { width: 300px !important; } .font-size-forgot-password-register { font-size: 12px; } .Modal-width-of-register { height: 128px; width: 300px; margin: 0px auto; } .fundoo-friday-logo { position: fixed; top: 20px; } .input-for-choose-image { width: 170px; } .image-text-validation { font-size: 11px; } .margin-bottom-choose-image { margin-bottom: 8px !important; } .onpopOver:hover .pop-name-content { display: block; position: absolute; height: 50px; padding: 15px 20px 55px 20px; background-color: #0d2c54; box-shadow: 0px 0px 10px #ccc; border-radius: 5px; margin-top: -100px; clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 25% 75%, 5% 100%, 11% 75%, 0% 75%); color: white; margin-left: 1px; font-size: 14px; } .pop-name-content { display: none; } .padding-for-team-name { padding: 15px 0px 0px 54px !important; } .name-for-info-palyer { margin-bottom: 2px !important; } .rules-tag-tips h2 { text-align: center; border: solid 3px #FFB400; border-radius: 1.5rem; background: rgba(255, 255, 255, 0.25); color: FFB400; padding: 0.5rem 2rem; width: fit-content; display: block; margin: 2rem auto; font-size: 1.4rem; font-weight: 500; } .tips-rule-sec { color: yellow !important; } .substxt { color: #ffffff; font-family: "Roboto", Sans-serif; font-size: 15px!important; font-weight: 500!important; letter-spacing: 0px; text-align: center; line-height: 21px!important; padding-bottom:0%!important; } .heading-section-tips span { font-size: 25px; color: #FFFFFF; } .rules-tag-tip ol li { font-family: Archivo; font-style: normal; font-weight: normal; font-size: 15px; line-height: 21px; color: #FFFFFF; padding-bottom: 15px; } .tips-section-body { font-size: 18px !important; } .edit-profile-btn-width { width: 90px; } .border-for-rank-holder { border: 1px solid #ffb400; } .border-for-rank-holder3 { background: rgba(255, 180, 0, 0.1)!important; border: 1px solid #ffb400; width: 97.3% !important; padding-right: 0.87rem !important; } .image-tag-section { width: 200px; height: 50px; position: absolute; bottom: 0px; } .image-game-tag { width: 100px !important; } .qriosity-game-name-tag { color: white; margin: 5px auto; float: right; margin-right: 10px; } .i-want-password { width: 320px; text-align: right; font-size: 15px; color: #007bff; } .i-want-password:hover { text-decoration: none; color: #ffb400; } .add-back-select { margin-bottom: 50px; margin-top: -40px; } .arrange-select-button { display: flex; flex-direction: column; position: absolute; right: 0; } .arrange-back-add-button { display: flex; } .dtp .dtp-actual-meridien a.selected { background: #ffb400; } .dtp div.dtp-date, .dtp div.dtp-time { background: #0d2c54; } .dtp table.dtp-picker-days tr > td > a.selected { background: #ffb400; } .dtp > .dtp-content > .dtp-date-view > header.dtp-header { background: #17529e; } .dtp .p10 > a { color: #ffb400; } .hour-hand { color: #ffb400; } .minute-hand { stroke: #ffb400; } .btn-primary.disabled, .btn-primary:disabled { background-color: #66686b; } .submit-btn-game-creation { width: 100%; margin-top: 0px !important; height: 35px; font-size: 18px; } .image-preview-gane-creation { width: 197px; height: 140px; background-color: aqua; } .dataTables_filter { display: none; } .table-striped tbody tr:nth-of-type(odd) { background-color: #ffd97e; } .table-bordered td, .table-bordered th { border: 0px; } .table-striped tbody tr:nth-of-type(odd) { background-color: #ffebbb; } .page-item.active .page-link { background-color: #0d2c54; border-color: #0d2c54; } .page-link { color: #0d2c54; font-family:sans-serif; } .page-link:hover { color: #0d2c54; } .text-align-right-table-head { text-align: right; } .image-heading-pagination { padding-right: 42px !important; text-align: right; } .image-align-for-selected { margin-left: 84%; } .border-for-question { border-bottom: 0.1px solid #ffb400; cursor: pointer; } .table.dataTable { border-collapse: collapse !important; } table.table-bordered.dataTable { border-right-width: 1px !important; } .table-bordered { border: 1px solid #ffb400; } .table thead th { } .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { top: 39px; left: 5px; } .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: 31px; right: 1px; } .create-quiz-title-button-arrange { width: 100%; margin-top: 40px; } .arrange-of-image-text { display: flex; justify-content: space-between; } .time-icon { margin-left: -23px; cursor: pointer; } .time-icon-class { color: #495057 !important; } .time-icon-class:hover { color: #ffb400 !important; text-decoration: none; } #example_wrapper { margin-top: 145px; } div.dataTables_wrapper div.dataTables_length label { font-size: 14px; } .select-btn-all-question { margin-left: 25px; margin-right: 6px; margin-top: 52px; display: flex; justify-content: flex-end; } .margin-top-table { margin-top: 180px; } .owl-item.cloned { width: 50px; } .owl-carousel { } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { } .player-box { width: 270px; margin: 0px auto; margin-top: -30px; } .img-profile-small-game { border: 2px solid #ffffff; border-radius: 20px; } .img-profile-small-game-active { border: 2px solid #ffb400 !important; } .margin-top-imagedBased { margin-top: 184px !important; } .margin-top-textBased { margin-top: 80px !important; } .note-for-tips { font-size: 1rem; color: #FFB400; } .rule-board-team { margin-top: 70px; } @font-face { font-family: 'digital-clock-font'; src: url('../images/DIGITALDREAMFATNARROW.ttf'); } .digital-time { font-family: digital-clock-font !important; } .hightlight-player-border { } .active-palyer-name { width: 189px; margin: 0px auto; text-align: center; padding: 5px 10px; margin-top: -16px; background-color: #0d2c54; color: #ffffff; border-radius: 5px; font-size: 15px; clip-path: polygon(9% 100%, 91% 99%, 100% 0, 0 0); } .mirror-sharing-active:hover { text-decoration: none; } .mirror-sharing-disable:hover { text-decoration: none; color: #8c8f92; } .mirror-sharing-disable h2 { color: #8c8f92; } .mirror-sharing-disable p { color: #8c8f92; } #GameDate { } .bootstrap-datetimepicker-widget .btn-primary { background-color: #FFB400 !important; border-color: #FFB400 !important; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #FFB400 !important; } .timepicker-sbs { padding: 10px !important; } .datepicker { padding: 20px; } .bootstrap-datetimepicker-widget table th { height: 20px !important; line-height: 20px !important; } .picker-switch { padding-bottom: 20px; } .glyphicon { padding-bottom: 20px; } .glyphicon-trash { background-color: #0D2C54; color: #ffffff; border-radius: 0px !important; border-right: 2px solid #ffffff; } .glyphicon-ok { background-color: #0D2C54; color: #ffffff; border-left: 2px solid #ffffff; border-radius: 0px !important; } .glyphicon-trash:hover { background-color: #FFB400 !important; color: #0D2C54 !important; } .glyphicon-ok:hover { background-color: #FFB400 !important; color: #0D2C54 !important; } #GameDate:focus-visible { outline: none; } .leaderboard-tag-image { } .leaderboard-info-tag { } .leaderboard-info-tag p { font-size: 16px !important; } .leaderboard-info-tag h2 { margin-bottom: 5px !important; } .leaderboard-info-tag h3 { font-size: 14px !important; } .leaderboard-tag-section .col-md-4 img { margin: 12px !important; } .testimonial-box { background-color: #0d2c54; padding: 35px 20px 75px 20px; clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%); } .testimonial-comment p { clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 60% 90%, 50% 99%, 40% 91%, 0 90%); padding: 20px 20px 40px 20px; background-color: #ffffff; border-radius: 20px; color: #0d2c54; font-size: 15px; } .testimonial-comment p:first-letter { font-weight: bold; } .testimonial-info { display: flex; justify-content: center; align-items: center; } .testimonial-image { height: 70px; width: 70px !important; border-radius: 50%; box-shadow: 0px 0px 3px 2px #ccc; border: 1px solid #fff; margin: 5px 10px; } .testimonial-name { margin-bottom: 0px; font-size: 20px; font-weight: 700; color: #ffffff; } .testimonial-about { color: #ffffff; } .padding-class-testimonial { padding-left: 0px !important; padding-right: 0px !important; background-color: #f3c623; } .testimonial-star img { width: 20px !important; height: 20px; } .padding-testimonial-info { padding-left: 20px; } .free-trial-text { font-size: 18px; margin-bottom: 20px !important; color: #0d2c54; } .arrangement-of-team-buttons { } .back-finish-main-container { display: flex; justify-content: flex-end; } .height-width-button { height: 37px; margin-left: 10px; width: 100px; } .buttom-back-add-buttom-main { display: flex; justify-content: flex-end; } .buttom-back-button { margin-right: 30px; } .buttom-finish-button { } .score-card-section-leaderboard { display: flex; width: 100%; } .score-card-section-leaderboard2 { display: flex; } for-active-leaderboard:active { background-color: #FFB400; } .button-cofirm-gamelogin { height: 50px; padding: 15px; border-radius: 30px; color: #fff; background-color: #0d2c54; outline: none; border: 0px; margin: 15px; text-decoration: none; } .button-cofirm-gamelogin:hover { color: #0d2c54; background-color: #FFB400; outline: none; border: 0px; text-decoration: none; } .title-for-game-login { font-size: 25px; } .swal2-close:focus { outline: none; } .game-login-image-pop { height: 100px; width: 100px; } .container-for-class { width: 100%; height: 100%; background: rgb(252,74,26); background: linear-gradient( 69deg, rgba(252,74,26,1) 6%, rgba(247,183,51,1) 100%); } .activation-card { background-color: #ffffff; margin: auto auto; width: 50%; height: 335px; border-radius: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .activation-card-body { display: flex; justify-content: center; align-items: center; flex-direction: column } .activation-card-image { width: 100%; padding-left: 20px; } .login-success-image img { width: 120px; } .login-success-image h2 { font-size: 22px; font-weight: 600; color: #0e734f; text-align: center; } .login-success-image { display: flex; justify-content: center; align-items: center; flex-direction: column; } .login-btn-actv-section { margin-top: 20px; } .mail { background-image: linear-gradient(0deg, rgba(6, 19, 35, 0.2), rgba(6, 19, 35, 0.2)),linear-gradient(117.49deg, rgba(84, 39, 13, 0.3) 14.44%, rgba(134, 92, 252, 0.3) 47.48%, rgba(0, 0, 0, 0.18) 76.59%, rgba(0, 0, 0, 0.3) 109.94%)!important; background-color: #061323!important; } .login-button-after-actv { width: 140px; height: 40px; border-radius: 10px; background-color: #ffb400; font-size: 18px; font-weight: 600; border: 0px; } .check-mail-style { font-size: 18px; padding-top: 10px; color: #686561; } .share-button-styling { } .share-button-styling img { width: 40px; height: 40px; border-radius: 0px; } .game-im .share-button-styling a { margin-left: 56px; position: absolute; margin-top: 27px; } .filter-main-section { background-color: #f1f1f1; padding: 0px 20px 20px 20px; border-radius: 10px 0px 0px 10px; z-index: 9; } .ul-class-for-front li { list-style: none; } .wrapper-for-list-modal { display: flex; flex-wrap: wrap; justify-content: center; } .styling-list-in-modal { list-style: none; width: 100px; float: left; width: 20%; margin: 10px; } .styling-list-in-modal label { display: flex; flex-direction: row; } .styling-list-in-modal label input { margin: 7px 10px 0px 0px; width: 20px; } .search-section-modal-filter { display: flex; margin: 0px 0px 20px 0px; background-color: #efeaea; padding: 20px; justify-content: center; } .input-style-for-search-categories { width: 100%; outline: 0px; border: 0px; padding: 5px; } .ul-class-for-front li label input { width: 20px; } .choose-more-text { cursor: pointer; color: #FFB400; } .choose-more-text:hover { color: #0D2C54; } .styling-body-moal-filter { background-color: #fbfbfb; padding: 0px; } .heading-choose-category { font-size: 20px; } .design-for-gapone { height: 200px; width: 100%; background: linear-gradient(to top left, #FF3B3B, #FFB301); clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%); transform: rotate( 90deg); } .design-for-gaptwo { height: 60px; } .display-none-class { display: none; } .main-cotainer-cards { display: flex; } .class-z-index { z-index: 999999999 !important; } .game-cards-sections { } .quorisity-card-one { height: 150px; margin: 10px; } .quorisity-card-one a { text-decoration: none; } .scrolling-gaming-card { overflow-y: auto; height: 365px; } .container-card-section { width: 100%; height: 100%; background-color: burlywood; display: flex; flex-direction: row; border-radius: 15px; } .card-section-title { border-top-left-radius: 15px; border-top-right-radius: 15px; } .card-section-title span { color: #ffffff; font-weight: 700; font-size: 23px; } .card-section-image { width: 100%; height: 100%; background-image: url('/images/Quriosity.png'); background-repeat: no-repeat; background-size: cover; position: relative; border-radius: 15px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .seven-stone-bg { background-image: url('/images/7_stones.jpg') !important; } .snap-shot-bg { background-image: url('/images/Snapshot.png') !important; } .open-mic-virtual-ice-breaker-bg { background-image: url('/images/open mic .png') !important; } .background-layer-effect-game-card { background: rgba(0,0,0,0.1); padding: 20px; border-radius: 20px; box-shadow: 0px 0px 10px #000; width: 95%; } .btn-letsgo { padding: 10px; background-color: #ffb400; margin: 10px; border-radius: 20px; cursor: pointer; text-align: center; width: 100px; margin: 0; color: black; } .background-Image-Mini-golf { background-image: url('/images/letsplaygolf.png'); background-size: 245px 300px; background-repeat: no-repeat; overflow: hidden; cursor: pointer; } .background-Image-Memory-game { background-image: url('/images/MemoryGame.png'); background-size: 245px 300px; background-repeat: no-repeat; overflow: hidden; cursor: pointer; } .background-Image-Mask-Brothers { background-image: url('/images/Mask_Brothers.png'); background-size: 245px 300px; background-repeat: no-repeat; overflow: hidden; cursor: pointer; } .text-mini-golf { font-size: 30px; padding: 0px 20px; text-align: center; color: #fff0f0; font-weight: 700; text-transform: uppercase; } .text-Memory-game { font-size: 30px; padding: 0px 20px; text-align: center; color: #fff0f0; font-weight: 700; text-transform: uppercase; } .text-Mask-brothers { font-size: 30px; padding: 0px 20px; text-align: center; color: #fff0f0; font-weight: 700; text-transform: uppercase; } .background-Image-Mini-golf :before { content: ''; position: absolute; top: 0; left: -250px; width: 150px; height: 320px; background: rgba(255,255,255,0.3); transform: skewX(-30deg); transition: 0.5s; } .background-Image-Mini-golf:hover :before { left: 345px; } .background-Image-Memory-game :before { content: ''; position: absolute; top: 0; left: -250px; width: 150px; height: 320px; background: rgba(255,255,255,0.3); transform: skewX(-30deg); transition: 0.5s; } .background-Image-Memory-game:hover :before { left: 345px; } .width-of-image-choose { width: 219px; padding: 15px; } .image-container-choose-game { display: flex; } .static-create-game-card { display: flex; } #card-id .share-profile-single { position: absolute; width: 100.6%; height: 35px; left: -1px; background: rgba(255, 180, 0,0.9); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); bottom: 0px; } #card-id .share-profile-double { position: absolute; width: 100%; height: 35px; left: -1px; background: rgba(13, 44, 84,0.9); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); bottom: 0px; } #card-id .share-profile-double img { width: 18px; height: 16px; margin: 8px auto; margin-left: 11px; float: left; } #card-id .share-profile-single img { width: 18px; height: 20px; margin: 5px auto; margin-left: 11px; float: left; } .slick-prev:before, .slick-next:before { color: #000; } .slick-prev, .slick-next { background-color: black !important; } .date-info-history { font-size: 13px; text-decoration: none; color: #ffffff; text-align: center; font-style: normal; } .score-board-view-btn { padding: 10px; color: #ffffff; font-size: 12px; cursor: pointer; border-radius: 20px; } .score-board-view-btn:hover { color: #FFB400; } .game-name-recent-log { font-size: 0.9rem !important; color: #ffffff !important; text-align: center; font-style: normal; font-weight: 600; font-family: Arial !important; cursor: none !important; padding-top: 5px !important; padding-bottom: 15px !important; margin-bottom: 0px !important; } .time-font-size-game-log { font-size: 13px !important; color: #ffffff !important; } .game-time-for-recent { padding-top: 0px !important; } .time-and-date-section { display: flex; flex-direction: row; justify-content: space-around; align-items: center; padding-top: 13px; } .margin-date-info-history { margin: 0px; } .font-styling-game-timer { font-weight: 600; } .col.padding-for-col-game-log { width: 100%; } .col.style-card-arrangement-active { padding: 0px; float: left; } #dvGamePlayed { padding: 2rem; margin-top: -2rem; } .content-area { display: flex; flex-direction: column; } .col.create-game-card { float: left; width: 220px; margin: 5px; } .game-card-container { width: 220px; height: 300px; border-radius: 20px; display: flex; justify-content: center; align-items: flex-end; } .qriosity-image-background { background-image: url('/images/qriosity-graphic-2.png'); background-repeat: no-repeat; background-size: cover; } .seven-image-background { background-image: url('/images/seven-stone-graphic.png'); background-repeat: no-repeat; background-size: 245px 299px; } .game-card-container:hover { transform: scale(0.9, 0.9); box-shadow: 0px 0px 10px; } .title-game-card { padding: 15px 15px 0px 15px; clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0 100%, 0% 0%); background-color: rgba(0, 0, 0, 0.62); width: 100%; text-align: center; border-radius: 0px 0px 20px 20px; } .title-game-card p { color: #fff; font-size: 26px; font-weight: 700; } .modal-content.size-for-model-content { width: 100%; } .active-cards-container { } .view-more-button { display: flex; justify-content: center; align-items: center; } .view-more-button p { width: 150px; height: 50px; color: #0D2C54; background-color: #FFB400; border-radius: 30px; padding: 13px; text-align: center; margin-right: 50px; margin-top: 20px; } .main-container-question-library { display: flex; } .cards { display: flex; flex-wrap: wrap; justify-content: space-between; } .cards .card { margin: 20px; width: 300px; min-height: 200px; display: grid; border-radius: 10px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25); transition: all 0.2s; } .cards .card:hover { box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4); transform: scale(1.01); } .card__link, .card__exit, .card__icon { position: relative; text-decoration: none; color: rgba(255, 255, 255, 0.9); } .card__link::after { position: absolute; left: 0; bottom: 0; content: ""; width: 0%; height: 10px; background-color: #FFB400; transition: all 0.5s; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .card__link:hover::after { width: 100%; } .card__exit { grid-row: 1/2; justify-self: end; } .card__icon { grid-row: 2/3; font-size: 30px; } .card__title { grid-row: 3/4; font-weight: 700 !important; color: #ffffff !important; font-size: 26px !important; margin: 0px; text-align: center; padding: 10px 0px 10px 0px; } .qriosity-create-game-details { padding: 0px 20px; text-align: center; margin: 0px; line-height: 1.2; margin-left: -20px; color: #f5f5f5; } .card__apply { grid-row: 4/5; align-self: center; } .card-1 { background: radial-gradient(#1fe4f5, #3fbafe); } .card-2 { background: radial-gradient(#fbc1cc, #fa99b2); } .card-3 { background: radial-gradient(#76b2fe, #b69efe); } .card-4 { background: radial-gradient(#60efbc, #58d5c9); } .card-5 { background: radial-gradient(#f588d8, #c0a3e5); } @media (max-width: 1600px) { .cards { justify-content: center; } } .card-detail-position { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .shine-me { background: linear-gradient(to right, #ff9800 0, #ff9800 20%, #ffffff 20%); background-position: 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shineplease 3s infinite linear; animation-fill-mode: forwards; } @-moz-keyframes shineplease { 0% { background-position: 0; } 60% { background-position: 100px; } 100% { background-position: 180px; } } @-webkit-keyframes shineplease { 0% { background-position: 0; } 60% { background-position: 180px; } 100% { background-position: 180px; } } @-o-keyframes shineplease { 0% { background-position: 0; } 60% { background-position: 180px; } 100% { background-position: 180px; } } @keyframes shineplease { 0% { background-position: 0; } 60% { background-position: 100px; } 100% { background-position: 150px; } } .checkbox-question-library ul { margin: 0; padding: 0; } .checkbox-question-library ul li.checked::before { content: ""; position: absolute; border-color: #fff; border-style: solid; border-width: 0 2px 2px 0; top: 10px; left: 16px; transform: rotate(45deg); height: 15px; width: 7px; } .checkbox-question-library ul li .container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-question-library ul li .container input { position: absolute; opacity: 0; cursor: pointer; } .checkbox-question-library ul li .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; } .checkbox-question-library ul li .container:hover input ~ .checkmark { background-color: #ccc; } .checkbox-question-library ul li .container input:checked ~ .checkmark { background-color: #2196f3; } .checkbox-question-library ul li .checkmark:after { content: ""; position: absolute; display: none; } .checkbox-question-library ul li .container input:checked ~ .checkmark:after { display: block; } .checkbox-question-library ul li .container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .bg-changed-on-check { list-style: none; background-color: orange; padding: 10px; margin: 10px; border-radius: 30px; } #toggleone:checked + .bg-changed-on-check { background-color: green; } ul.ks-cboxtags { list-style: none; padding: 20px; display: flex; justify-content: center; align-items: center; } .ques-lib-style { display: inline; background-color: #bfbfbf; border-radius: 30px; } .ques-lib-style-label { display: inline-block; background-color: rgba(255, 255, 255, .9); border: 2px solid rgba(139, 139, 139, .3); color: #adadad; border-radius: 30px; white-space: nowrap; margin: 3px 0px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: all .2s; } .ques-lib-style-label { padding: 10px; cursor: pointer; width: 100%; display: flex; justify-content: center; align-items: center; } .ques-lib-style-label::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; padding: 2px 6px 2px 2px; content: url("/images/add.png"); transition: transform .3s ease-in-out; } .ques-lib-style .input-box-for-lib[type="checkbox"]:checked + .ques-lib-style-label::before { content: url("/images/check-mark.png"); transform: rotate(-360deg); transition: transform .3s ease-in-out; } .ques-lib-style .input-box-for-lib[type="checkbox"]:checked + .ques-lib-style-label { border: 2px solid #1bdbf8; background-color: #12bbd4; color: #fff; transition: all .2s; } .ques-lib-style .input-box-for-lib[type="checkbox"] { display: absolute; } .ques-lib-style .input-box-for-lib[type="checkbox"] { position: absolute; opacity: 0; } .ques-lib-style .input-box-for-lib[type="checkbox"]:focus + .ques-lib-style-label { border: 2px solid #e9a1ff; } .dropdown-styling-list { padding: 10px; } .pagination-section { margin: 0 auto; padding-top: 50px; } .next-prev-btn { background-color: #0D2C54; color: #fff; } .page-link:focus { box-shadow: unset !important; } .game-title { } .title-game-played { margin-bottom: -20px; } .title-active-game { } .image-for-choose { } .padding-for-choose-image { } .last-row-game-creation-form { margin-top: -20px; } .game-title-modify { font-size: 20px !important; display: flex; justify-content: center; align-items: center; padding: 10px 20px; box-shadow: 1px 1px 5px #ccc; border-radius: 0px 15px 0px 15px; margin-bottom: 0px !important; width: 27%; font-weight: 700 !important; background-color: #0D2C54; color: #fff !important; } .arrangementofFields { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } a { text-decoration: none !important; } .close:focus { outline: none; } .pagination-mobile-reponsive { justify-content: center; flex-wrap: wrap; } .select-add-styling { background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right; appearance: none; -moz-appearance: none; background-size: 10px; background-position-x: 96%; } .overflow-for-scoreboard { overflow-y: auto; } .colormodal { background: #061323 !important; } .request-for-demo { width: 172px; width: 272px; height: 40px; background-color: #0D2C54; background: #061323; border-radius: 20px; color: white; padding: 8px 20px 10px 20px; outline: none; border: none; margin-bottom: -3% !important; margin-left: 5% !important; } .request-for-demo-margin { margin-left: 30px; } .request-for-demo:hover { } .game-card-button-title { display: flex; flex-direction: row; } .height-for-short-modal { height: 150px; background-color: #f2f2f2; border-radius: 30px; } .modal-styling-notification { border-radius: 20px; } .image-for-help-score { width: 29px; height: 29px; } .hover-image-for-help { display: none; } .score-board-understanding:hover .hover-image-for-help { display: block; position: absolute; height: 50px; padding: 15px 20px 55px 20px; background-color: #0d2c54; box-shadow: 0px 0px 10px #ccc; border-radius: 5px; margin-top: -100px; clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 25% 75%, 5% 100%, 11% 75%, 0% 75%); color: white; margin-left: 1px; font-size: 14px; } .button-scorecard-info { background: transparent; margin-top: 20px; outline: none; border: none; } .button-scorecard-info:hover { border: none; outline: none; } .button-scorecard-info:focus { border: none; outline: none; } .game-score-detail-body { height: 300px; overflow-y: auto; } .style-moal-about-scores { border-radius: 30px 0px; background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%); } .hover-show-info { display: none; background-color: #FFB400; padding: 10px 30px 10px 20px; border-radius: 30px; } .button-scorecard-info:hover .hover-show-info { display: block; position: absolute; bottom: 20px; right: 61px; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); } .badge-size-score-info { width: 60px; } .badge-size-score-example { width: 100%; } .game-score-detail-body h5 { margin-bottom: 20px; } .detail-score-info { margin-top: 20px; } .game-score-detail-body h4 { font-weight: 700; } .detail-score-info p { margin-top: 20px; } .star-golf-scoreboard { width: 70px; margin-right: 20px; } .Level-row-1 { padding: 20px 10px; background-color: blueviolet; color: white; border-radius: 10px; margin-bottom: 10px; background-color: #4158D0; background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%); } .Level-row-1 h1, .level-2-row-h1, .Level-row-3 h1 { font-weight: 700; } .Level-row-2 { padding: 20px 10px; color: white; border-radius: 10px; margin-bottom: 10px; background-color: #FFE53B; background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%); } .Level-row-3 { padding: 20px 10px; color: white; border-radius: 10px; margin-bottom: 10px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .backgroun-color-maodal { background-color: #256c2f !important; } .tile-color-modal-golf { color: white !important; } .dropdowm-custom-place li:first-child { padding-left: 0px !important; } .top-pos-mang { top: -6px !important; } .top-pos-qus-cat { top: 62px !important; } .top-pos-report { top: 90px !important; } .class-z-index-sidepannel { z-index: 9999999999 !important; } .hlp-hom-dialog { top: 0px; position: absolute; right: 0px; margin: 0px; height: 100%; } .modal-content.hlp-hom-content { width: 501px; min-height: 100%; background: rgba(13, 44, 84, 0.81) !important; } .hlp-hom-title { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 28px; line-height: 33px; color: #FFFFFF !important; } .hlp-hom-main-contn-head { font-family: Roboto; font-style: normal; font-weight: 500; font-size: 20px; line-height: 23px; color: #FDC604; margin-bottom: 48px; margin-top: 30px; } .hlp-hom-main-contn-content-one { display: flex; flex-direction: row; } .hlp-hom-main-contn-content-one div h1 { font-family: Roboto; font-style: normal; font-weight: 500; font-size: 24px; line-height: 28px; color: #FDC604; margin-bottom: 13px; } .hlp-hom-main-contn-content-one div span { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 18px; line-height: 21px; color: #FFFFFF; } .margin-bottom-hrlp-hom-cont { margin-bottom: 58px; } .hlp-hom-main-contn-content-one div { padding: 0px 15px; margin-top: 10px; } .hlp-hom-main-contn-content-img-one { width: 39px; height: 54px; } .hlp-hom-main-contn-content-img-two { width: 39px; height: 54px; } .hlp-hom-main-contn-content-img-three { width: 39px; height: 35px; margin-top: 8px; } .hlp-hom-content .modal-header { border-bottom: none; } .width-thin-line-contn { width: 167px; height: 2px; background-color: #ffffff; margin: 0 auto; } .nav-link-cursor { cursor: pointer; } .button-hlp-form { background: #ffc107; margin-top: 10px; margin-right: 10px; border-radius: 50%; outline: none; border: none; position: absolute; } .help-btn-ctn-form { display: flex; justify-content: end; width: 100%; } .hlp-game-main-contn-head { font-family: Roboto; font-style: normal; font-weight: 500; font-size: 20px; line-height: 23px; color: #FDC604; margin-bottom: 48px; } .hlp-game-main-contn-content-one div h1 { font-family: Roboto; font-style: normal; font-weight: 500; font-size: 20px; line-height: 23px; color: #FDC604; margin-bottom: 13px; } .hlp-game-main-contn-content-one div span { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 18px; line-height: 21px; color: #FFFFFF; } .hlp-game-main-contn-content-one { display: flex; flex-direction: row; } .hlp-game-main-contn-content-one div { padding: 0px 15px; } .hlp-game-main-contn-content-img-one { width: 28px; height: 28px; } .hlp-game-main-contn-content-img-two { width: 28px; height: 28px; } .hlp-game-main-contn-content-img-three { width: 28px; height: 28px; } .hlp-game-main-contn-content-img-four { width: 28px; height: 22.5px; } .margin-bottom-hrlp-game-cont { margin-bottom: 33px; } .fotr-gm-crt-frm { border-top: none; display: flex; justify-content: space-around; } .fotr-gm-crt-frm button { width: 163px; height: 53px; background: #FDC604; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); border-radius: 30px; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 24px; line-height: 28px; color: #FFFFFF; text-shadow: 0px 4px 4px rgb(0 0 0 / 25%); } .tabforGame { display: none; } .margin-scnd-tab { margin-top: 19%; } .margin-last-tab { margin-top: 30%; } .hlp-game-main-contn-content-img-tab-tre-quest { width: 134px; height: 40px; } .last-tab-lst-hd { margin-top: 30px; margin-left: 20px; font-size: 25px !important; } .mod-bd-ovr-flw { overflow: auto; } .email-notification-modal-ftr { justify-content: center !important; } .rank-score-modal-pop-up { overflow: auto; } .individual-section-help { width: 250px; height: 400px; border-radius: 30px; box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px; background: #ffffff; } .team-section-help { width: 250px; height: 400px; border-radius: 30px; box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px; background: #ffffff; } .new-choose-game-layout { display: flex; justify-content: center; flex-direction: row; } .latest-choose-game-type-layout { display: flex; justify-content: center; align-items: center; flex-direction: row; } .button-hlp-form:hover .hover-show-info-help { display: block; position: absolute; bottom: -8px; right: 29px; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); width: 92px; } .hover-show-info-help { display: none; background-color: #FFB400; padding: 10px 30px 10px 20px; border-radius: 30px; } .content-individual-section { padding: 20px; } .content-individual-section p { margin-top: 40px; color: #5a5a5a; hyphens: auto; text-align: justify; } .content-individual-section span { font-size: 17px; } .highlight-hover-individual-optionOne:hover { background-color: #FFB400 !important; margin: 100px; color: aqua; display: none; } .add-individual-section-image { text-align: center; background-color: #FFB400; padding: 10px 0px; border-radius: 0px 0px 30px 30px; margin-top: 17px; } .add-individual-section-image i { font-size: 25px; color: #ffffff; } .add-team-section-image { text-align: center; background-color: #0D2C54; padding: 10px 0px; border-radius: 0px 0px 30px 30px; margin-top: 17px; } .add-team-section-image i { font-size: 25px; color: #ffffff; } .dropdown-item:focus { background-color: #0D2C54 !important; color: #ffffff !important; } .main-container-pricing { display: flex; justify-content:center; } .main-card-container { display: flex; flex-direction: column; width: 29%; background-color: #061323; cursor: pointer; border-radius: 9px; padding: 5px; } .heading-section-pricing h3 { color: #ffffff; font-family: 'Poppins'; font-size: 25px; font-weight: 500; letter-spacing: 0px; text-align: center; line-height:23px; } .span-classes-design-dollar { display: flex; justify-content: center; align-items: baseline; } .span-class-one { font-size: 30px; color: #FFB400; font-family: "Roboto", Sans-serif; font-weight: 600; } .span-class-two { font-size: 20px; text-align: center; color: #FFB400; font-family: "Roboto", Sans-serif; } .per-month-user { font-size: 18px; color: #ffffff; } .num-of-users-pricing { display: flex; flex-direction: column; justify-content: center; align-items: center; } .num-of-users-pricing h3 { font-size: 17px; text-align: center; margin-top: 10px; color: #3b3b3b; } .width-pricing-plan-mdl { margin-top: 2rem; margin-left: 30rem; } .ann-mon-sub-pricing { } .ann-mon-sub-pricing h3 { font-size: 17px; text-align: center; color: #ffffff; margin-top:15px; } .ann-mon-sub-pricing h4 { font-size: 15px; margin: 10px 0px; text-align: center; color: #3b3b3b; } .ann-mon-sub-pricing span { font-size: 19px; text-align: center; font-weight: 700; display: flex; justify-content: center; margin-bottom: 10px; color: #ffffff; } .buy-now-pricing { display: flex; justify-content: center; } .buy-now-pricing button { height: 38px !important; padding: 2px 40px; border: unset !important; border-radius: 7px; border: solid 3px #FFB400; background-color: transparent; color: #ffffff; font-weight: 85%; margin: 5px; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); } .ann-mon-sub-pricing-free { font-size: 20px; font-weight: 700; text-align: center; border-bottom: 2px solid #FFB400; height: 178px; display: flex; justify-content: center; align-items: center; } .body-styling-pricing { overflow: auto; border: dashed 2.3px #fff; padding: 1.5rem; border-radius: 1rem; } .startplanhover:hover .heading-section-pricing, .startplanhover:hover .heading-section-pricing h3, .startplanhover:hover .ann-mon-sub-pricing h3, .startplanhover:hover .ann-mon-sub-pricing span, .startplanhover:hover .ann-mon-sub-pricing span, .startplanhover:hover .per-month-user { color: #ffffff; } .startplanhover:hover .buy-now-pricing button { background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border-radius: 7px; border: solid 3px #fff !important; } .startplanhover:hover { background-color: #145bb8; } .Professionplanhover:hover .heading-section-pricing, .Professionplanhover:hover .heading-section-pricing h3, .Professionplanhover:hover .ann-mon-sub-pricing h3, .Professionplanhover:hover .ann-mon-sub-pricing span, .Professionplanhover:hover .ann-mon-sub-pricing span, .Professionplanhover:hover .per-month-user, .Professionplanhover:hover .span-class-one, .Professionplanhover:hover .span-class-two { color: #ffffff; } .Professionplanhover:hover .buy-now-pricing button { background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border-radius: 7px; border: solid 3px #fff !important; } .Professionplanhover:hover { background-color: #145bb8; box-shadow: 3.04146px 3.04146px 7.60364px rgba(0, 0, 0, 0.25); } .enterpriseplanhover:hover .heading-section-pricing, .enterpriseplanhover:hover .heading-section-pricing h3, .enterpriseplanhover:hover .ann-mon-sub-pricing h3, .enterpriseplanhover:hover .ann-mon-sub-pricing span, .enterpriseplanhover:hover .ann-mon-sub-pricing span, .enterpriseplanhover:hover .per-month-user { color: #ffffff; } .enterpriseplanhover:hover .buy-now-pricing button { background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border-radius: 7px; border: solid 3px #fff !important; } .enterpriseplanhover:hover { background-color: #145bb8; } .freeplanhover:hover .heading-section-pricing, .freeplanhover:hover .heading-section-pricing h3, .freeplanhover:hover .ann-mon-sub-pricing h3, .freeplanhover:hover .ann-mon-sub-pricing span, .freeplanhover:hover .ann-mon-sub-pricing span, .freeplanhover:hover .per-month-user { color: #ffffff; } .freeplanhover:hover { background-color: #145bb8; } .recomendClas { margin-top: -21px; margin-bottom: 5px; display: flex; display: none; text-align: center; } .recomendClas span { padding: 5px 10px; background-color: #FFB400; color: #0D2C54; font-weight: 600; } .displaynoneRecom { display: block !important; } .subscription-exp { display: flex; flex-direction: column; justify-content: center; align-items: center; } .subscription-exp img { width: 100px; } .custom-height-modal-expired { height: 300px !important; border-radius: 30px; } .custom-height-modal-pricing {  padding-bottom: 2rem; } font-size: 17px !important; } .new-register-button-desgn { background-color: #0D2C54 !important; font-size: 20px !important; border-radius: 30px !important; } .main-container-seven-stone { display: flex; justify-content: center; } .team-blue { width: 50%; background-color: #262179; float: left; display: flex; justify-content: space-evenly; flex-direction: column; align-items: center; } .verses { font-size: 40px; font-weight: 700; color: #fff; text-align: center; margin: auto; } .team-red { width: 50%; height: 100%; background-color: #9d1919; float: left; display: flex; justify-content: space-evenly; flex-direction: column; align-items: center; } .size-for-model-content-seven { height: 580px; background-image: url(../images/triangles-g3cc2c6bb1_1280.png); } .team-name-seven-stone { font-size: 30px; color: #fff; font-weight: 700; padding: 20px; background-color: #00000036; border-radius: 10px; } .team-score-seven-stone { font-size: 30px; color: #fff; font-weight: 700; } .winner-image-seven { } .winner-image-seven img { width: 250px; } .disable-image { display: none; } .title-for-seven-stone { color: #fff; font-size: 28px; font-weight: 600; } .margin-games-scores { margin: 5px 0 2px 0 !important; padding: 5px 10px !important; } .margin-games-scores:hover { background: #0D2C54; } .chosse-your-plan-title { color: #ffffff; text-align: center; margin: 0 auto; font-size: 40px; font-weight: 500; } .main-container-subscription { margin-top: 10%; background-color: #ffffff; padding: 40px; border-radius: 30px; box-shadow: 0px 0px 10px #ccc; } .main-container-subscription h1 { text-align: center; } .main-container-subscription h4 { text-align: center; } .styling-fonts-subscription-details { font-size: 20px; font-weight: 600; padding: 5px; color: #3d3c3c; text-align: initial !important; } .styling-fonts-subscription-details-dd { font-size: 18px; font-weight: 400; padding: 5px 10px; margin-top: -6px; } .subs-buttn { width: 50% !important; border-radius: 30px !important; } .bak-to-package-detls { text-align: center; padding-top: 10px; } .styling-footer-subs { display: flex; justify-content: center; flex-direction: column; margin-top: 50px; } .sty-chck-bo-grp { display: flex; align-items: center; flex-direction: row; margin-bottom: 5px; } .sty-chck-bo-grp input { width: 20px; margin-top: 10px; margin-right: 10px; } .payment-failure-cotainer { margin-top: 9%; } .accept-pay-go-to home { padding: 15px !important; } .padding-bttm-heading { padding-bottom: 20px; } .reason-for-failure { padding-bottom: 7px; font-weight: bold; } .text-muted-privacy { color: #b1b1b1; margin: 0px 10px; } .text-muted-privacy:hover { color: #FFB400; } .main-container-pricing-demo-request { background-color: #fff; padding: 30px; border-radius: 30px; } .image-right-selection { width: 100%; height: 100%; border-radius: 0px 30px 30px 0px; } .text-demo-req-first { text-align: center; font-size: 17px; font-weight: 600; padding: 0px 19px 20px 19px; } .align-element-form-demo-req { display: flex; align-items: center; padding: 12px 0px; } .text-display-dem-req { width: 60%; } .styli-inp-fild-dem-req { border-radius: 30px; padding: 20px; } .styli-inp-fild-dem-req-time { border-radius: 30px; padding: 8px; } .styli-inp-fild-dem-req-text-area { margin-top: 17px; border-radius: 16px; padding: 20px; } .sub-btn-dem-req { height: 50px; font-size: 22px !important; margin-top: 30px; border-radius: 30px !important; } .margin-top-dem-req { margin-top: 15%; } .listing-for-privacy-policy { padding: 20px 50px 50px 50px; } .main-container-privacy-policy { margin-top: 12%; } .pri-head { font-size: 45px; font-weight: 600; color: #3c3a3a; margin-bottom: 100px; } .main-container-privacy-policy p { } main-container-privacy-policy span { } .sub-hed-ploicy { font-size: 24px !important; color: #373a41 !important; margin-top: 30px; } .paddi-sub-sub-domain { padding: 50px; } .list-stl-privacy { list-style: none; } .payment-succ-main-cont { margin-top: 8%; } .sty-text-dl { padding: 10px 45px 10px 45px; } .sty-text-dl dt { text-align: left; } .sty-text-dl dd { text-align: right; } .addplayerbox { height: 44px; width: 360px; padding: 0% !important; border-radius: 8px !important; } .clrgame { background: #061323; } .backfont { color:#FFFFFF!important; font-family:Arial, Helvetica, sans-serif!important } .brdrad{ border-radius:8px!important; } .auto { margin: auto; } .chngepass1 { margin-top: 54%; margin-left: -175px; } .changepassbox { height: 44px !important; width: 325px !important; border-radius: 8px !important; padding: 0px 12px 0px 12px !important; } .widgame { width: 238% !important } #gamepenal-main.heuristic-evaluation { background: none } .heuristic-evaluation .tabs { margin-bottom: 30px; } #gamepenal-main.heuristic-evaluation .tab-button-outer { width: 90%; min-height: 70px; text-align: left; border-radius: 18px; margin: 0 auto; } #gamepenal-main.heuristic-evaluation .tab-button-outer span { width: 35px; height: 35px; color: #ffffff; border-radius: 50%; font-size: 15px; padding: 6px 15px 10px 12px; margin-right: 15px; } #gamepenal-main.heuristic-evaluation .tab-button-outer .yellow-list span { background: #FFB400; } #gamepenal-main.heuristic-evaluation .tab-button-outer .yellow-list h2 { color: #FFB400; } #gamepenal-main.heuristic-evaluation .tab-button-outer .blue-list span { background: #989898; } #gamepenal-main.heuristic-evaluation .tab-button-outer .blue-list h2 { color: #989898; } #gamepenal-main.heuristic-evaluation .tab-button-outer h2 { font-size: 15px; font-weight: 500; line-height: 20px; padding-top: 8px; text-align: left; min-width: 100%; } #gamepenal-main.heuristic-evaluation .tab-button-outer .yellow-list h2:after { content: ""; display: inline-block; top: -6px; border-radius: 4px; position: relative; vertical-align: bottom; width: 30px; margin-right: -100%; margin-left: 10px; border-top: 5px solid #FFB400; } #gamepenal-main.heuristic-evaluation .tab-button-outer .blue-list h2:before { content: ""; display: inline-block; top: -6px; border-radius: 4px; position: relative; vertical-align: bottom; width: 30px; margin-right: 3%; margin-left: 0px; border-top: 5px solid #989898; } #gamepenal-main.heuristic-evaluation .tab-button-outer .green-list h2:before { content: ""; display: inline-block; top: -6px; border-radius: 4px; position: relative; vertical-align: bottom; width: 30px; margin-right: 3%; margin-left: 0px; border-top: 5px solid #00BD35; } #gamepenal-main.heuristic-evaluation .tab-button-outer .green-list h2 { color: #00BD35 } #gamepenal-main.heuristic-evaluation .tab-button-outer .green-list span { background: #00BD35 } #gamepenal-main.heuristic-evaluation #tab-button .is-active a, #gamepenal-main.heuristic-evaluation #tab-button a { background: none; display: inline-flex; } #gamepenal-main.heuristic-evaluation ul .is-active a { border-bottom: 0px solid #FFB400; } #gamepenal-main.heuristic-evaluation #tab-button li { float: none; display: inline-block; margin: 10px 0px 10px 20px; } #gamepenal-main.heuristic-evaluation .row.choose-game-tag { margin: 0 auto; } #gamepenal-main.heuristic-evaluation form { width: 100%; } #gamepenal-main.heuristic-evaluation form input { width: 100%; border-radius: 15px; color: #868686; font-size: 14px; line-height: 24px; border: 0px; min-height: 45px; padding: 0px 15px; } #gamepenal-main.heuristic-evaluation .checkbox-tab input { min-height: 12px; width: 12px; } #gamepenal-main.heuristic-evaluation .checkbox-tab label { font-size: 12px; line-height: 15px; color: #868686; padding-top: 7px; } #gamepenal-main.heuristic-evaluation .single-button button { background: #FFFFFF; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15); border-radius: 15px; border: none; color: #434343; font-size: 14px; line-height: 24px; margin-right: 10px; padding: 10px 18px; margin-bottom: 10px; } #gamepenal-main.heuristic-evaluation form select { border-radius: 15px; color: #868686; font-size: 16px; line-height: 24px; border: 0px; min-height: 45px; padding: 0px 15px; } #gamepenal-main.heuristic-evaluation .time-question h3 { font-weight: 500; font-size: 15px; line-height: 22px; color: #434343; width: 100%; padding-top: 5px; } #gamepenal-main.heuristic-evaluation .time-question .form-group { background: rgba(224, 224, 224, 0.6); border-radius: 4px; min-height: 110px; } #gamepenal-main.heuristic-evaluation .atteched-file input { background: none; width: auto; } #gamepenal-main.heuristic-evaluation .atteched-file label { font-size: 14px; } #gamepenal-main.heuristic-evaluation button.game-button { background: #FFB400; border-radius: 16px; margin: 0 auto; display: inherit; padding: 8px 15%; border: none; margin-bottom: 30px; } #gamepenal-main.heuristic-evaluation sup { color: #FF8181 } #gamepenal-main.heuristic-evaluation .help-tag { position: absolute; top: -16%; right: -25px; } #gamepenal-main.heuristic-evaluation .help-tag p { background: #FFB400; width: 60px; height: 60px; color: #ffffff; border-radius: 50%; padding: 18px 0px 0px 12px; } #gamepenal-main.heuristic-evaluation .single-button input { width: 0%; } #gamepenal-main.heuristic-evaluation .single-button .btn-primary.marDis { margin-bottom:unset; } #gamepenal-main.heuristic-evaluation .single-button .btn-primary.marDis.active { margin-bottom:unset; } #gamepenal-main.heuristic-evaluation .single-button .btn-primary { background: #FFFFFF; box-shadow: 0px 4px 25px rgb(0 0 0 / 15%); border-radius: 15px; border: none; color: #434343; font-size: 13px; line-height: 24px; padding: 10px 5px; margin-bottom: 1rem; } #gamepenal-main.heuristic-evaluation .single-button .btn-primary.active { background: #FFB400; border: none; box-shadow: 0px 4px 25px rgb(0 0 0 / 15%); border-radius: 15px; border: none; color: #434343; font-size: 13px; line-height: 24px; padding: 10px 5px; margin-bottom: 1rem; color: #ffffff; } #gamepenal-main.heuristic-evaluation .time-icon { cursor: pointer; position: absolute; right: 23px; top: 12px; } @media screen and (min-width: 768px) { .ldr-brd-wid { width: 800px; } #gamepenal-main.heuristic-evaluation .time-question .form-group { max-width: 23.5%; } .widlap { width: 700px; } } #gamepenal-main.heuristic-evaluation .time-question .form-group:hover, #gamepenal-main.heuristic-evaluation .time-question .form-group.active { cursor: pointer; border: solid #FFB400; } #gamepenal-main.heuristic-evaluation .selectedquestion { width: 100%; } #gamepenal-main.heuristic-evaluation .SelectedQuestionOperations { position: absolute; right: 0px; } #gamepenal-main.heuristic-evaluation .form-row.game-question-selection { width: 100%; } #gamepenal-main.heuristic-evaluation .question-checklist { display: inline-flex; width: 100%; } #gamepenal-main.heuristic-evaluation .SelectedQuestionImage { right: 10%; position: absolute; }
#gamepenal-main.heuristic-evaluation #btnAddPlayers {
    margin: 0 auto;
    font-size: 12px;
    background-color: #FFB400;
    border: 0px;
    padding: 5px 30px;
    color: #ffffff;
    border-radius: 20px;
} #gamepenal-main.heuristic-evaluation #btnBackToGame { margin: 0 auto; font-size: 12px; background-color: #FFB400; border: 0px; padding: 5px 30px; color: #ffffff; border-radius: 20px; }#gamepenal-main.heuristic-evaluation #btnBackToGame { margin: 0 auto; font-size: 12px; background-color: #FFB400; border: 0px; padding: 5px 30px; color: #ffffff; border-radius: 20px; } #gamepenal-main.heuristic-evaluation #btnFinishGame { margin: 0 auto; font-size: 12px; background-color: #66686b; border: 0px; color: #ffffff; padding: 5px 30px; border-radius: 20px; } #gamepenal-main.heuristic-evaluation .nav.justify-content-end { margin-bottom: 50px; } .radioform { margin-bottom: 0 !important; margin-right: 2rem !important; padding-top: 1rem !important; display: flex !important; } .radioforminput { margin-top: 5px !important; border-color: unset !important; height: fit-content !important; margin-right: 0.2rem !important; } } #subscription .subscription-head { margin-bottom: 40px; margin-top: 20px; } #subscription .subscription-head h2 { font-style: normal; font-weight: 600; font-size: 40px; line-height: 48px; color: #0D2C54; margin-bottom: 10px !important; } #subscription .subscription-head p { font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; color: #0D2C54; } #subscription .subscription-back { text-align: right } #subscription .subscription-back a { border-bottom: solid 1px; top: 60px; position: relative; color: #0D2C54; } #subscription .subscription-name, #subscription .subscription-amount, #subscription .subscription-login, #subscription .subscription-payble, #subscription .subscription-third { background: #FFFFFF; border: 1px solid #C2C2C2; box-sizing: border-box; border-radius: 8px; margin-bottom: 20px; } #subscription .subscription-name h3, #subscription .subscription-amount h3 { font-style: normal; font-weight: 600; font-size: 24px; line-height: 29px; color: #0D2C54; margin: 15px 15px 15px 15px; border-bottom: solid 1px #C2C2C2; line-height: 40px; } #subscription .subscription-first .checkbox-tab { margin-left: 15px; } #subscription .subscription-amount input { background: #F2F2F2; border: solid 1px #c2c2c2; color: #000000; font-size: 18px; opacity: .7; margin-bottom: 20px; width: 92%; margin-left: 15px; } #subscription .subscription-login h3, #subscription .subscription-payble h3 { color: #0D2C54; font-size: 20px; padding: 10px 0px 0px 15px; margin-bottom: 0px; } #subscription .subscription-login p { color: #222222; font-size: 24px; padding: 5px 0px 0px 15px; font-weight: 600; margin-bottom: 6px; } #subscription .subscription-payble p { color: #0D2C54; font-size: 56px; padding: 10px 0px 10px 15px; line-height: 70px; margin-bottom: 0px; } #subscription .subscription-payble p sub { color: #696969; font-size: 18px; } #subscription .subscription-payble span.date-tag { color: #696969; font-size: 18px; padding: 0px 10px 15px 15px; line-height: 45px; } #subscription .subscription-plan h3 { font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; color: #0D2C54; margin: 15px 15px 0px 15px; border-bottom: solid 1px #C2C2C2; } #subscription .subscription-plan h4 { color: #0D2C54; font-size: 20px; padding: 10px 0px 0px 15px } #subscription .subscription-plan p { color: #0D2C54; font-size: 36px; padding: 0px 0px 0px 15px; line-height: 50px; margin-bottom: 0px; } #subscription .subscription-plan p sub { color: #696969; font-size: 18px; } .subscription-plan span.date-tag { color: #222222; font-size: 14px; padding: 0px 10px 15px 15px; } .SelectionColor { background-color: #ffb400; } #subscription .pay-now-btn { text-align: right; } #subscription .pay-now-btn button { background: #FFB400; border-radius: 15px; Padding: 16px, 32px, 16px, 32px; color: #ffffff; border: none; font-weight: 400; font-size: 16px; line-height: 24px; } @media screen and (min-width: 768px) { #subscription .col-md-4.subscription-first, #subscription .col-md-4.subscription-third { max-width: 30% !important; padding: 0px 0px; } #subscription .col-md-4.subscription-second { min-width: 40% !important; padding: 0px 15px; } .game-question-selection .select-btn-all-question .select-all-margin { } } @media screen and (min-width: 1025px) { .heuristic-evaluation .question-section .single-button .btn.btn-primary { padding: 24px 85px !important; } } @media screen and (max-width: 767px) {      .adventure-tab.heuristic-evaluation .tabs { width: 100% !important } .help-container { width: unset !important; height: unset !important; } .marmob { margin: 9rem 2rem auto 2rem !important; } } .heuristic-evaluation .question-section .single-button .btn.btn-primary { font-size: 18px !important; line-height: 30px !important; } .heuristic-evaluation .question-section .single-button .btn-group { display: inline-block } .heuristic-evaluation .question-section form select { width: 100% !important } #gamepenal-main.heuristic-evaluation .question-library select { width: 100%; background: rgba(231, 231, 231, 0.6); border-radius: 15px; color: #868686; font-size: 14px; line-height: 24px; border: 0px; min-height: 45px; padding: 0px 15px; } .heuristic-evaluation .question-section .form-row .col-md-3 .btn-primary { font-size: 15px; background-color: #FFB400; border: 0px; margin-top: 30px; padding: 10px 60px; color: #ffffff; } .heuristic-evaluation .question-section .col-md-12.inner-head h2 { font-size: 24px; line-height: 24px; color: #393939; text-align: center; padding-top: 0px; } .heuristic-evaluation .question-section h2:before { content: ""; display: block; width: 35%; height: 1px; background: #9d9d9d; opacity: .6; left: 11%; top: 50%; position: absolute; } .heuristic-evaluation .question-section h2:after { content: ""; display: block; width: 35%; height: 1px; background: #9d9d9d; opacity: .6; right: 11%; top: 50%; position: absolute; } .heuristic-evaluation .question-section .btn-block.log-btn { box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15); border-radius: 15px; font-weight: 500; font-size: 20px; line-height: 30px; text-align: center; color: #434343; background: #FFFFFF; margin-top: 30px; margin-bottom: 30px; padding: 0.85rem 3rem; } .heuristic-evaluation .select-question h4 { font-weight: 500; font-size: 20px; line-height: 35px; color: #434343; border-bottom: 1px solid #A3A3A3; } .heuristic-evaluation .select-question h4 span a { float: right; color: #0D2C54; font-size: 18px; } .heuristic-evaluation .select-question p { font-size: 18px; line-height: 27px; color: white; display: inline-block; padding-top: 10px; } .heuristic-evaluation .select-question p span { background: #0D2C54; width: 36px; height: 36px; border-radius: 50%; color: #ffffff; padding: 9px 7px; font-size: 14px; margin-right: 15px; } .heuristic-evaluation .question-section form .form-row.time-question-selection select { width: 45% !important; margin-left: 20px; } .form-row.time-question-selection { border-top: solid 1px #9d9d9d; } .form-row.time-question-selection .col-md-6 { padding-top: 30px; } .heuristic-evaluation .question-section .form-row.time-question-selection .btn-primary { font-size: 15px; background-color: #FFB400; border: 0px; margin-top: 0px; padding: 10px 60px; color: #ffffff; float: right; } .question-library .question-checklist { width: 100%; display: inline-block } .adv-libray .submit-btn button.btn-block.log-btn { font-size: 12px; font-style: normal; color: #ffffff; font-weight: normal; background: #ffb400; padding: 2px 35px; border-radius: 20px; } .adv-libray .submit-btn button.btn-block.log-btn:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .game-question-selection .question-checklist .table td, .game-question-selection .question-checklist .border-for-question { border-top: 0px; border-bottom: 0px; } .question-seqince-list span { background: #0D2C54; border-radius: 50%; color: #ffffff; padding: 10px 4px; font-size: 12px; margin-right: 15px; display: inherit; min-width: 35px; text-align: center; } .answer { color: #ffb400 !important; font-weight: 600; } .question-checklist .adv-check.custom-control.custom-checkbox { right: -10px; position: absolute; } #already-account .account-login-already { width: 90%; box-shadow: 0px 4px 25px rgb(0 0 0 / 15%); margin: 0 auto; border-radius: 20px; } #already-account .login-already-left { border-right: solid 1px #cfcfcf; } #already-account .account-login-already form input { width: 100%; border: solid 1px !important; border-radius: 5px; color: #868686; font-size: 14px; line-height: 24px; border: 0px; min-height: 45px; padding: 0px 15px; } #already-account .login-section { width: 100%; text-align: left; padding: 30px 30px; } #already-account .login-section h5 { padding-top: 15px; } #already-account .login-section button { padding: 8px 20px; } .fon400 { color: white; font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; } .fon500 { color: white; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 22px; line-height: 22px; } @media screen and (max-width: 768px) { .marview{ margin-bottom:3rem !important; } .marlef{ margin-bottom:13rem !important; width:max-content !important; left:-1rem; } .mobviewmar { margin-left: unset !important; padding-right: 0rem !important; padding-left: 0rem !important; } .widfull { width: 80% !important; } .widaut { width:100px!important; margin-bottom:0.4rem !important; margin-right:0 !important; } .qricon{ margin-left:unset!important; } .mobview{ margin-left:unset !important; width:100%!important; } .invitemob{ flex-direction:column!important; } .MOBMAR{ width:80% !important; } .mobman { width: 80% !important; padding:1rem !important; margin-bottom:1rem !important; margin-top:1rem !important; } .headmob{ flex-direction:row; } .marginbot{ margin-bottom:1.5rem; } .allp { width: 100% !important; text-align: center; margin-bottom: 0.7rem !important; } .login-page-bg { background-size: unset !important; background-position: revert !important; } .container { padding: unset !important; } .mobtoppad { margin-top: unset !important; max-width: unset !important; margin-left: unset !important; margin-bottom: 3rem; } .mobtagsection { float: unset !important; width: unset !important; display: flex; justify-content: center; } .mobaliitem { margin-left: unset !important; } .mobtabs { justify-content: center !important; } .moblbhs { width: unset !important; text-align: center !important; padding: unset !important; } .mobouter { width: unset !important; } .width-pricing-plan-mdl { margin-left: unset !important; } .main-card-container { width: 65% !important; margin: 20px !important; } .mobrecac { flex-wrap: wrap !important; height: 1000px !important; margin-left: unset !important; } .fle { margin-right: unset !important; } .col { width: 100% !important; } .mobmarlefali { display: block !important; margin: 0 auto !important; } .texcent { text-align: center !important; } .rowtree { margin-bottom: 4rem !important; } } @media screen and (min-width: 768px) and (max-width: 1200px) { #projects-carousel.gamewithout-slide.games-card { width: fit-content !important; } .mobileres { height: 100% !important; } .fle { margin-right: unset !important; } .login-page-bg { border-radius: 1.5rem !important; } .main-card-container { width: 50% !important; margin: 20px !important; } .colorbg3 { background: linear-gradient(90deg,#1a1924,#242455) !important; } .recentgamessec { width: 335px !important; } } .widso { width: 100% !important; } .empreg { padding-top: 4rem; } .navbar-light .navbar-toggler-icon { filter: invert(1); } .overflow-edit-profile { } .buttons { height: 100%; display: flex; justify-content: end; } .ldr-bord-ctn { display: flex; } .globeleader-leftpenal::-webkit-scrollbar { display: none; } .globeleader-leftpenal { -ms-overflow-style: none; scrollbar-width: none; max-width: 100%; } .ldr-brd-wid { background: #061323; margin: 1rem; border-radius: 1rem; padding-left:1rem; } .w100 { width: 100%; } .row-bac { background: #061323; border-radius: 0.7rem; padding: 0.5rem; margin: 1rem auto; } .login-pg-section { height: 100%; } .rec-gam-btns { border-radius: 0.4rem; } .mobmarlefali { border-radius: 0.8rem; } .recentgamessec { display: none; } .game-titl { display: flex; justify-content: space-between; margin-bottom: 0.7rem; } .pla-ico { height: 1.1rem; margin: auto 0.5rem auto 0; } .img-ico-con { display: flex; } .game-start { height: 60px !important; width: 160px !important; left: 170px; top: 0px; border-radius: 8px !important; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%) !important; } .allrecent { display: flex; justify-content: space-between; } .cross-ico { width: 100%; display: flex; justify-content: space-between; } .cross-ico img { width: 1rem; } .cross-ico button { margin: 0 0 0 auto; display: block; border: unset; background: unset; } .gam-btn { background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border: 0; padding: 0.4rem 2rem; color: #ffffff; border-radius: 0.5rem; } .allrecent h2 { margin-top: 1rem; } .nav-bottom-content { flex-flow: column; display: flex; justify-content: space-between; height: 87%; margin-bottom: 10%; width: 100%; } #btnNext { width: 18rem; height: 2.5rem; border-radius: 0.4rem; } .mrgleft-editprof { margin-left: 4.7% !important; } .mrgtop-new { margin-top: 16px; } .captch { margin-top: 0.4rem; } #img-captcha { width: 100%; height: 4rem; } #img-captcha2 { width: 100%; height: 4rem; } .input-group-addon { background: #fff !important; display: flex; justify-content: center; align-items: center; border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; width: 4rem; } .password-log { margin-top: unset !important; border: unset !important; border-bottom-right-radius: unset !important; border-top-right-radius: unset !important; } .pass-box { display: flex; margin-top: 0.35rem; margin-bottom: 0.3rem; } .passl { width: 100% !important; margin: 0 !important; border: 0 !important; border-top-left-radius: 0.35rem !important; border-bottom-left-radius: 0.35rem !important; } .bor-035 { border-radius: 0.35rem !important; } .log-con { height: max-content !important; } .height-maxim { height: max-content !important; } .addmodal { margin-top: 36%; margin-left: -106%; } .min-height-100v { min-height: 100vh !important; } .created-gam { margin-top: 6rem; width: 225px !important; } .created-gam-container { margin-left: 3rem; } .seven-game { width:100%; } .heading-admin-dash { display: flex; margin-bottom: 1.5rem; } .heading-admin-dash h2 { color: #fff; margin:0; } .heading-admin-dash img { height:1.7rem; margin-right:1.3rem; } .heading-admin-dash a { display:flex; justify-content: center; align-items: center; } tr .p-0 { display:none; } table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after { opacity:unset !important; } .unset-border { border:unset !important; } .padding-unset { padding: unset !important; } .dashbelow-tab-con { } .wid-90 { width:90%; } .tog-hide { display:none !important; } .toggle-subs { border: solid 1px #fff; border-radius: 0.4rem; margin-right:20px; } .toggle-switch-dsgn-cus { display: flex; justify-content: space-between; } .toggle, .toggler { vertical-align: top !important; } .my-plan { background: #061323; border: 0.5px solid #DCDCDC; border-radius: 10px; padding: 1.5rem; max-width: 480px; margin-top: 2rem; } .my-plan button { background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); color: #fff; font-size: 22px; font-weight: 500; padding: 0.6rem 1.5rem; border: unset; border-radius: 0.3rem; } .top-head-pln { margin-bottom: 1.5rem; } .top-head-pln h2 { font-size: 25px; font-weight: 600; color: #fff; } .top-head-pln h3 { color: #92989f; font-size: 15px; font-weight: 500; } .down-head-pln { margin-bottom: 1.5rem; } .swal2-popup { border-radius: 0.8rem !important; } .down-head-pln h2 { color: #fff; font-size: 20px; font-weight: 500; } .down-head-pln h3 { color: #FFB400; font-size: 28px; font-weight: 600; } #Subscription { } #upgradepln { display:none; } .my-pln-btn { padding: 0.3rem 1rem; background: unset; color: #fff; border-radius: 0.3rem; margin-bottom: 1rem; } .toggle-switch-dsgn-cus h2 { font-size: 1.7rem; color: #fff; font-weight: 550; margin: auto 0; } .ques-bank { border-radius: 0.5rem; border: solid 0.5px #fff; background: #061323; } .pad05 { padding-top:0.5rem; } .down-sample { border-radius: 0.9rem; padding: 0.3rem 0.8rem; color: #fff !important; margin: 0; } .back-dark-blu { background: linear-gradient(0deg, #061323, #061323), linear-gradient(0deg, #DCDCDC, #DCDCDC); } .ques-cat { } .ques-cat-box { border-radius: 0.5rem; border: solid 0.5px; } .ques-table { margin: 0 auto; max-width: 95%; } .cat-list { border: solid #fff 0.5px; border-radius: 0.5rem; } .cat-box { border: solid #fff 0.5px; border-radius: 0.5rem; } #btnSaveCategory { border: dashed 2px; border-radius: 0.8rem; } #playerw { display:none; } #playbt { display:none; } .report-tog-btn { width: fit-content; padding-left: 0.3rem; font-weight: 600; font-size: 1.1rem; cursor: pointer; } .down-aro { height: 1.5rem; filter: invert(); width: 1.5rem; } .qriosity-inner-games { max-width:950px !important; margin:0; } .nav-active { background: #FFB40033 !important; color: #FFB400 !important; } .sub-btn-ques-bank { width: 40% !important; border-radius: 2rem; } .reset-btn-wid { width: 40% !important; } .p-right-1r { padding-right:1rem; } .p-left-1r { padding-left:1rem; } .wid-50 { width:50%; } .mar-0 { margin:0; } .ques-cat-and-ques { justify-content:space-between; margin-bottom:0.5rem; } .crrct-ans-and-image { padding: 0 1rem; } .ques-bank-top-sec { display: flex; justify-content:space-between; } .ques-bank-top-sec span{ font-size: 2rem; color: #fff; margin: auto 0; cursor:pointer; } .crt-ques-bank-button { margin: 0.5rem auto 1rem 0; border-radius: 0.5rem; padding: 0.5rem; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border:unset; color: #fff; font-weight: 600; } .crt-ques-cat-button { margin: 0.5rem auto 0 0; border-radius: 0.5rem; padding: 0.5rem; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); color: #fff; font-weight: 600; margin-bottom: 1rem; border:unset; } .ques-cat-top-sec { display: flex; justify-content: space-between; } .ques-cat-top-sec span { font-size: 2rem; color: #fff; margin: auto 0; cursor: pointer; } .modal { z-index: 9999999 !important; background: rgba(0, 0, 0, 0.4); } .qriosity-inner { margin:0; } .qriosity-rules { width: 35%; background: #061323; border-radius: 1rem; margin: 0 1rem; } .qriosity-tips { width: 35%; background: #061323; border-radius: 1rem; margin: 0 1rem; padding: 0 3rem; } .qriosity-tips ol { list-style-position: inside; } .rules-tag h2 { text-align: center; border: solid 3px #FFB400; border-radius: 1.5rem; background: rgba(255, 255, 255, 0.25); color: FFB400; padding: 0.5rem 2rem; width: fit-content; display: block; margin: 2rem auto; font-size: 1.4rem; font-weight: 500; } .rules-tag ol { list-style: none; counter-reset: my-awesome-counter; } .rules-tag li { counter-increment: my-awesome-counter; margin: 0.25rem; display: flex; } .rules-tag span { display: inline-block; width: 85%; padding-top: 0.1rem; } .qriosity-tips li { color:#fff; } .qriosity-screen-1-container { padding-top: 1rem; padding-bottom:4rem; } .heading-friends-con { display: flex; margin: 2rem 0; } .time-qriosity h2 { font-size: 1.3rem; color: #fff; line-height: 3rem; margin:auto; font-weight:600; } .time-qriosity span { font-size: 2rem; font-weight: 600; color: #FFB400; } .heading-friends { display:flex; justify-content:space-between; } .time-qriosity { margin: 2rem 1rem 2rem 0; display: flex; } .time-qriosity h3 { font-size: 1.3rem; color: #FFB400; line-height: 3rem; margin: 0 0 0 0.2rem; } .kbc-options { display: flex; flex-wrap: wrap; } .kbc-options li { width:50%; } .kbc-option-box { border: solid 2px; border-radius: 0.6rem; background: #061323; } #Quescountdown { color: #FFB400; font-size:2rem; } .progress { height: 1rem; border-radius: 1rem; margin: 0.5rem 2rem 0 2rem; background: #1b2638 } .option-container { margin-left: 13%; justify-content: center; align-items: center; } .star-new { height: 1.7rem; width: 1.7rem; } .star-border { border: solid 2px #FFB400; padding: 0.4rem; border-radius: 50%; margin: auto; } .star-txt h2 { color: #fff; font-weight: 600; margin: 0 0.5rem 0 1rem; line-height: 3.7rem; font-size: 1.5rem; } .star-txt { display:flex; } .star-txt span { color: #FFB400; font-size: 2.2rem; font-weight: 600; line-height: 3.8rem; } .count-arrow img { margin: auto; } .timer p { color: #FFB400; font-size: 2.5rem; margin-left: 1rem; } .timer span { color: #FFB400; font-size:1.5rem; margin-left:1rem; } .question-box { display: flex; padding: 1.2rem 0 0 2rem; } .question-box h2 { margin: 0; font-size: 1.4rem; font-weight: 600; color: #fff; padding: 0 0.7rem 0 0; line-height: unset; } .question-box h4 { margin: 0; font-size: 1.4rem; font-weight: 600; color: #fff; padding: 0 2rem 0 0; line-height: unset; } .timer-txt { display:flex; margin-right:2rem; position:relative; } .timer-txt p { color: #FFB400; font-size: 2.2rem; line-height: unset; margin: auto; margin-right: 0.3rem; margin-left: 0.3rem; font-weight: 600; } .timer-txt h2 { color: #FFB400; font-size: 1.5rem; font-weight: 600; line-height: unset; margin: auto; } .timer-txt img { height:1.3rem; margin:auto; } .game-img-con { display: flex; align-items: center } .game-img-con img { border: solid #fff; } .mem-list { padding: 4rem 2rem 2rem 2rem; border-radius: 0.5rem; } .create-quiz-title h2 { color:#fff; font-weight:600; margin:1rem 0; } .quit-qriosity-game { position:absolute; right: 3.63rem; border-radius: 0.5rem; width: 5rem; color: #fff; height: 2.5rem; font-size: 1rem; padding: 0; font-weight: 600; top: 10rem; } .qriosity-mbtn { border-radius: 0.4rem !important; color: #fff !important; border: unset !important; border-color: #061323 !important; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%) !important; padding: 0.5rem 1.5rem !important; outline:unset; } .qriosity-mbtn :hover { border-color: #061323 !important; outline: unset; } body button { outline:unset !important; } .swal2-popup .swal2-actions { min-width: 35%; justify-content:space-around; } .invite-friend-box { width: 60%; margin: 0 auto; background: #061323; border-radius: 0.6rem; padding:1rem; margin-bottom:2rem; } .invite-friend-box h2 { color: #FFB400; font-size:1.4rem; font-weight:600; margin:1.5rem auto; text-align:center; } .invite-friend-box h3 { color: #fff; font-size: 1.1rem; font-weight: 600; margin: 1.5rem auto; text-align: center; } .invite-popup-content button { height: 2.4rem; font-size: 1rem; padding: unset; margin-right: 1rem; border: unset; border-radius: 0.8rem; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); width:36%; } .invite-popup-content input { height: 3.2rem; width:85%; margin:auto; } .host-tag.mem-cus-jnd{ justify-content:end; padding-right:2rem; } .score-qrio h2 { color:#fff; } .cong-modual h5 { color:#fff; } .score-qrio-bt { background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); color: #fff; border: unset; border-radius: 0.3rem; } .main-rapid-answer { color:#fff; } .scoreboard-big-con { width: 100%; margin-left: 0%; } .table-score-card { display: block; background: #061323; padding: 2rem; border-radius: 0.7rem; margin-bottom:3rem; } .score-board-heading h2 { font-weight: 600; font-size: 2rem; color: #fff; padding-top: 6rem; text-align: center; } .score-title img { height: 3.5rem !important; margin: 0 auto 1rem auto; display: block; } .qriosity-score-board-d { width: 70%; display: block; margin: auto; } .qrio-score-heading th { border:unset !important; } .game-score-dis { display:flex; justify-content:center; } .game-score-dis input { background: unset; border: unset; font-size: 3rem !important; color: #FFB400; font-weight: 600; width: 7rem; outline: unset; } .crio-buttons { display:flex; justify-content:center; } .nxt-gam-btn img { height:3rem; } .pl-gm-bt { width: 9.5rem; margin-left: 2rem; border: unset; border-radius: 0.5rem; color: #fff; font-weight: 600; } .quiracity-tag-img img { border:solid; } .game-tiome-out { color: #fff; text-align: center; margin-top: 4rem; width: 77%; } .dot { line-height:0; } .ac-in-status { position: relative; top: -4px; } #myDIV #myDIV1 { background-image: url(../images/layout-dropdown.png); background-color: unset !important; border: unset; background-size: 100% 100%; padding: 2rem !important; } .share-btn-hide { display:none; } @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap'); #fingers10_filter label::after { content: '.'; background-image: url(../images/search-glass.png); color:transparent; z-index: 99; display: block; width: 1.5rem; background-size: 100% 100%; position: relative; top: -3.1rem; right: -1rem; z-index:1; } #fingers10 tbody tr td { width: 147px !important; } table#fingers10 { table-layout:fixed; } .admin-reports{ border-radius: 1rem; border:solid 1px #fff; } #pg_gameReportGridPager.ui-pager-control { background: #061323; } #gameReportGridPager_right.ui-jqgrid-pg-right { color:#fff; } #gameReportGridPager_center .ui-pg-table > tbody { color: #fff; } #gameReportGridPager { height: 32px; border:unset; } #playerw #gbox_employeeWiseReportGrid { border: unset; } #playerw #playerRepo > div:nth-child(2) { border-radius: 1rem; border: solid 1px #fff; } #playerRepo { background:unset; } #playerw #employeeWiseReportGridPager { background: #061323; height:2rem; border:unset; } #playerw #employeeWiseReportGridPager_center > table { color:#fff; } #playerw #employeeWiseReportGridPager_right { color:#fff; } .ui-jqgrid tr.jqgrow td { white-space: normal !important; } #gamew .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv { border:unset; } #playerw .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv { border: unset; } #employeeWiseReportGrid_10398 > table > tbody > tr td { white-space:normal; } #gamew .ui-widget.ui-widget-content { border:unset !important; } .player-initials { border-radius: 50%; width: 66px; height: 66px; text-align: center; color: #fff !important; border: solid 2px #fff; margin: 12px !important; padding: 0.7rem; line-height: 2.5rem; text-transform: uppercase; } .tab-ply-initials { border: 2px solid #FFB400; border-radius: 50%; margin-right: 20px; margin-top: 0px; margin-left: 5px; width: 28px; height: 28px; color: #fff; display: inline-block; text-align: center; padding: 0.3rem; text-transform: uppercase; } .wid-45 { width:45%; } .pad-0-15 { padding:0 15px; } .dummy-head { text-align:center; margin: 0 !important; display: inline-block; font-size: 1.2rem; line-height: 1.7rem; padding: 0 0.4rem !important; border-radius: 50%; background: #000; border: solid 2px #fff; font-weight: 600; height: 30px; width: 30px; margin: 0 !important; display: inline-block; font-size: 1.2rem; line-height: 1.7rem; padding: 0 0.4rem !important; border-radius: 50%; background: #000; border: solid 2px #fff; font-weight: 600; text-transform:uppercase; color:#ffffff; } #tblQuestionMaster { table-layout:fixed; } #divPartial #tblQuestionMaster_wrapper div:nth-child(3) { display:block; } #divPartial #tblQuestionMaster_wrapper div:nth-child(3) div:nth-child(2) { margin: 0 auto; } #divPartial #tblQuestionMaster_wrapper div:nth-child(3) div:nth-child(2) ul.pagination { margin: 0 auto; } #divPartial { overflow-x:unset; } .hurry-up-pn { position: relative; height: 9rem !important; left: -4rem; top:3rem; } #cloud { position:relative; } #cloud:after { content: ''; position: absolute; top: -3.1rem; right: -1rem; width: 0; height: 0; border: 17px solid transparent; border-bottom-color: #5B6384; border-top: 0; } #cloud:before { content: ''; position: absolute; top: -3rem; right: -1rem; width: 0; height: 0; border: 17px solid transparent; border-bottom-color: #061323; border-top: 0; z-index: 5; } #playerDr { display: none; } .show-if { display: inline-flex !important; } #add-image-btn { background:unset; border:unset; } #target #fingbtn { flex:auto; margin:auto; } #target { display:flex; } #target #fingers10_filter label { margin-bottom: unset; color: #fff; font-weight: 500; font-family: 'Poppins'; } #calendar-container .bootstrap-datetimepicker-widget { background: #061323; border-radius: 1rem; border: solid 1.8px #5E5E5E; } #calendar-container .bootstrap-datetimepicker-widget:before, #calendar-container .bootstrap-datetimepicker-widget:after { display:none; } #calendar-container .bootstrap-datetimepicker-widget > .row:first-child { display:flex; flex-flow:column; } #calendar-container .bootstrap-datetimepicker-widget { width:100%; } #calendar-container .bootstrap-datetimepicker-widget .datepicker, #calendar-container .bootstrap-datetimepicker-widget .timepicker { max-width: 100%; } #calendar-container .bootstrap-datetimepicker-widget table thead tr:first-child th { color: #E9E9E9; } #calendar-container .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background:unset; } #calendar-container .bootstrap-datetimepicker-widget table th { color: #E9E9E9; } #calendar-container .bootstrap-datetimepicker-widget table th:first-child, #calendar-container .bootstrap-datetimepicker-widget table th:last-child { color: #FF56F6; } #calendar-container .bootstrap-datetimepicker-widget table td.day { color: #E9E9E9; } #calendar-container .bootstrap-datetimepicker-widget table td.disabled { color: #555E68 !important; } #calendar-container .bootstrap-datetimepicker-widget table td.old, #calendar-container .bootstrap-datetimepicker-widget table td.new { color: #777777; } #calendar-container .bootstrap-datetimepicker-widget table td.day { text-align: center; border-radius: 50%; height: 43px; line-height: 20px; width: 54px; } #calendar-container .bootstrap-datetimepicker-widget table td.active { color: #fff !important; } #calendar-container .bootstrap-datetimepicker-widget table td:hover { color: #000 !important; } #calendar-container .bootstrap-datetimepicker-widget table td.disabled:hover { color: #555E68 !important; } #calendar-container .bootstrap-datetimepicker-widget .glyphicon-trash, #calendar-container .bootstrap-datetimepicker-widget .glyphicon-ok { background: unset; border: unset; border-radius: 0.5rem !important; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); width: 60%; } #calendar-container .bootstrap-datetimepicker-widget .glyphicon-chevron-up:before, #calendar-container .bootstrap-datetimepicker-widget .glyphicon-chevron-down:before, #calendar-container .bootstrap-datetimepicker-widget .timepicker-hour, #calendar-container .bootstrap-datetimepicker-widget .timepicker-minute { color: #fff; } #calendar-container .bootstrap-datetimepicker-widget table td span:hover { background: unset; } #calendar-container .bootstrap-datetimepicker-widget td.minute { color:#fff; } #calendar-container .bootstrap-datetimepicker-widget td.minute:hover { color: #FFB400 !important; background: unset; } .kbc-border { background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border-radius: 0.69rem; padding: 3px; } .check { margin: auto 1rem; } .kbc-option-box { position: relative; display: flex; align-items: center; } .kbc-option-box label { width: 100%; } .welcome-qriosity-modal div { background-color: #061323; display: flex; flex-flow: column; margin: auto; justify-content: end; align-items: center; height: 16rem; border-radius: 0.5rem; width: 22rem; } .welcome-qriosity-modal { position: fixed; inset: 0; display: flex; z-index: 9; background: #39393999; } .welcome-qriosity-modal img { height:8rem; } .welcome-qriosity-modal h2 { color: #FFB400; font-size: 1.7rem; margin: 1.5rem auto 2rem auto; } #NewQuestionBank #NewQuestion { display: flex; flex-wrap: wrap; margin: 1rem 0; margin-top:0; } #NewQuestionBank #NewQuestion .card { margin: 1.5rem 1.5rem 0 0; width: 16rem; background: #061323; border: solid 1.5px; border-radius: 0.8rem; overflow: hidden; } #paginationContainer { display: flex; width: fit-content; padding: 0 1rem; background: #061323; margin: 0 auto; border-radius: 0.5rem; position: relative; left: -5rem; } #paginationContainer li { list-style-type: none; width: 4rem; font-size: 1.2rem; text-align: center; height: 3rem; line-height: 3rem; } #paginationContainer .active { color: yellow; } .custom-pagination { margin-bottom: 1rem; } #paginationContainer a { width: 100%; display: inline-block; cursor: pointer; } #NewQuestionBank #NewQuestion .card h5.card-title { font-size: 1rem; color: #fff; max-width: 8rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom:0; line-height:1.6rem; cursor:progress; } #NewQuestionBank #NewQuestion .card .card-body { min-height: 10rem; padding:unset; } #NewQuestionBank #NewQuestion .card .card-body .cat-Image { width: 100%; height: 140px; } #NewQuestionBank #NewQuestion .card .card-body .cat-head { display: flex; justify-content: space-between; padding: 0.5rem 0.6rem; border-top: 1.5px solid; } #NewQuestionBank #NewQuestion .card .card-body .status-action-con { display:flex; } #new-Qbank { } #DisplayImage-con img { width:12rem; height:5.5rem; } #new-Qbank .qrio-gam-add-image { display: flex; justify-content: center; align-items: center; padding-right: 1rem; padding-bottom: 1rem; } #new-Qbank .inp-con input[type="text"].cat-op-bg { background: unset; border: unset; box-shadow: unset; } #new-Qbank .inp-con { background:#fff; border-radius:0.5rem; } #new-Qbank .inp-con input { margin-top:0; } #new-Qbank .qr-Qinput-checkbox { width:3rem; } #new-Qbank .qr-Qinput-checkbox input { width:1.3rem; justify-content:center; } #new-Qbank .qr-Qinput-checkbox input[type="radio"]:focus { outline: none; } .q-bank-img { height: 20rem; background: #fff; display: flex; justify-content: center; align-items: center; border-radius: 0.5rem; } #DisplayImage-conQ img { height:10rem; } .create-question-bank-name { width: 815px; padding: 1.5rem; border: solid 1px; border-radius: 0.5rem; background: #061323; margin-bottom: 1rem; } .edit-button-q-con { width:100%; display:flex; justify-content:end; } #new-Qbank .save-btn { width: 129px !important; height: 45px; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border-radius: 8px; margin-top: 0; border: unset; color: #fff; } #new-Qbank .edit-btn { color: #fff; border: unset; background: unset; text-decoration: underline; } #new-Qbank { margin-bottom:2rem;} #new-Qbank #addBTN .aadbt { border: unset; background: unset; } #new-Qbank #addBTN #btnSave { width: 129px !important; margin-left: 33rem; background: transparent; border-radius: 8px; margin-top: 0; border: unset; color: #fff; padding: 0rem; text-decoration: underline; font-size: 1.2rem; font-weight: 600; } .fundoo-bgm-btn { height: 45px; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border-radius: 8px; margin-top: 1rem; border: unset; color: #fff; padding: 0 2rem; font-weight: 600; } .screen2 { margin-top:5rem; } #anotherQues-con { padding-top:5rem; } #new-Qbank .edit-btn { padding-right:1rem; } .userclass #UserNameId { display:none; } .userclass { background: #FFB400B2; width: fit-content; display: block; margin-left: auto; max-width: 80%; border-radius: 0.5rem; border-top-right-radius: 0.5rem; border-top-right-radius: 0; padding: 10px; margin-bottom: 0.5rem; } .nonuser { background: #0D2C54; width: fit-content; display: block; margin-right: auto; max-width: 80%; border-radius: 0.5rem; border-top-right-radius: 0.5rem; border-top-left-radius: 0; padding: 10px; margin-bottom: 0.5rem; } .userclass .messageClass { color:#000; } .nonuser .messageClass { color: #fff; } .userclass div:nth-child(3) { color: #7F6526; font-size: 0.5rem; text-align: right; } .nonuser div:nth-child(3) { color: #8696AA; font-size: 0.7rem; text-align: right; } #messageInput { box-shadow:unset; border:0; } #anotherQues-con #heading { display:flex; } .swal2-popup { min-height:12rem; } #question-panel .countdown-right { justify-content: center; } .option-container .row { width: 95%; } #question-panel .game-img-con img { width: 100%; height: 100%; object-fit: contain; max-width: 100%; max-height: 100%; border: unset; border-radius: unset; } .add-player-modal { padding-right:0 !important; top: 0; justify-content: center; align-items: center; } .add-player-modal.show { display:flex !important; } .password-con #userPassword, .password-con #UserConfirmPassword, .password-con #UserPassword { margin-bottom: unset !important; margin-top: 0 !important; border: 0 !important; border-top-right-radius: 0; border-bottom-right-radius: 0; width:100% !important; } .password-con { margin-bottom: 20px; border-radius: 0.4rem; overflow: hidden; } .form-label-group #UserEmail { border-radius:0.4rem; overflow:hidden; } #password-change.login-form { border-radius:0.4rem; overflow:hidden; padding-bottom:3rem; padding-top:1.5rem; } .span-validation-er span.field-validation-error { width: 250px; margin: auto; margin-bottom: 1rem; } #invalid-validation { font-size: 0.8rem; color: rgb(235, 84, 6); } .margin0 { margin:0; } .swal2-container { z-index: 99999999999; background: rgba(0, 0, 0, 0.8) !important; } @media (max-width: 991px) { .logo-width-less-992px { display: flex; justify-content: center; align-items: center; } .heading-parent { margin-left:unset !important; width:100% !important; } } @media (min-width: 992px) { .tot-ques { display: flex; } .reg-con { margin-top: 7%; margin-bottom: 7%; } .logo-width-less-992px { display: none; } .login-page-box { display: flex; align-items: center; } } .scoreboard-container { max-height: 12rem; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: transparent transparent; -ms-overflow-style: none; } .scoreboard-container::-webkit-scrollbar { width: 0.5em; } .scoreboard-container::-webkit-scrollbar-track { background-color: transparent; } .scoreboard-container::-webkit-scrollbar-thumb { background-color: transparent; } @media only screen and (min-width: 767px) and (max-width: 1397px) { .recentactive { flex-wrap: wrap; } .created-gam-container #projects-carousel.gamewithout-slide.games-card { display: flex; flex-wrap: wrap; } .gamewithout-slide .project { margin-right: 1rem; margin-left: 1rem; } .recentactive .created-gam-container { margin-left: 0; } } @media screen and (min-width: 992px) and (max-width: 1200px) { .fle { margin-left: 6rem; } } .game-card-timer .rec-gam-btns { margin-right: 1rem; } .schedule-text:not(:first-child) { display: none; } #projects-carousel .project:not(:nth-of-type(1)) .schedule-text { display:none; } #projects-carousel .project:nth-of-type(1) .schedule-text { position: absolute; top: -2rem; left: 0; } @media(max-width:767px) { .mar-l-0 { margin-left: 0 !important; } .game-title-head { font-size:30px !important; } .heading-friends-con, .time-qriosity { margin: 1rem auto; padding: 0 1rem; } .tot-ques { display: flex; justify-content: center; } .tot-ques h2 { width:fit-content; } #projects-carousel .project:nth-of-type(1) .schedule-text { display: block; text-align: center; width: 100% } } .wid-unset { width:unset !important; } @media (min-width: 992px) { .option-container .option-box { width:min-content; } .main-countdown .countdown-form { padding:20px; } } #gamepenal-main.adventure-tab.active-games { padding: 0 3.5rem; } @media(min-width:767px) { .no-wr { padding-right: 1rem !important; padding-left: 1rem !important; white-space: nowrap !important; } .imgpar { margin: auto; margin-left: 1rem; } .questions-con-qriosity { width: 40rem; } } .wid-fit { width:fit-content;} @media (max-width: 1200px) { #mute img { height:1rem !important;}  .spacing-of-mirror img { height: 1.3rem !important; margin: auto !important; } .spacing-of-graph img { height: 1.5rem !important; margin: auto !important; } .slideOutTab { width: 40px; height: 40px; padding: 0; } #slideOut, #slideOut1, #soundButtons { top: 5rem !important; width: 0; } .quit-qriosity-game { top: 1rem !important; right: unset !important; left: 1rem !important; } #slideOut .spacing-of-graph { right: 2rem; } #slideOut1 .spacing-of-mirror { right: 6.12rem; } #soundButtons .spacing-of-sound { right: 10.34rem; } .spacing-of-graph, .spacing-of-mirror, .spacing-of-sound { margin-top: unset !important; } #slideOut .modal-content { inset: 20% 0 40% 0; position: fixed; margin: 10%; width: unset } #slideOut1 .modal-content { inset: 15% 0 37% 0; position: fixed; margin: 10%; width: unset; } #slideOut .modal-content, #slideOut1 .modal-content { display: none; } .showSlideOut .modal-content, .showSlideOut1 .modal-content { display: block !important; } } .gradient-border-button { width: 100%; padding: 10px 30px; margin-bottom: 1rem; border: none; outline: none; position: relative; border-radius: 0.5rem; background-color: transparent !important; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); cursor: pointer; z-index: 1; color: white; font-weight: bolder; } .gradient-border-button:before { content: ""; position: absolute; left: 3px; right: 4px; top: 3px; bottom: 3.6px; border-radius: 0.36rem; background-color: #20224d; z-index: -1; } @media (min-width: 992px) { .navbar-expand-lg #navbarsExample09.navbar-collapse.collapse.bg-nav-side { display: block !important; } .heading-friends { width: 94%; margin-left: 1rem; } } @media(max-width:767px) { #member-list.team-table { padding: 0 1rem 1rem 1rem !important; } .team-table-profile .team-profile-left { margin-top: unset !important; } .team-table-midlle { display: none !important; } .team-profile-left p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; max-width: 16rem; } } .table-border-tag { width:100%; } .team-profile-left p { align-items:center; } @media only screen and (min-width: 767px) and (max-width: 992px) { .clickZoom { min-width: unset !important; } .no-wr { font-size:0.8rem !important; } .team-profile-left p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 20rem; display: block; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .team-profile-left p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 22rem; display: block; } } @media (min-width: 1201px) { .team-profile-left p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 27rem; display: block; } } @media (min-width: 1300px) { .mem-list-ui { width: 80%; } } @media (max-width: 767px) { .mul-mob { width:95%; padding:1rem !important; } .team-table-right { margin-left: 15rem !important; } .team-table-profile { height: 40px !important; } .team-profile-left.border-tag-blue img { width: 25px !important; height: 25px !important; margin: 0 0.5rem !important; } .team-table-profile { margin-bottom: 8px !important; } } .team-table-midlle { display: flex; } .quiz-btn .play-extnd-btns.invite-popup-content { margin: 0; } .quiz-btn.play-ex-con { margin:0; } .note-for-tips { margin-bottom:1rem; display:block; } #btnPlayGame, #btnExtendGameTime, #btnDeleteGame { margin: 0.5rem; justify-content: center; align-items: center; } #btnPlayGameTeam, #btnExtendGameTimeTeam, #btnDeleteGameTeam { justify-content: center; align-items: center; } @media (max-width: 497px) { #btnPlayGame, #btnExtendGameTime, #btnDeleteGame { margin: 0.5rem !important; } } .no-wr { white-space: nowrap !important; } #gameImageCon { display: none; opacity: 0; transition: opacity 0.5s ease, display 0.5s step-end; } #gameImageCon.show { display: flex; opacity: 1; } #gameImageCon { position: fixed; height: 100vh; width: 100vw; top: 0; z-index: 999999; left: 0; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .game-image-box { width: 600px; height: 500px; display: flex; justify-content: center; align-items: center } #gameImageCon .game-image-box .game-image-cl { max-width: 100%; max-height: 100%; width: auto; height: auto; } .x-btn-gam-img { width:100%; } .x-btn-gam-img button { margin-left: auto; display: block; } #crossBtnX { background:unset; border:unset; font-size:1.8rem; color:#fff; } .join-btn { position: relative; top: -2.5rem; } .team-table.backcol h3.teams-head { font-size: 1.5rem; color: #fff; padding-left: 3rem; } .team-profile-left { width: 100%; } #teamdiv.teamProp { margin:0; } .time-qriosity h2 { padding: 0 0.5rem; } @media (max-width: 480px) { .minwwid{min-width:unset !important; margin-top:-0.5rem!important; } .create-quiz-title { flex: 100%; text-align: center; } } .team-table-midlle.host-tag p { white-space: nowrap; } @media (max-width: 992px) { .team-profile-left p { font-size: 15px !important; } } @media (max-width: 566px) { .spBtnsCon.quiz-btn { margin:1rem auto; } .teams-head { margin: auto; padding-left: unset !important; padding-bottom: 1rem; } } .spBtnsBox { justify-content:space-between; } .spBtnsCon.quiz-btn { margin-top:unset; } .kbc-option-box { word-wrap: break-word; word-break: break-word; } @media (max-width: 576px) { #question-panel .main-countdown .countdown-form .wid-fit { width: 100% !important; } .kbc-options { flex-flow: column; } .kbc-options li { width: 100% !important; } ul.kbc-options { flex-flow: column; } } .questions-con-qriosity { word-wrap: break-word; word-break: break-word; } .login-section input#UserPassword.enter-input { text-align:left !important; } .login-section input#UserEmail.enter-input { text-align: left !important; } .forgotPassLabel { width:100%; } .forgotPassLabel a{ margin-left: auto; margin-right: 0; display: block; width: fit-content } @media (min-width:992px) { .admin-dashboard-container {  padding-left: 2rem; } .tabb .in-tab button.tablinks { margin-right: 20px; } } @media (min-width:768px) { .admin-dashboard-container { padding-left: 2rem; } .admn-dash .tabb { height: 4.3rem; } } @media (max-width:769px) { #Subscription.tabcontent { padding:0 1rem; } .tabb .in-tab button.tablinks.active { border-bottom: unset; padding-bottom: 14px; } .heading-admin-dash { justify-content:center; } .admn-dash .tabb { margin-right:auto; margin-left:auto; } } @media (min-width:480px) and (max-width:767px) { .tabb .in-tab button.tablinks { width: fit-content; font-size: 0.8rem; margin:auto; } } @media (max-width:566px){ .tabb .in-tab { display: flex; flex-flow: column; }} #gamepenal-main.game-creation-screen { margin: 0; max-width: 100%; } #tab-button.qriosityTabs { width: fit-content; margin: auto; display:flex; } .calendarCon { position:relative; } #gamepenal-main.heuristic-evaluation .checkbox-tab label { margin:auto 0.5rem; } .checkbox-tab.qriosityCh { display:flex; justify-content:end; } .typeOfGame { 0 0.5rem; } .teamNone, .singleNone { display:none; } .game-play.singleDouble { max-width:400px; } .singleDoubleCon { max-width:630px; } .customizeQriosity { padding: 1rem 2rem; } @media(max-width:768px) { #gamepenal-main.game-creation-screen.heuristic-evaluation { margin:auto !important; } } .newGmecrte { flex-flow:column; } .customF { display:flex !important; justify-content:center; align-items:center; flex-flow:column; margin-right:auto; margin-left:auto; max-width:630px; } #gamepenal-main.adventure-tab.addQcus { max-width: unset; } .customQueslib { width: 100% !important; max-width: 100% !important; display: flex; justify-content: center; } .heuristic-evaluation .question-section .btn-block.log-btn.customSub { margin:auto !important; } .heuristic-evaluation .tabs.dfl { display: flex; justify-content: center; } #gamepenal-main.heuristic-evaluation.cusQuesLibCon { max-width: unset;} #gamepenal-main .tabs .tab-contents.newQuesBox { width:100%; } #gamepenal-main.heuristic-evaluation .row.choose-game-tag.newChooseG { width:100% !important; } .game-question-selection .select-question.disSelectQ { margin-left: unset !important; } .tooltipAg { position: relative; } .tooltipProp { display: none; position: absolute; top: -3rem; color: #ffffff; border-radius: 0.5rem; background: #000; padding: 0.4rem 0.7rem; border: solid 2px #fff; white-space: nowrap; } .tooltipAg:hover .tooltipProp { display: block !important; } .linearBorderButton { padding: 0.25rem; border-radius: 0.5rem; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); height: fit-content !important; position: unset; margin: auto; width: 45% !important; } .linearBorderButton button { background-color: #061323; border-radius: 0.3rem; position: unset; margin: auto; color: #fff; padding: 0.3rem 1.5rem; border: 0; font-weight: 500; width: 100%; } @media (max-width: 991.5px) { .customizeQriosity { display: flex; justify-content: center; } } .game-question-selection #exampleTextBased_length.dataTables_length { margin: unset; } #gamepenal-main.heuristic-evaluation .game-question-selection select { display: block; width: unset !important; margin: 0 0.5rem; padding: 0.25rem 1.75rem 0.25rem 0.5rem !important; } .game-question-selection #exampleTextBased_length.dataTables_length > label { display: flex; justify-content: start; align-items: center; } .error-message { margin-top: 0.5rem; color: red; font-size: 12px; } .margPl.request-for-demo.game-start { margin-left:unset !important; margin-right:0.5rem !important; } .marCr.request-for-demo.game-start { margin-left:0.5rem !important; margin-right:unset !important; } #QriosityGameModel.modal.class-z-index { padding-right:0 !important; } @media (max-width:400px) { .smallMobReduce { width: 250px; margin-top: 1rem !important; } .modalcontentMobReduce.modalgame.modalhei { width: 335px !important; } .modalcontentMobReduce { width: 335px !important; } } #gamepenal-main.heuristic-evaluation .single-button .btn-primary.ReduceLab, #gamepenal-main.heuristic-evaluation .single-button .btn-primary.ReduceLab { line-height: unset !important; width: 100%; word-wrap: break-word; word-break: break-word; padding: 1rem !important } @media (min-width: 993px) { .flx { display: flex !important; } .customFf { flex-flow: row !important; } } .mTop035 { margin-top: 0.35rem; } .newGmecrte { margin: auto; border-radius: 1rem; background-color: #061323; padding-top:2rem; padding-right:0.5rem; padding-left:0.5rem; } @media (min-width:768.5px) { .newGmecrte { width:630px; } } @media (max-width:991.5px) { #gamepenal-main.game-creation-screen.heuristic-evaluation.newGameScreen { margin:auto !important; } } @media (min-width:993.5px) { .l-pr2 { padding-right: 2rem; } .l-pl2{ padding-left:2rem; } } @media (max-width:767.5px) { .s-padUnset { padding:unset !important; } } @media (min-width:768px) and (max-width:993px) { .sl-pad05 { padding: 0 0.5rem; } } .questionSectionBg { padding: 2rem 1.5rem !important; background-color: #061323; border-radius: 1rem; margin:1rem; } .vsb-chng #btn-group-ddEnterprise.vsb-main { padding: 0 !important; } .continueBt { height: 3.5rem; border-radius: 1rem; background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border: unset; } .heuristic-evaluation .question-section h2::before { left: 6% !important; top: 30.5% !important; } .heuristic-evaluation .question-section h2::after { right: 6% !important; top: 30.5% !important; } @media (max-width:766.5px) { .heuristic-evaluation .question-section h2::before, .heuristic-evaluation .question-section h2::after { display:none; } } .select-all-margin .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e") !important; } .show.customAddManually { height: 100vh; display: flex !important; align-items: center; justify-content: center; } .customModalCon.modal-content { border-radius: 1rem !important; background: #061323; } .customModalCon.modal-content .modal-header { color: #fff; } .customModalCon.modal-content .modal-header h5{ font-weight:600; } .customModalCon.modal-content .modal-header button.close span { filter:invert(); } .customModalCon.modal-content label { color:#fff; } .customModalCon.modal-content select { background-color:#fff; border-radius:2rem; } .customModalCon.modal-content #btnSaveQuestion { background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%); border:unset; } .customModalCon.modal-content #btnResetQuestion { color:#fff; border-color:#fff; } #quesw .selectQuesCat-label { font-weight: bold; width: 100%; text-align: center; } .inlineValidationCss { width: 100%; color: rgb(235, 84, 6); position: absolute; bottom: -1.3rem; display: none; font-size: 0.8rem; font-weight: 300; } .movable-button { position: absolute; z-index: 8; cursor: grab; } @media (min-width:992.5px) { .marglefty.empreg { margin-left: 13%; } } .disfle { display: flex; } .firstmod { position: relative !important; width: 144px !important; height: 25.22px !important; left: 20px !important; background: #FFB400 !important; border-radius: 5px !important; } .toggleButtons.btn-group.btn-group-toggle .btn.btn-secondary { background-color: unset !important; border: solid 1px; font-size: 1.2rem; font-weight: 600; outline: unset; box-shadow: none; cursor:pointer; } .toggleButtons.btn-group.btn-group-toggle .btn.btn-secondary.active { color: #ffb400; } #QriosityQuestionBank, #Reports { padding-top: 1rem; } #ManagePlayers #EmployeeModal, #ManagePlayers #BulkEmployeeUploadModal, #quesw #BulkQuostionUploadModal, #ManagePlayers #ChangePasswordModal { padding-right: 0 !important; } #ManagePlayers #EmployeeModal .modal-dialog { margin:auto !important; } .modalFle100 { display:flex; justify-content:center; align-items:center; height:100%; } @media (max-width:768px) { .modalFle100 { margin:1rem; } } .max800 { max-width:800px !important; }  .modal-content.modal-content-FundooTheme { background: #061323; color: #fff !important; } .modal-content.modal-content-FundooTheme select { background:#fff !important; color:#000 !important; border-radius:2rem; } .modal-content.modal-content-FundooTheme button.close { filter:invert(); } #QriosityQuestionBank table.table-bordered.dataTable tbody td { word-break:break-word; } #ManagePlayers #EmployeeModal.modal { background: rgba(0, 0, 0, 0.4) !important; } .posRel { position:relative; } @media (max-width:575.5px) { .downSample { margin-top:-2rem; } } @media (max-width:1400px) { #managePlayerTable #fingers10_wrapper > div:nth-of-type(2) { overflow-x: auto; } } #managePlayerTable #fingers10_wrapper #fingers10_paginate { width:fit-content; margin:unset !important; } #managePlayerTable #fingers10_wrapper > div:nth-of-type(3) { position:relative; display:flex; justify-content:center; } #managePlayerTable #fingers10_wrapper > div:nth-of-type(3) > div.col-sm-12:nth-of-type(2) { width: fit-content; position: absolute; } @media (min-width: 768px) { .adminDashProperty { padding-right:2rem; } #managePlayerTable #fingers10_wrapper #fingers10_paginate .pagination { padding:unset !important; } } @media (max-width:767.5px) { #managePlayerTable #fingers10_wrapper > div:nth-of-type(2) { margin:1rem; } } #Subscription .main-card-container { margin-right:20px; margin-left:20px; } #Subscription .body-styling-pricing .toggle-switch-dsgn-cus { flex-wrap:wrap; } @media (max-width:569.5px) { #Subscription .body-styling-pricing .toggle-switch-dsgn-cus { flex-flow:column; } #Subscription .body-styling-pricing .toggle-subs { width: fit-content; margin: 1rem auto; } #Subscription .body-styling-pricing .toggle-switch-dsgn-cus { flex-flow: column; margin-bottom: 0; } } @media (max-width:769.5px) { #Subscription .my-pln-btn { margin: 1rem auto !important; display: block !important; } } .elipse { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .titlecolorswal { color: #FFB400; } .gradient-background { background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%) !important; outline: unset !important; box-shadow: unset !important; border-radius: 0.5rem !important; } .Border-Button { border: solid 2px blueviolet !important; background: transparent !important; color: #fff !important; border-radius: 0.5rem !important; } .titlecss { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 26px; } .textcss { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 16px; } @media (max-width:499px) { #Subscription .main-card-container { width: 100% !important; } } @media (max-width:767.5px) { .buttonAl { display: flex; justify-content: center; } } @media (max-width:1290px) { .mobscroll { overflow-x: scroll; width: auto; } } @media (min-width:864.5px) { .w800 { width: 800px !important; } } @media (max-width:835px) { #QriosityQuestionBank #divPartial #tblQuestionMaster { width:800px !important; } #QriosityQuestionBank #divPartial #tblQuestionMaster_wrapper > div.row:nth-of-type(2) > div.col-sm-12 { overflow-x:scroll; } #QriosityQuestionBank #divPartial #tblQuestionMaster_wrapper > div.row:nth-of-type(1) > div.col-sm-12.col-md-6:nth-of-type(1) {padding:0 !important; } #QriosityQuestionBank #divPartial #tblQuestionMaster_wrapper > div.row:nth-of-type(1) > div.col-sm-12.col-md-6:nth-of-type(2) { padding: 0 !important; } #QriosityQuestionBank #divPartial #tblQuestionMaster_wrapper > div.row:nth-of-type(1) > div.col-sm-12.col-md-6:nth-of-type(2) > #tblQuestionMaster_filter input { width:200px !important; } #QriosityQuestionBank #tblCategory_wrapper > div.row:nth-of-type(1) > div.col-sm-12.col-md-6:nth-of-type(2) > #tblCategory_filter input { width: 150px !important; } } @media (max-width:767.5px) { #QriosityQuestionBank { padding: 1rem !important; } } #QriosityQuestionBank th { white-space:nowrap; } .addCQ { background:transparent !important; width:100%; border:solid 1px; } .addCQ i { padding-right: 0.2rem; font-size: 0.7rem; margin-top: -0.8rem; } .togCon { width:100%; display:flex; justify-content:center; } .addCQ:hover { color: orange; outline: solid 1px !important; } .modal { padding:0 !important; }
@media screen and (max-width: 500px){.marginlefty{margin-left:2rem;}

}