@import url(//fonts.googleapis.com/css?family=Cormorant+Garamond:300,300italic,regular,italic,500,500italic,600,600italic,700,700italic|Cormorant+Infant:300,300italic,regular,italic,500,500italic,600,600italic,700,700italic|Forum:regular|Ledger:regular|Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=cyrillic,latin,latin-ext,cyrillic-ext,vietnamese,devanagari,greek-ext,greek);

@font-face {
    font-family:"Boyan_Maga";
    src: url("../fonts/Boyan_Maga-Regular.ttf") format("truetype");
}
@font-face {
    font-family:"Gabriola";
    src: url("../fonts/Gabriola.ttf") format("truetype");
}
@font-face {
    font-family:"Monotype Corsiva";
    src: url("../fonts/MonotypeCorsiva.ttf") format("truetype");
}
body, .navbar-brand, .site-menubar, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, table, .table tfoot th, .table thead th, .form-control, .site-menu, .btn {
    font-family: 'Cormorant Garamond', serif !important;
}

body, .navbar-brand, .site-menubar, table, .table tfoot th, .table thead th, .form-control, .site-menu, .btn, .dropdown-menu, .blocks > .block, [class*="blocks-"] > li, [class*="blocks-"] > .block {
    font-size: 1.4rem !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-size: 1.4em !important;
}
#site-menu > li {
    text-align: center;
    padding-top: 10px;
}
#site-menu > li > a {
    color: #3e8ef7;
    font-weight: 800;
}
#site-menu > li > a.active {
    color: #046ff7;
}
#site-menu > li > a:hover {
    background-color: #ffffff;
    color: #4b72f7;
}
.navbar {
    border-bottom: 5px solid #98BD4E;
}
.site-navbar-small .site-navbar {
    height: 4.7rem;
    min-height: 4.7rem;
}
.color-yellow {
    color: #FDBF2D;
}
.color-green {
    color: #1AAF54;
}
.color-blue {
    color: #1072BD;
}
.swal2-popup, .counter-sm > .counter-number, .counter-sm .counter-number-group, input.labelauty + label, span.labelauty-unchecked .period, span.labelauty-checked .period, span.labelauty-unchecked p.price, span.labelauty-checked p.price {
    font-size: inherit !important;
}

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
    height: inherit;
}

body, select.form-control, .site-menubar-light, .dropdown-item, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, a.list-group-item, .table, .table tfoot th, .table thead th, .form-control {
    color: #2c88ca !important;
}

#answer-box {
    margin-bottom: 20px;
}
.answer-text-size {
    font-size: 28px !important;
}
#categories-list h3.card-title {
    color: #4ea601 !important;
}
.navbar-inverse {
    background-color: #ffffff;
}
#t3-description u {
    text-decoration: none;
}
#t9-description u {
    text-decoration: none;
}
.word-t3 {
    cursor: pointer;
}
.single-subject-box>label, .all-subjects-box>label {
    width: 100%;
}
.single-subject-box {
    padding-bottom: 20px;
}
.color-white, a.list-group-item.text-white {
    color: #fff !important;
}
.color-blue {
    color: blue !important;
}
.color-default {
    color: #2c88ca;
}
.masonry-item {
    margin-bottom: 0 !important;
}
.blocks > .block, [class*="blocks-"] > li, [class*="blocks-"] > .block {
    margin-bottom: 0 !important;
}
.swal2-container {
    z-index: 99999 !important;
}
h2#swal2-title {
    font-size: 3.4em !important;
}

/*labelauty start*/
input.labelauty + label > span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked {
    display: inline-block;
    line-height: 16px;
    vertical-align: bottom;
    width: 100%;
    text-align: center;
}
span.labelauty-unchecked .period, span.labelauty-checked .period {
    font-size: 9px;
}
span.labelauty-unchecked p, span.labelauty-checked p {
    margin-bottom: 0;
}
span.labelauty-unchecked p.price, span.labelauty-checked p.price {
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
}
span.labelauty-unchecked p.subject, span.labelauty-checked p.subject {
    height: 64px;
}

input.labelauty:checked + label {
    background-color: #81b4f7;
}
/*labelauty end*/

#register-content * {
    color: #0101e3 ;
}
/*class page start*/
#class-page-custom {
    background-color: #ffffff;
}

#class-page-custom h2 {
    padding-left: 65px;
}

#classes-list {
    position: absolute;
    top: 20px;
    left: 5px;
}

.box-shadow {
    /*border-left: 2px outset #c0c0c0;*/
    /*border-style: outset;*/
    /*-webkit-box-shadow: -3px 0 3px 0 #888888;*/
    /*box-shadow: -3px 0 3px #888888;*/
}

#classes-list a.list-group-item {
    border-radius: 1.5rem;
    font-weight: bold;
}

#classes-list a.list-group-item:hover {
    z-index: 9;
}

#categories-list {
    position: relative;
    top: 1px;
    left: 40px;
    width: 97%;
    min-height: 1500px;
    background-color: #ffffff;
}
#categories-list h3.card-title {
    color: #4ea601 !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
}
#categories-list .card-text a {
    color: #3b6715;
}
#categories-list .card-text a:hover {
    text-decoration: underline;
}
/*class page end*/

.navbar-toolbar-right.withSearch{ display: flex; align-items: center; justify-content: flex-end;}
.navbar-toolbar-right.withSearch .header-search-form{ display: inline-flex;margin-top: 0; margin-bottom:0;}
.navbar-toolbar-right.withSearch .header-search-form .form-control{ border-radius: 5px;margin-right: -2px;}

#t9-description u {
    text-decoration: none!important;
}
.cursor-pointer {
    cursor: pointer;
}
/* hide bug on audio file in description when answer have audio */
body > div.page > div.page-content.container-fluid > div > div.col-sm-9 > div > div > div > div.col-sm-12.mb-10 {display:none;}