*{
    font-family: BloggerSans;    
}

.t-btn1{
    text-align: center;
    background-color: #0099FF;
    color: #ffffff;
    vertical-align: middle;
    font-size: 12pt;
    text-decoration: none;
    font-family: BloggerSans;    
    
    display: block;
    width: 250pt;
    height: 40px;
    line-height: 40px;
    
    /*margin-top: 10pt;*/
}
.t-btn1:hover{
    cursor: pointer;
    background-color: #0077DD;
    
}
.t-btn2{
    text-align: center;
    background-color: #FF6600;
    color: #ffffff;
    vertical-align: middle;
    font-size: 12pt;
    text-decoration: none;
    font-family: BloggerSans;    
    display: block;
    width: 250pt;
    height: 40px;
    line-height: 40px;
    margin-top: 3pt;
}
.t-btn2:hover{
    cursor: pointer;
    background-color: #DD4400;
}
.t-input1{
    padding: 3px;
}
.t-input1 > label{
    display: block;
    font-weight: bolder;
    padding-bottom: 5px;
    font-family: BloggerSans;
    font-size: 15pt;
}
.t-input1 > input{
    display: block;
    height: 28pt;
    line-height: 25pt;
    padding-left: 5pt;
    padding-right: 5pt;
    font-size: 17pt;
    font-family: BloggerSans;
    width: 250pt;
}
.t-input2{
    display: block;
    height: 28pt;
    line-height: 25pt;
    padding-left: 5pt;
    padding-right: 5pt;
    font-size: 17pt;
    font-family: BloggerSans;
    width: 250pt;
}
.t-accordeon1{
    
}
.t-accordeon1 > div{
    margin-bottom: 10pt;
}
.t-accordeon1 > div > a{
    text-align: center;
    background-color: #0099FF;
    color: #ffffff;
    vertical-align: middle;
    font-size: 12pt;
    text-decoration: none;
    font-family: BloggerSans;    
    
    display: block;
    width: 250pt;
    height: 40px;
    line-height: 40px;
    
    cursor: pointer;
    letter-spacing: 1px;
}
.t-accordeon1 > div > a:hover{
    cursor: pointer;
    background-color: #0077DD;
}
.t-accordeon1 > div > div{
    padding: 10pt;
    padding-bottom: 0;
}
.t-accordeon1 > div > div > a{
    text-align: center;
    background-color: #FF6600;
    color: #ffffff;
    vertical-align: middle;
    font-size: 12pt;
    text-decoration: none;
    font-family: BloggerSans;    
    display: block;
    height: 40px;
    line-height: 40px;
    margin-top: 2px;
    cursor: pointer;
    letter-spacing: 1px;
}
.t-accordeon1 > div > div > a:hover{
    background-color: #DD4400;
}
.t-accordeon1 > div > div._state-collapse{
    display: none;
}

.ct-form{
    font-family: BloggerSans;    
}
.ct-form > .ui-dialog-titlebar{
    background-color: #0099FF;
    padding-left: 15px;
    padding-right: 15px;
    border:0;
    padding-top: 13px;
}
.ct-form > .ui-dialog-buttonpane > .ui-dialog-buttonset > .ui-button{
    padding-top: 4px;
}

#gf-bc-editor > ._name{
    width: 560px;
}

.t-img-btn1{
    cursor: pointer;
}
.text-red{
    color: red;
}

.hidden{
    display: none;
}
#g-hidden{
    display: none;
}
#g-login-page{
    width: 100%;
    height: 100%;
}
#g-login-page > tbody > tr > ._head {
    height: 30%;
}
#g-login-page > tbody > tr > ._foot {
    height: 30%;
}
#g-login-page > tbody > tr > ._menu {
    height: 100px;
}
#g-login-page > tbody > tr > ._menu {
    padding-left: 50px;
    width: 50%;
    vertical-align: middle;
}
#g-login-page > tbody > tr > ._menu > a {
    display: block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}

