.setTicketFrameSize {
    opacity: 0;
}

.language {
  margin-left: 50px;
}


.left_block_ofTickets {
    border-radius: 15px;
    overflow: hidden;
    background: #d8d8d8;
}

.active_tab {
    background: #0073bd;
}


.header_ofChoise {
    display: flex;
    justify-content: space-between;
}

.header_ofChoise > div {
    width: 50%;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.myBasket {
    border-bottom: 1px solid #ccc;
}

.myBasket h4 {
    color: #080808;
    text-align: center;
    font-size: 0.8rem;
    margin-bottom: 15px !important;
}

.themes {
    /*border: 1px solid #ccc;*/
    /*margin: 25px;*/
    margin-top: 2px;
}

.darkBorder {
    border: 1px solid #181923;
}

div.darkScrollBar::-webkit-scrollbar-thumb {
    background-color: #444354;
    outline: 1px solid #181923;
}

.darkText {
    color: #2c2b3c !important;
}

.active_button {
    background: #146192;
    border: none;
    color: white;
}
.active_button:hover {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}



.categoryNumber {
    display: inline-block;
    margin-right: 10px;
    background: #cccccc;
    padding: 5px;
    width: 30px;
    text-align: center;
}


.markAsCompleted_js {
    height: 20px;
}


li.list-group-item.ticketCategories.d-flex.align-items-center.active {
    background-color: #0073bd !important;
    color: white !important;
}

.for_checkThemes_css label {
    font-family: FontAwesome;
}

.for_checkThemes_css {
    display: flex;
    align-items: center;
    height: 33px;
    width: 30px;
}

.for_checkThemes_css label span {
    height: 15px;
    width: 15px;
    border: 1px solid grey;
    display: inline-block;
    position: relative;
    top: -2px;
    cursor: pointer;
    content: '';
    z-index: 9999999;
}

.for_checkThemes_css [type=checkbox]:checked + span:before {
    content: '✓';
    position: absolute;
    top: -8px;
    left: 0;
    color: #85ff85;
    font-weight: 900;
    transform: scale(1.3);
}

li.ticketCategories > div:nth-child(1) {
    flex: 1 1;
}
li.ticketCategories > div:nth-child(2) {
    flex: 1 1;
}
li.ticketCategories > div:nth-child(3) {
    flex: 6 1;
    font-size: .8rem;
}

span.disabled {
    background: #e4e4e4;
    border: 1px solid #9c9898;
}

.ticketContainer > div:nth-child(1) {
    flex: 20 1;
    z-index: 143;
}

.ticketContainer > div:nth-child(2) {
    margin-left: 15px;
    flex: 1 1;
    padding-top: 43px;
    display: flex;
    flex-direction: column;
}
.ticketContainer > div:nth-child(2) img {
    margin-bottom: 15px;
}

li.answer > div:nth-child(1) {
    flex: 1 1;
}



li.answer > div:nth-child(2) {
    flex: 10 1;
    justify-content:center;
}

li.answer  {
    align-items: center;
    width: 100% !important;
}

li.answer h4 {
    font-size: 1rem;
}

.question h4 {
    font-size: 1.3rem;
}

.rightAnswer h4 {
    color: black;
}

.goBack {
    background: #14161e;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #353535;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
.goBackA:hover {
    text-decoration: none;
}

.active_isBasket {
    background: #0073bd;
    padding: 16px;
    padding-bottom: 1px;
    border-bottom: none;
}

.emptyBasket_info {
    /*display: none !important;*/
}

.category_changer {
    display:flex;
    flex-direction:column;
    position: relative;
    align-items: center;
    margin-bottom: 10px;
}

.category_changer button {
    margin: 0 !important;
}

.category_changer  > div {
    background: white;
    margin-top: 5px;
    border-radius: 5px;
    position: absolute;
    top: 30px;
    z-index: 9999999999;
    display: none;
}

.category_changer  > div ul button {
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category_changer  > div ul button img {
    width:60px;
}


.category_changer  > div ul li {
    margin: 5px 0;
}

.category_changer  > div ul {
    margin: 0 !important;
}

.aboutCategories {
    position: absolute;
    right: 0;
    bottom: 5px;
}

.aboutCategories p {
    font-size: 0.7rem;
}


.language_changer img {
    width: 20px !important;
    margin-right: 6px;
    margin-top: -1px;
}

.language_changer button {
    display: flex;
    align-items: center;
}

.cat_title_andMore {
    justify-content: center;
    flex-direction: column;
}

.cat_title_andMore img {
    width: 20px;
    margin-top: -5px;
}

.expand {
    position: fixed;
    right: 20px;
    cursor: pointer;
    bottom: 20px;
    z-index:9999999999999999;
}

.expand i {
    font-size: 25px;
}

.expand img {
    width: 50px;
}

.loading {
    position: absolute;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}


    /*here*/
.old_ticketBg.ticketContainer .extraAnswers ul li {
    padding: 18px 25px !important;
    font-size: 2rem;
    font-weight: bolder;
    margin: 0 10px;
}


.ticketContainer .extraAnswers ul li {
    padding: 18px 25px !important;
    font-size: 2rem;
    font-weight: bolder;
    margin: 0 10px;
    border-radius: 0 !important;
}

.info {
    cursor: pointer;
    margin-left: 5px;
    margin-top: -11px;
}

.info img {
    width: 13px;
}

.font_raiser {
    display: flex;
    background: #fff;
    color: black !important;
}

.font_raiser > div {
    padding: 3px 8px;
    border: 1px solid #4c4c4c;
}

.font_raise_line h4 {
    font-size: 0.7rem;
    margin-left: 5px !important;
}

.font_raiser > div:not(:nth-child(2)) {
    cursor: pointer;
}


.position_fixed {
    position: fixed;
}

.exam_btn1 {
    border-radius: 5px;
    background: #cdffbe;
    color: #00814c;
    font-size: 22px;
    font-weight: bold;
    padding: 15px 20px;
}

.exam_btn2 {
    border-radius: 5px;
    background: #ffc7c7;
    color: #b10000;
    font-size: 22px;
    font-weight: bold;
    padding: 15px 20px;
}

.for15pxHeight {
    height: 15px;
    width: 100%;
}

.see_my_mistakes {
    width: 100%;
}

.desktopHidden {
    display: none;
}



    /* Light Options */
.lightBody {
    background: #9b9aa5 !important;
}

.header_ofChoise > div a {
    color: black;
}

.active_tab >a {
    color: white !important;
}

.themes a {
    color: black;
}

.ticketContainer {
    background: rgb(155,154,165);
    background: linear-gradient(81deg, rgba(155,154,165,1) 0%, rgba(214,214,214,1) 100%);
}

.old_ticketSecondary_BG {
    background: rgb(218 218 218);
}

.old_style .myBasket h4 {
    color: black;
}





    /* old options */

.old_ticketBg {
    background: url("../img/bg_pat.png");
    min-height: 600px;
    background-size: 1px 100%;
    border: 6px double #fff;
}

.oldBody {
    background: #f1f1f1;
}
.old_ticketBg::before {
    content: '';
    background: url("../img/saagento.png");
    position: absolute;
    width: 70%;
    height: 70%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    background-position: center center;
}

.old_ticketBg.ticketContainer ul li {
    padding: 0 !important;
    border: 2px solid #fff;
    background: url("../img/bg_tkt_2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 0 !important;
    margin-top: 5px;
    color: white !important;
}



.old_ticketBg.ticketContainer ul li > div {
    padding: 15px 0 !important;
}

.old_ticketBg.ticketContainer ul li > div:nth-child(1) {
    background: #fff !important;
    flex: 2 1;
}

.old_ticketBg.ticketContainer ul li > div:nth-child(1) h3 {
    background: none;
    height: auto;
    width: auto;
    font-size: 2.8rem;
    color: #112833;
    font-weight: bolder;
}


.old_ticketBg .question {
    background: url("../img/bg_tkt_2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 0 !important;
}

.old_ticketBg .question h4 {
    font-family: "sylfaen" !important;
}


.old_ticketBg.ticketContainer ul li h4 {
    font-family: "sylfaen" !important;
    text-align: center;
}

.old_ticketBg p.ticketHeader {
    color: white;
}

.littleShadow_black {
    box-shadow: 0 0 3px 0px black;
}




    /* switch to Black */

.black {
    background-color: #2c2b3c !important;
    color: white !important;
}

.active  .categoryNumber {
    background-color: #168c0e !important;
    border: 1px solid #11670b;
}
.black span.disabled {
    background: #474654;
}

.ticketContainer.black {
    /*background: none !important;*/
    color: #ccc !important;
    background: rgb(24,25,35);
    background: linear-gradient(81deg, rgba(24,25,35,1) 0%, rgba(20,21,29,1) 100%);
}

.black p.ticketHeader {
    color: #ccc;
}

.black .question {
    background: #2c2b3c !important;
    border: none;
}

.black.ticketContainer ul li {
    background: #2c2b3c;
    border: none;
    color: #ccc !important;


}
.ticketContainer ul li.clickedExtraLi {
    background: #dbdee0  !important;
    box-shadow: inset 0 0 3px 0px black;
    color: dimgray !important;
}
.black .box_shadow_ofAnswer {
    box-shadow: 0 0 3px 1px #ffffffcc;
}

.ticketPageNavigator.black {
    background: none !important;
}

.ticketPageNavigator.black .page-item a {
    background-color: #15171f;
    border: 1px solid #353846;
    color: #ccc;
}

.ticketPageNavigator.black .page-item a:hover {
    background-color: #20222d;
    border: 1px solid #353846;
    color: #ccc;
}

.ticketPageNavigator.black  .page-item.disabled .page-link {
    background-color: #181923;
    border-color: #3a3a3a;
}

.ticketCategories.black.completed {
    background: #151623  !important;
    color: #888888 !important;
}

input.black_input {
    color: #0073bd;
    background-color: #171922;
    background-clip: padding-box;
    border: 1px solid #242848;
}

input.black_input:focus {
    color: #0073bd;
    background-color: #181923;
    border-color: #0073bd;
}

.darkBody {
    background: #181923 !important;
}

.black .header_ofChoise > div a {
    color: white;
}

.black .categoryNumber {
    background: #474654;
}

.ticketPageNavigator.black .active > span {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(49, 52, 64) !important;
    border-color: rgb(20, 22, 30) !important;
}

.black .myBasket h4 {
    color: #ccc !important;
}



/*end*/


/* play with font size (NEW) */

.question_font_size1 {
    font-size: 1.3rem !important;
}

.question_font_size2 {
    font-size: 1.8rem !important;
}

.question_font_size3 {
    font-size: 2.1rem !important;
}

.answer_font_size1 li h4 {
    font-size: 1rem !important;
}

.answer_font_size2 li h4 {
    font-size: 1.3rem !important;
}

.answer_font_size3 li h4 {
    font-size: 2rem !important;
    line-height: 2.8rem !important;
}


@media (max-width: 1199.98px) {
    div.ticketMainContainer {
        padding: 0;
    }

    li.answer > div:nth-child(1) {
        flex: 2 1;
    }

    .white_block {
        width: 45%;
    }

}



@media (max-width: 991.98px) {

    .ticketContainer > div:first-child {
        width: 100%;
    }
    .question {
        border-radius: 15px;
    }
    .ticketContainer ul {
        padding: 0;
    }
    .desktopHidden {
        display: flex;
    }

    .mobileHidden {
        display: none !important;
    }
    .setTheWidth {
        margin-top: 20px;
    }

    .white_block {
        width: 60%;
    }

}

@media (max-width: 767.98px) {

    .question {
        padding: 10px 0px !important;
    }

    .marginToponMobile {
        margin: 30px 0;
    }

    .profile_ofUser {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .user_field img {
        height: 50px;
    }

    img.bookedGuy {
        width: 100px;
        margin-top: 40px;
    }

    .myWeakCats.report_statistic > div {
        flex-direction: row;
    }

    .myWeakCats {
        margin: 30px 10px !important;
    }

    .myWeakCats.report_statistic > div > div:nth-child(2) {
        flex: 1;
    }

    .myWeakCats.report_statistic > div:not(:last-child)  {
        border-right: 0;
        border-bottom: 1px solid #444;
    }

    .myWeakCats.report_statistic > div > div:nth-child(1) {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .white_block {
        width: 80%;
    }


}

@media (max-width: 575.98px) {

    .white_block {
        width: 90%;
    }

    .white_block h1 {
        color: #0073bd;
        font-size: 1.5rem;
    }



}