#body_public { margin: 0px; color: #0053a5; }
#body_private a{ color: #526474; }
#body_private h4 a{ color: #0d5eb7; }
#paginator { text-align: center; }
.navbar-brand{ padding: 0px; padding-top: 10px; width: 100%; max-width: 500px; font-family: Helvetica Neue; }
#navbar_title_text{ margin-top: 7px; margin-left: 15px; font-size: 20px; color: #FFFFFF; }
.box-header{ height: auto; min-height: 35px !important; overflow: auto; }
.box-header h2{ white-space: normal; }
.well{ padding-bottom: 0px; }
.help_mark, .help_mark:hover, .help_mark:active, .help_mark:focus{ text-decoration: none; margin-left: 5px; }
.black_my{ color: #000000; }
.orange_my{ color: orange; }
/*}.navbar{
    background: linear-gradient(to top, #0d5eb7 0%,#1b5199 100%);
    border-bottom: 1px solid #0d5eb7;
    border-color: #0d5eb7;
}*/
/*.navbar{
    background: #225794 url(../img/bg_blue.jpg) no-repeat;
    border-bottom: 1px solid #225794;
    border-color: #225794;
}*/
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{ background-color: #495a69; }
.modal-header h3{ color: #FFFFFF !important; margin-top: 0px; margin-bottom: 0px; }
.modal-header .close{ color: #FFFFFF; opacity: 80; }
.modal-header .close:hover{ color: #FFFFFF; opacity: 100; }
li a{ color: #0d5eb7; }
#body_private .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{ color: #FFFFFF; }
.btn-group a{ color: #0d5eb7 !important; }
.color-black{ color: #000000 !important; }
.color-red{ color: #c10a1e !important; }
.text-strong{ font-weight: bold; }
.error_box{ text-align: left !important; }
hr {border-color: #ccc;}
/*#user_list_export_wizard .modal-dialog{width: 665px !important;}*/
/*.modal_wizard_step_block{
    padding-left: 15px;
}*/
/*.modal_wizard_step_block h4{margin-left: -10px;}*/
/*.dropdown-menu>li>a{color:#526474 !important;}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#526474 !important;background-color:#EEEEEE !important;}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#ffffff;background-color:#526474 !important;}
*/
/*.btn-info{background: #526474 !important;border-color: #526474 !important;}*/
/*
====================
====forms===========
====================
*/
label{ display: block; margin-bottom: 0;}
.form-control{ display: inline-block; margin-bottom: 12px; }
.chosen-container { width: 400px !important; margin-bottom: 12px; }
.inline_radiolist_block label{ display: inline; margin-right: 15px; }
.inline_radiolist_block input{ margin-right: 5px; }
/*
====================
====login page======
====================
*/
#logo_header{ width: 100%; max-width: 183px; height: auto; float: left; margin-left: 5px; margin-top: 0px; display: block; line-height: 30px; }
#logo_login{ display: inline-block; width: 100%; margin-top: 50px; margin-bottom: 50px; }
#login_page{ position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -500px; width: 1000px; height: 500px; }
#login_form_block, #forgot_password_form_block{ margin-bottom: 0px; padding-bottom: 0px; }
#login_form_block form, #forgot_password_form_block form{ display: block; width: 350px; margin: 0 auto; }
#login_form input, #forgot_password_form input{ max-width: 100%; text-align: center; }
#user_registration_form input{ text-align: left; }
.login-box .btn-reg{ max-width: 120px; }
#btn_email_login{ background-color: #edba2a !important; color: #FFFFFF !important; }
#registration_form_block label{ text-align: left; margin-left: 20px; }
#registration_form_block .btn{ max-width: 200px; }
/*===================*/
#user_img img{ width: 100%; max-width: 25px; height: 25px; /*border-radius: 100px;*/ /*margin-left: 5px;*/ margin-left: -5px; margin-top: 0px; }
#tbllist tbody > tr:nth-child(2n+1) > td, #tbllist > tbody > tr:nth-child(2n+1){ background-color: #FAFAFA; }
#tbllist .selected_row{ background-color: #ccddff !important; }
/*#frm_copyMoveOneListAllItemForm_destination_list_chosen, #frm_copyMoveOneListSelectedItemForm_destination_list_chosen, #frm_userListOperationWizardForm_destination_list_chosen,
#frm_userListOperationSetsWizardForm_user_list_a_chosen, #frm_userListOperationSetsWizardForm_user_list_b_chosen, #frm_userListOperationSetsWizardForm_destination_list_chosen{
    width: 100% !important;
    padding: 5px !important;
}*/
.search-field input{ width: 100% !important; }
.grid-paginator{ text-align: center; display: block; width: 100%; }
.edit_user_input_block{ display: block; float: left; width: 250px; margin-right: 15px; }
.full_width{ width: 100%; max-width: 100%; }
.image-list { padding: 10px 0;}
.image-list img{ display: inline-block; margin: 10px; max-width: 300px;}
#image-list-ans img{padding: 9px; max-width: 150px; border: 1px solid #a2b7c7; }
#image-list-ans img.active {padding:0; border: 9px solid #1b75bb;}
#block-ans textarea{ width: 400px; height: 100px; }
.highlight { color: #d90080 !important; margin: 0px !important; }
.dynamic-grid-img { padding: 0px; border: none; margin: 0px !important; }
.dynamic-grid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.dynamic-grid span { border: none; position: relative; display: inline-block; width: 10%; height: 100%; }
.dynamic-grid span:hover { background: rgba(0,139,139,0.25); }
.dynamic-grid span.active { background: rgba(0,139,139,0.70); }
.dynamic-grid span.true::before, .dynamic-grid span.false::before { content: ""; position: absolute; display: block; width: 26px; height: 26px; left: 50%; top: 50%; margin: -21px 0 0 -13px; font-family: 'FontAwesome'; font-size: 2.5em; }
.dynamic-grid span.true { background: rgba(0,139,139,0.50); }
.dynamic-grid span.true::before { content: "\f05d"; color: #006d6f; }
.image_description{ margin-top: -20px; margin-bottom: 40px; width: 100%; }
.btn-add-formaters{ margin-bottom: 15px; }
/***** Canvas *****/
#canvas-grid, #canvas-graph { position: relative; margin: 10px 0; width: 300px; }
canvas { position: absolute; top: 0; left: 0; }
.buttons { margin: 15px 0; }
.variation .btn canvas { position: relative; top: -5px; }
.variation .btn { padding: 5px; min-width: 30px; margin: 0 2px; }
#legend td { padding: 5px; }
.dropdown-menu li { margin-bottom: 0; }
.img-select .dropdown-menu { min-width: auto; }
.img-select .dropdown-menu li { padding: 5px 12px; cursor: pointer; }
.img-select .dropdown-menu li:hover { background: #daefff; }
h1,h2,h3,h4,h5,h6, .color-blue { color: #526474 !important; }
.modal-header, .modal-footer { background: #225794; border-bottom: 1px solid #225794; border-color: #225794; }
input, #add_definition select { max-width: 400px; }
.hidden_input, .hidden_form, #show_item_per_page { display: none; }
input[type='checkbox'], input[type='radio'] { width: 40px; }
.btn-modal, .btn-group a:hover, .color-white, .btn-warning { color: #FFFFFF !important; }
.addition { background: #eee; }
.file { position: relative; height: 30px; width: 100px; }
.file > input[type="file"] { position: absolute; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; }
.file > label { position: absolute; top: 0; right: 0; left: 0; bottom: 0; cursor: pointer; }
.thumbnail { margin-bottom: 0px !important; }
.choice textarea { margin-right: 15px; }
.choice input { width: 50px; }
.define-labyrint { margin: 2px; padding: 0.75em; border: 1px solid #e5e5e5; border-radius: 4px;}
.full-size { width: 100% !important;}
#sound-list{ padding: 10px;}
.speaker { margin-left: 10px; max-width: 32px; cursor: pointer;}
.qa-example {max-width: 300px; max-height: 300px; margin: 0 10px 15px 0; border: 1px solid #cccccc;border-radius: 4px;}
.uppercase input, .uppercase textarea, .uppercase .sentences{text-transform: uppercase;}
.img-desc {margin-top: 10px;}
.adjust-width li {display: inline-block; margin: 3px;}
.sortable.adjust-width li {max-width: 150px;}
/*.adjust-width li{display: block; float: left; margin: 5px;min-width: auto;}*/
.adjust-width .answer-input {display: block;float: left;min-width: auto;}
.adjust-width img {width: 100%; height: auto;}
.answer-item {position: relative; padding: 9px; width: auto; min-width: 120px; border: 1px solid #a2b7c7; -webkit-border-radius: 4px; border-radius: 4px; background-color: white; font-size: 14px; text-align: center;list-style: none;cursor: pointer; }
.answer-item:hover { background: #daefff; }
.answer-item.active, .answer .droppable .draggable { background: #0080CF; color: white; border-color: #fff;}
.sortable .thumbnail {margin: 0 !important; padding: 0 !important; border: none !important;}
.adjust-width::after {clear: both;}
.adjust-width::before, .adjust-width::after {display: table;content: " ";}
.adjust-width::after {clear: both;}
.block-q-img img {width: 200px; margin: 0 15px 15px 0 !important;}
#test h2 { font-size: 1.4em; color: #231F20; text-decoration: none; font-weight: 500; }
#test .sentences { font-size: 1.2em; }
#test .sentences .word {padding: 3px; border-radius: 4px;}
#test .sentences .word.active {background: #0080CF;color:#ffffff;}
#test .sentences .katex-display { display: inline-block;}
#test label, .answer-item {display: inline-block; position: relative;margin-bottom: 8px; padding: 9px; width: auto; border: 2px solid #EFEFEF; border-radius: 6px; background-color: white; font-size: 1.1em; text-align: center; list-style: none;line-height: 1;}
#test label.active, #test .answer-item.active, #test .answer .droppable .draggable { background: #0080CF; color: white; border-color: #fff;}
#test .text-blank {min-width: 70px; border: 1px dashed #0080CF;}
#debugInfo { position: absolute; top: 5px;left:5px; z-index: 1000;color: transparent;}
#debugInfo:hover{ color: #da1025;}