#g-main-page{
    width: 100%;
}
#g-main-page > tbody > tr > ._head{
    height: 50pt;
}
#g-main-page > tbody > tr > ._menu{
    width: 250pt;
    vertical-align: top;
}
#g-main-page > tbody > tr > ._body{
    vertical-align: top;
}
#g-main-header{
    width: 100%;
    height: 75pt;
    background-color: #0099FF;
}
#g-main-menu{
    display: inline-block;
    width: 250pt;
    vertical-align: top;
}
#g-main-body{
    display: block;
    background-color: #baec7e;
    padding-left: 250pt;
    padding-right: 15pt;
    width: 100%;
}

#g-bc-editor-page{
    vertical-align: top;
    font-family: BloggerSans;
}
#g-bc-editor{
    width: 100%;
    background-color: #cccccc;
}

.ct-bc{
    width: 100%;
}
.ct-bc > tbody > tr > td{
    border: #000 solid 1px;
    padding-top: 5px;
    padding-bottom: 2px;
    height: 35px;
    
}
.ct-bc > tbody > tr > ._cell-collapse{
    width: 30px;
}
.ct-bc._state-collapse > tbody > tr > ._cell-collapse > ._btn-expand{
    display: none;
}
.ct-bc._state-expand > tbody > tr > ._cell-collapse > ._btn-collapse{
    display: none;
}
.ct-bc > tbody > tr > ._cell-collapse > ._btn-collapse > img {
    width: 24px;
}
.ct-bc > tbody > tr > ._cell-collapse > ._btn-expand > img {
    width: 24px;
}
.ct-bc >  tbody > tr > ._cell-collapse > a{
    cursor: pointer;
    width: 100%;
    display: block;
}
.ct-bc > tbody > tr > ._cell-collapse{
    text-align: center;
}
.ct-bc > tbody > tr > ._cell-collapse > a:hover{
    background-color: #999999;
}
.ct-bc._no-children > tbody > tr > ._cell-collapse > a{
    display: none;
}

.ct-bc > tbody > tr > ._cell-name{
    padding-left: 5pt;
}
.ct-bc > tbody > tr > ._cell-info{
    width: 120px;
    text-align: center;
}
.ct-bc > tbody > tr > ._cell-btns{
    width: 120px;
    text-align: center;
}
.ct-bc > tbody > tr > ._cell-btns > .t-img-btn1 > img{
    width: 24px;
    height: 24px;
}
.ct-bc > tbody > tr > ._cell-body{
    padding-left: 15pt;
}
.ct-bc._state-collapse > tbody > tr > ._cell-body{
    display: none;
}
._cell-body > table {
    padding-right: 0;
}

#g-qq-menu > a{
    display: inline-block;
    width: 200px;
}

#g-qq-body{
    background-color: #cccccc;
    width: 100%;
}
.ct-qq > td{
    border: #000 solid 1px;
    vertical-align: middle;
    padding: 7px;
}
.ct-qq > ._cell-id{
    width: 30px;
    text-align: center;
}
.ct-qq > ._cell-btn{
    width: 30px;
    text-align: center;
}
.ct-qq > ._cell-btn > a > img {
    height: 24px;
}
.ct-qq > ._cell-name-mini{
    width: 300px;
}


#g-bq-menu {
    height: 50px;
    border-bottom: #000 1px dotted;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
#g-bq-menu > a{
    width: 200px;
}
#g-bq-menu > ._page-count{
    display: inline-block;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    font-family: BloggerSans;    
    line-height: 30px;
    vertical-align: middle;
}

#g-bq-menu{
    vertical-align: central;
    padding: 10px;
    margin: 2px;
}

#g-bq-menu > ._page-count > div{
    display: inline-block;
}
#g-bq-menu > .t-img-btn1 > img{
    width: 24px;
}
#g-bq-menu > .t-btn1{
    display: inline-block;
    margin: 0;
}

#g-bq-body{
    width: 100%;
    background-color: #cccccc;
}
#g-bq-body > tbody > .ct-bq > ._cell-hidden{
    width: 20px;
}
#g-bq-body > tbody > .ct-bq > ._cell-edit{
    text-align: center;
    width: 30px;
}
#g-bq-body > tbody > .ct-bq > ._cell-edit > .t-img-btn1 > img {
    width: 24px;
}
#g-bq-body > tbody > .ct-bq:hover > ._cell-id,
#g-bq-body > tbody > .ct-bq:hover > ._cell-text,
#g-bq-body > tbody > .ct-bq:hover > ._cell-answ{
    background-color: #adadad;
}
#g-bq-body > tbody > .ct-bq > ._cell-hidden > img{
    width: 24px;
}
#g-bq-body > tbody > .ct-bq > ._cell-id{
    width: 60px;
    text-align: center;
    border: #000 1px solid;
}
#g-bq-body > tbody > .ct-bq > ._cell-text{
    text-align: left;
    border: #000 1px solid;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}
#g-bq-body > tbody > ._hidden-state_0 > ._cell-hidden > img{
    visibility: hidden;
}
#g-bq-body > tbody > ._hidden-state_1 > ._cell-id,
#g-bq-body > tbody > ._hidden-state_1 > ._cell-text,
#g-bq-body > tbody > ._hidden-state_1 > ._cell-answ{
    background-color: #ffcccc;
}
#g-bq-body > tbody > ._hidden-state_1:hover > ._cell-id,
#g-bq-body > tbody > ._hidden-state_1:hover > ._cell-text,
#g-bq-body > tbody > ._hidden-state_1:hover > ._cell-answ{
    background-color: #ff6666;
}
#g-bq-body > tbody > .bq-question > ._cell-answ{
    text-align: left;
    border: #000 1px solid;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#g-bq-body > tbody > .ct-bq > ._cell-answ > .ct-ba{
    text-align: left;
    border: #000 1px solid;
    border-bottom: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ct-ba._correct_1{
    background-color: #ccffcc;
}
.ct-ba._correct_0{
    background-color: #ffcccc;
}
#g-bq-body > tbody > .ct-bq > ._cell-answ > .ct-ba:last-child{
    border-bottom: #000 1px solid;
}





#gf-bq-editor > ._section-text{
    margin-bottom: 15px;
    border-bottom: #000 solid 2px;
}
#gf-bq-editor > ._section-text > textarea{
    width: 100%;
    height: 75px;
    padding: 10px;
}
#gf-bq-editor > ._section-answ > table{
    width: 100%;
}
#gf-bq-editor > ._section-answ > table > thead > tr > ._ba-text{
    text-align: center;
}
#gf-bq-editor > ._section-answ > table > thead > tr > ._correct{
    width: 50px;
    text-align: center;
}
#gf-bq-editor > ._section-answ > table > tbody > tr > ._ba-text > textarea{
    width: 100%;
    height: 60px;
    padding: 5px;
}
#gf-bq-editor > ._section-options{
    margin-bottom: 15px;
    border-bottom: #000 solid 2px;
}

#gf-bq-editor._mark-del > div{
    display: none;
}
#gf-bq-editor > ._section-del{
    display: none;
    font-size: 35px;
}
#gf-bq-editor._mark-del > ._section-del{
    display: block;
    color: #FF0000;
    text-align: center;
}
#gf-qq-editor > ._section-del {
    display: none;
}
#gf-qq-editor._mark-del > ._label,
#gf-qq-editor._mark-del > input{
    display: none;
}
#gf-qq-editor._mark-del > _section-del {
    display: block;
}
#gf-qq-editor > ._cell-name{
    width: 100%;
}
#gf-qq-editor > ._cell-name-mini{
    width: 100%;
}

.ct-ba > ._btn{
    width: 30px;
    text-align: center;
}
.ct-ba > ._btn > .t-img-btn1 > img{
    width: 24px;
}
.ct-ba > ._correct > ._yes{
    text-align: center;
    background-color: #ccffcc;
    width: 100%;
    height: 100%;
    line-height: 60px;
    vertical-align: middle;
    cursor: pointer;
}
.ct-ba > ._correct > ._no{
    text-align: center;
    background-color: #ffcccc;
    width: 100%;
    height: 100%;
    line-height: 60px;
    vertical-align: middle;
    cursor: pointer;
}
.ct-ba > ._correct > a{
    border: transparent solid 2px;
}
.ct-ba > ._correct:hover > a{
    border: #000 solid 2px;
}

.ct-ba > ._section-text > textarea{
    width: 100%;
    resize: none;
    height: 57px;
}

._correct_1 > ._correct > ._yes{
    display: inline-block;
}
._correct_1 > ._correct > ._no{
    display: none;
}
._correct_0 > ._correct > ._yes{
    display: none;
}
._correct_0 > ._correct > ._no{
    display: inline-block;
}

.ct-ba > ._btn > .set_del{
    display: none;
}
.ct-ba > ._btn > .set_to_del{
    display: initial;
}
._mark-del > ._btn > .set_to_del {
    display: none;
}
._mark-del > ._btn > .set_del {
    display: initial;
}

#gf-assist-import > ._data > textArea{
    width: 100%;
    height: 400px;
    margin-top: 15px;
    background-color: #ccffff;
    resize: none;
}
#gf-export-moodle > ._data > textArea{
    width: 100%;
    height: 400px;
    margin-top: 15px;
    background-color: #ccffff;
    resize: none;
}

#gf-assist-import > ._loading{
    display: none;
    font-size: 30px;
}
#gf-assist-import > ._loading > img{
    width: 100px;
}
#gf-assist-import._load-mode > ._loading{
    display: block;
}
#gf-assist-import._load-mode > ._loading > div{
    display: inline-block;
}
#gf-assist-import._load-mode > ._text{
    display: none;
}
#gf-assist-import._load-mode > ._data{
    display: none;
}



#gf-moodle-import > ._data > textArea{
    width: 100%;
    height: 400px;
    margin-top: 15px;
    background-color: #ccffff;
    resize: none;
}

#gf-moodle-import > ._loading{
    display: none;
    font-size: 30px;
}
#gf-moodle-import > ._loading > img{
    width: 100px;
}
#gf-moodle-import._load-mode > ._loading{
    display: block;
}
#gf-moodle-import._load-mode > ._loading > div{
    display: inline-block;
}
#gf-moodle-import._load-mode > ._text{
    display: none;
}
#gf-moodle-import._load-mode > ._data{
    display: none;
}


#gf-abcd-import > ._data > textArea{
    width: 100%;
    height: 400px;
    margin-top: 15px;
    background-color: #ccffff;
    resize: none;
}
#gf-abcd-import > ._loading{
    display: none;
    font-size: 30px;
}
#gf-abcd-import > ._loading > img{
    width: 100px;
}
#gf-abcd-import._load-mode > ._loading{
    display: block;
}
#gf-abcd-import._load-mode > ._loading > div{
    display: inline-block;
}
#gf-abcd-import._load-mode > ._text{
    display: none;
}
#gf-abcd-import._load-mode > ._data{
    display: none;
}


#gf-IGA-import > ._loading{
    display: none;
    font-size: 30px;
}
#gf-IGA-import > ._loading > img{
    width: 100px;
}
#gf-IGA-import._load-mode > ._loading{
    display: block;
}
#gf-IGA-import._load-mode > ._loading > div{
    display: inline-block;
}
#gf-IGA-import._load-mode > ._text{
    display: none;
}
#gf-IGA-import._load-mode > ._data{
    display: none;
}


.loading_cat{
    width: 200px;
    height: 150px;
}