/*@font-face {
    font-family: "Jameel Noori Nastaleeq";
    src: url("../fonts/jameel_noori_nastaleeq.ttf") format("truetype")
}*/

/*@font-face {
    font-family: "Lateef";
    src: url("../fonts/lateef.ttf") format("truetype")
}*/

@font-face {
    font-family: "SUN";
    /*src: url("../fonts/SUN.ttf") format("truetype");*/
    src: url("../fonts/SUN.woff") format("woff");
}

@font-face {
    font-family: "BACKSUN";
    /*src: url("../fonts/BackSUN.ttf") format('truetype');*/
    src: url("../fonts/BackSUN.woff") format("woff");
}

.sun_content {
    font-family: SUN, serif;
    font-size: 26px;
    font-weight: bold;
    word-wrap: break-word;
    padding: 0px 8px !important;
    text-align: inherit !important;
}

.odb_section {
    margin-top: 40px;
}

.radio_section {
    margin-top: 40px;
}

.font_fa, .font_ar {
    /*font-family: Lateef;*/
}

.font_sun {
    font-family: SUN;
}

.font_backsun {
    font-family: BACKSUN;
    font-size: 40px;
    line-height: 25px;
}

html, body, .container {
    height: 100%;
    font-family: arial, sans-serif;
}

.clear {
    clear: both;
}

.header {
    margin: 10px auto;
    padding: 0;
    border: none;
    display: flex;
}

.footer {
    margin: 10px auto 20px auto;
    padding: 0;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
}

.form-group {
    position: relative;
}

.container {
    position: relative;
    padding: 0;
}

.container_block {
    min-height: calc(100% - 175px);
}

.container_block.isloggedin {
    position: relative;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
}

.welcome_bg {
    background: url("/templates/default/assets/img/bg_sky.jpg?2") 0 0 repeat-x;
}

.hide_img {
    bottom: -100%;
    left: 0;
    position: absolute;
}

.hide_img img {
    position: relative;
    width: 100%;
}

#ground-center {
    z-index: 100;
}

#ground-left {
    z-index: 50;
}

#ground-right {
    z-index: 50;
}

#cloud-right {
    bottom: -50%;
    right: -33%;
    transform: rotate(28deg);
    z-index: 20;
}

#cloud-left {
    bottom: -50%;
    left: -33%;
    transform: rotate(-28deg);
    z-index: 20;
}

.header_bg {
    background: url("/templates/default/assets/img/header.png") 0 0 repeat-x;
    background-color: #f3f3f4;
}

.welcome_content {
    width: 100%;
    height: 585px;
    text-align: center;
    margin-top: 50px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

/*.welcome_content img {
    position: absolute;
    bottom: 0; left: 0;
}*/

.welcome_content h1 {
    font-size: 45px;
}

.welcome_content h3 {
    font-size: 32px;
}

.welcome_content h3 a {
    text-decoration: underline;
    color: white;
}

.welcome_content .text {
    width: 600px;
    margin: 22px auto;
    font-size: 26px;
    font-style: italic;
}

.welcome_content .text a {
    text-decoration: underline;
    color: white;
}

.contact_us {
    margin: 0 auto;
    width: 700px;
}

.btn_signup, .btn_signin {
    height: 35px;
    min-width: 80px;
    display: block;
    border-radius: 5px;
    text-align: center;
    padding: 7px 10px 0 10px;
    font-weight: bold;
    vertical-align: middle;
}

.btn_signup:hover, .btn_signin:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
}

.avatar_control {
    height: 112px;
    width: 260px;
}

.avatar_control img {
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
}

.avatar_control .avatar_buttons {
    width: 120px;
    float: left;
    margin-left: 10px
}

.avatar_control .avatar_buttons button:first-child {
    margin: 0 0 5px 0;
}

.avatar_control button {
    width: 100px;
    height: 45px;
}

#avatarFemales {
    /*background-image: linear-gradient(to bottom, #f699d7 0px, #d981d1 100%);
    background-repeat: repeat-x;*/
    background-color: #f699d7;
    border-color: #e948e2;
}

#avatarFemales:focus, #avatarFemales:hover {
    background-color: #d981d1;
}

.genderFemale {
    display: none;
}

.avatar_container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:-9999px; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
}

.avatar_block {
    position: absolute;
    top: calc(50% - 250px);
    left: calc(50% - 300px);
    background-color: #ffffff;
    z-index: 99;
    cursor: auto;
    width: 600px;
    padding: 20px;
    border-radius: 5px;
}

.avatar-close {
    background-color: #0f86fe;
    color: #000;
    font-size: 22px;
    height: 30px;
    padding: 5px;
    position: absolute;
    top: -10px;
    right: -10px;
    text-align: center;
    width: 30px;
    cursor: pointer;
    border-radius: 5px;
}

.genderMale img, .genderFemale img {
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    margin: 10px 10px 0 0;
}

.genderMale img:hover, .genderFemale img:hover,
.genderMale img.active, .genderFemale img.active {
    border-color: #222;
    background-color: #fff8f1;
}

.mailer_container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:-9999px; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
}

.mailer_block {
    position: absolute;
    top: calc(50% - 250px);
    left: calc(50% - 300px);
    background-color: #ffffff;
    z-index: 99;
    cursor: auto;
    width: 600px;
    padding: 20px;
    border-radius: 5px;
}

.mailer-close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 22px;
    cursor: pointer;
}

.mailer_name span {
    color: #4596cc;
}

.mailer_container input, .mailer_container textarea {
    font-weight: normal;
}

.mailer_form {
    margin-top: 20px;
}

.video_chat_container {
    position: fixed !important;
    top: calc(50% - 250px);
    left: calc(50% - 250px);
    width: 500px;
    z-index: 101;
    display: none;
}

.video_chat {
    margin: 0;
}

.video-chat-close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 22px;
    cursor: pointer;
}

.video_chat .video {
    text-align: center;
}

.videoCallOpen {
    /*display: none;*/
}

.video {
    position: relative;
    min-height: 370px;
    overflow: hidden;
}

#answerButton, #cameraButton, #micButton {
    display: none;
}

#localVideo {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 102;
}

#remoteVideo {
    position: absolute;
    top: 0;
    left: 0;
}

.video_chat .buttons {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
}

.video_chat .buttons button {
    font-size: 22px;
}

.video_chat .panel-heading {
    cursor: move;
}

#callLog {
    position: absolute;
    bottom: 70px;
    font-size: 22px;
    left: 0;
    width: 100%;
}

.videoBtnHide {
    display: none;
}

#chat_container {
    position: fixed;
    right: -610px; bottom: 0;
    width: 620px;
    height: 500px;
    z-index: 103;
}

.chat {
    position: absolute;
    bottom: 0; right: 210px;
    border: 1px solid grey;
    width: 400px;
    height: 500px;
    margin-bottom: 0;
}

.chat ul {
    background-color: #F2F4F7;
}

.chat form {
    width: 400px;
    margin: 3px 5px 0 5px;
}

#chat_hide {
    position: absolute;
    top: auto;
    bottom: 30px;
    left: -30px;
    background-color: dodgerblue;
    padding: 15px;
    border-radius: 7px 0 0 7px;
    cursor: pointer;
    color: #ffffff;
    user-select: none;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.chat_new_msgs {
    background-color: #cc0005;
    border-radius: 20px;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    height: 32px;
    left: -26px;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: auto;
    bottom: 92px;
    width: 32px;
    display: none;
    z-index: 103;
}

.chat_tabs {
    margin-left: 15px;
    padding: 0;
    border-bottom: none;
}

.chat_tab {
    height: 40px;
    padding: 10px 0;
    cursor: pointer;
    background-color: #fafcff;
    background-image: linear-gradient(to bottom, #6cabd7 0px, #6398c5 100%);
    background-repeat: repeat-x;
    color: #d4d4d4;
    text-align: center;
    border-right: 1px solid #0092D3;
    position: relative;
}

.chat_tab.active {
    background-color: #f2f4f7 !important;
    background-image: linear-gradient(to bottom, #0092d3 0px, #0080c1 100%) !important;
    font-weight: bold;
    color: #fff !important;
}

.chat_tab .missed {
    background-color: #f00;
    border-radius: 10px;
    color: #fff !important;
    height: 22px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 22px;
    z-index: 12;
    font-weight: bold !important;
    display: none;
}

.chat_msgs {
    font-family: SUN, serif;
    font-size: 20px;
}

#m {
    height: 60px;
    width: 388px;
    font-family: SUN, serif;
    font-size: 20px;
}

#chk {
    display: none;
}

#evnt_messages, #chk_messages, #proj_messages {
    height: 375px;
    overflow-y: auto;
    word-wrap: break-word;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: none;
}

#evnt_messages.info, #proj_messages.info {
    display: block;
}

.message {
    padding: 5px 10px;
}

.msg_my {
    float: right;
}

.msg_other {
    float: left;
}

.msg_name {
    font-weight: bold;
}

.msg_my .msg_name {
    width: 300px;
    text-align: right;
}

.msg_my .msg_text {
    background-color: #e0edff;
}

.msg_other .msg_text {
    background-color: #ffffff;
}

.msg_text {
    border-radius: 10px;
    padding: 5px 10px;
    margin: 5px;
    width: 300px;
}

.newmsgs {
    border-bottom: 1px solid red;
    text-align: right;
    float: right;
    width: 100%;
    color: red;
}

.members_online {
    width: 200px;
    height: 500px;
    position: absolute;
    bottom: 0; right: 0;
    border: 1px solid grey;
    margin-bottom: 0;
}

.members_online.info {
    display: none;
}

#online {
    overflow-y: auto;
    word-wrap: break-word;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#online li {
    padding: 5px 10px;
}

#online li.mine {
    color: #02b202;
}

.members_login {
    width: 500px;
}

.verses_segment {
    width: 700px;
    background-color: #eeeeee;
    border: 1px solid grey;
    margin: 5px;
    padding: 5px;
    border-radius: 4px;
}

.verses_segment a, .verses_segment a:hover {
    text-decoration: none;
}

.sof_block {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:0; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}

.sof_block > .sof_content {
    padding: 20px;
    display: block;
    position: relative;
    margin: 20px auto;
    background-color: white;
    border-radius: 5px;
    width: 900px;
}

.tou_block {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:0; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}

.tou_block > .tou_content {
    padding: 20px;
    display: block;
    position: relative;
    margin: 20px auto;
    background-color: white;
    border-radius: 5px;
    width: 900px;
}

.add-event-btn {
    text-align: right;
    float: right;
    margin: 0 10px 10px 10px;
}

.main-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:-9999px; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}

.main-content > .create-main-content {
    display: block;
    position: relative;
    background-color: white;
    border-radius: 5px;
    left: calc(50% - 250px);
    top: calc(50% - 150px);
    width: 500px;
}

.admins-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:-9999px; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}

.admins-content > .edit-admins-content {
    display: block;
    position: relative;
    background-color: white;
    border-radius: 5px;
    left: calc(50% - 250px);
    top: calc(50% - 150px);
    width: 500px;
}

.page-content {
    padding: 10px 30px;
}

.admins-area {
    padding: 0;
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

.admins-div {
    margin: 5px 2px;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    position: relative;
}

.admins-span {
    display: block;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 2px 15px 2px 4px;
    width: 100px;
    height: 26px;
    max-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admins-delete {
    position: absolute;
    top: 6px;
    right: 5px;
    display: block;
    cursor: pointer;
}

#admins {
    border: none;
    resize: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px;
    margin: 0;
    text-align: left;
    overflow: hidden;
    width: 488px; /* 488px */
}

.admins-block {
    position: relative;
}

.admins-list {
    position: absolute;
    top: 130%;
    left: 0;
    width: 300px;
    max-height: 250px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    overflow-y: auto;
}

.admins-list ul {
    list-style: none;
    padding: 10px 0;
}

.admins-list ul li {
    height: 30px;
    padding: 5px;
    cursor: pointer;

}

.admins-list ul li:hover {
    background-color: #e4e4e4;
}

.panel-close {
    position: absolute;
    top: 12px;
    right: 10px;
    cursor: pointer;
    border-left: 1px solid #ccc;
    padding-left: 5px;
}

.adminsEvLoader {
    position: absolute;
    right: -30px;
    top: 3px;
    display: none;
}

.gwProjectLoader {
    display: none;
}

.projectLoader {
    display: none;
}

.bookInfoLoader {
    position: absolute;
    left: 50%;
    top: 100px;
}

.book_info {
    position: relative;
    margin-top: 20px;
    text-align: center;
    font-size: 22px;
}

.sub-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:-9999px; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}

.sub-content > .create-sub-content {
    display: block;
    position: relative;
    background-color: white;
    border-radius: 5px;
    width: 500px;
    left: calc(50% - 250px);
    top: calc(50% - 400px);
}

.subGwLoader {
    position: absolute;
    right: -30px;
    top: 28px;
    display: none;
}

.action-btn {
    cursor: pointer;
}

.book-parts {
    margin: 10px;
    flex: 2;
}

#new_test {
    display: none;
}

.event-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:-9999px; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}

.event-content > .create-event-content {
    display: block;
    position: relative;
    background-color: white;
    border-radius: 5px;
    width: 600px;
    left: calc(50% - 300px);
    top: calc(50% - 260px);
}

.event-content > .create-event-content.l2 {
    display: block;
    position: relative;
    background-color: white;
    border-radius: 5px;
    width: 600px;
    left: calc(50% - 300px);
    top: calc(50% - 360px);
}

.create-event-content.wide_form {
    width: 960px;
    left: calc(50% - 480px);
}

.bookName {
    font-weight: bold;
    font-size: 30px;
    margin: 0 0 0 0;
}

.book_info_content {
    font-size: 22px;
    margin: 0 0 20px 0px;
}

.ui-datepicker-month {
    color: #333 !important;
    font-weight: normal !important;
}

.startEventLoader {
    display: none;
}

.numbersGroup {
    margin: 0 0 15px 0;
}

.participantsNum {
    padding-left: 0;
    margin-right: 22px;
}

.event_menu {
    position: absolute;
    top: 50px;
    right: 10px;
    z-index: 99;
}

.event_menu .glyphicon-menu-hamburger {
    font-size: 22px;
    cursor: pointer;
}

.event_menu hr {
    margin: 0;
}

.event_menu ul {
    list-style: none;
    padding: 0;
    position: absolute;
    right: 2px;
    width: 200px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #FFFFFF;
    display: none;
}

.event_menu ul li {
    padding: 5px 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.event_menu ul li:hover {
    background-color: #efefef;
}

.event_menu ul li.option_group {
    cursor: auto;
    color: #888;
}

.event_menu ul li.option_group {
    cursor: auto;
    color: #888;
    background-color: #FFFFFF;
}

.event_menu ul li a {
    color: #000;
    display: block;
}

.event_imports {
    border: 1px solid #ccc;
    width: 450px;
    padding: 0 10px 10px 10px;
    border-radius: 3px;
    display: none;
}

.event_imports .import {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.import_title {
    flex: 2;
}

.import_link {
    flex: 1;
    cursor: pointer;
    color: #0015ee;
    text-decoration: underline;
}

.import_done {
    flex: 0;
    color: #cccccc;
}

.import_done.done {
    color: #0fa400;
}

.import_progress {
    flex: 0;
    color: #cc0500;
    display: none;
}

.event-block {
    border: 1px solid #cccccc;
    margin: 5px;
    padding: 5px;
}

#startEvent {
    position: relative;
}

#startEvent #cal_from, #startEvent #cal_to {
    width: 350px;
}

div.ui-datepicker {
    width: 355px;
}

.event-box {
    background-color: #e7f1f8;
}

.event-header {
    background-color: #02b202;
}

.event-header {
    color: #ffffff;
    padding: 5px;
    text-align: center;
}

.applyEventLoader {
    display: none;
}

.checker_info {
    display: none;
}

.help_info {
    padding: 10px;
    background-color: #e0f5f0;
    border-radius: 5px;
}

.help_title {
    font-weight: bold;
    font-size: large;
    color: #42c446;
}

.help_name {
    font-weight: bold;
    margin-top: 5px;
}

#translator_steps {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 300px;
    z-index: 99;
}

#tr_steps_hide {
    position: absolute;
    right: -30px;
    top: 70px;
    width: 50px;
    height: 30px;
    border-radius: 15px;
    padding: 6px 0 0 25px;
    color: #fff;
    cursor: pointer;
}

.steps_list {
    margin-top: 50px;
    padding: 0 0 0 10px;
}

.steps_list li {
    margin: 20px 0 0 0;
    list-style: none;
    font-size: 18px;
    color: #fff;
    height: 40px;
    padding-top: 3px;
}

.steps_list li a {
    text-decoration: none;
    color: #fff;
}

.steps_list li a:hover span {
    opacity: 1;
}

.steps_list li span {
    opacity: 0.3;
    padding-left: 40px;
}

.steps_list li.active span {
    opacity: 1 !important;
}

.tr_tools {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.tr_tools button {
    flex: 1;
}

.tr_tools button:not(:last-child) {
    margin-right: 10px;
}

.content_help {
    position: fixed;
    right: -275px;
    bottom: 0;
    padding: 0 5px 5px 5px;
    border-radius: 5px 0 5px 5px;
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
    border-left: 1px solid grey;
    background-color: #F2F4F7;
}

.help_float {
    /*position: fixed;*/
    width: 260px;
}

#help_hide {
    position: absolute;
    top: auto;
    bottom: 140px;
    left: -45px;
    background-color: #ff5c1e;
    padding: 15px;
    border-radius: 7px 0 0 7px;
    cursor: pointer;
    color: #ffffff;
    user-select: none;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.help_info_steps {
    padding: 10px;
    background-color: #d6e8f3;
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
}

.help_title_steps {
    font-weight: bold;
    font-size: large;
    color: #ff8002;
    float: right;
    margin-right: 20px;
}

.help_name_steps {
    font-weight: bold;
    font-size: 18px;
    margin-top: 5px;
}

.help_name_steps span {
    color: #249b45;
}

.help_descr_steps {
    font-size: 15px;
    margin-top: 10px;
}

.help_descr_steps ul {
    padding-left: 15px;
    max-height: 240px;
    overflow-y: auto;
}

/*.help_descr_steps ul, .help_descr_steps ol {
    list-style: none;
}/*

/*.help_descr_steps ul:after {
    content: '';
    width: 270px;
    height: 100px;
    margin: 290px 0 0 16px;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(transparent 1%, #d6e8f3);
}
*/

.help_descr_steps ol {
    padding-left: 15px;
}

.event_info {
    padding: 10px;
    background-color: #d6e8f3;
    border-radius: 5px;
    margin-top: 20px;
}

.participant_name {
    margin-top: 10px;
}

.participant_name span:first-child {
    font-weight: bold;
    color: #249b45;
}

.additional_info {
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.additional_info a, .additional_info a:hover {
    text-decoration: underline;
}

.main_content_header {
    border-bottom: 3px solid #4596cc;
    position: relative;
}

.main_content_title {
    color: #4596cc;
    font-size: 30px;
    float: left;
    position: relative;
    padding-top: 40px;
    width: 100%;
}

.main_content_title .demo_title {
    position: absolute;
    top: -10px;
    font-size: 18px;
}

.action_type {
    position: absolute;
    top: -10px;
    left: calc(50% - 150px);
    border-radius: 0 0 10px 10px;
    color: #fff;
    width: 300px;
    height: 43px;
    text-align: center;
    padding-top: 5px;
    font-size: 22px;
}

.action_type.type_translation {
    background-color: #4596cc;
}

.action_type.type_checking {
    background-color: #ffa500;
}

.action_type.type_checking.isPeer {
    background-color: #8E007D;
}

.main_information {
    float: right;
    font-size: 18px;
    padding-top: 15px;
}

.main_information a:hover {
    text-decoration: none;
}

.main_content {
    margin-top: 20px;
}

.main_content_text {
    padding-bottom: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #000000;
    position: relative;
}

/*.main_content_text img {
    display: block;
    margin: 0 auto;
}*/

.cotr_main_content {
    padding-bottom: 10px;
    margin-right: 10px;
    padding-top: 20px;
}

.cotr_main_content h4, .tr_main_content h4 {
    margin-left: 15px;
    margin-bottom: 20px;
}

.tr_main_content {
    padding-bottom: 10px;
    margin-right: 10px;
    padding-top: 20px;
    display: none;
}

#translator_contents {
    position: relative;
    margin: 0;
    padding-top: 0px;
    min-height: 700px;
}

.main_content_footer {
    height: 100px;
    margin-top: 20px;
    margin-left: 0px;
}

.main_content_confirm_desc {
    color: #249b45;
    font-size: 15px;
    font-weight: bold;
}

#confirm_step {
    margin: 20px 0 0 20px;
}

.pray {background-color: #4596cc;}
.pray-step {
    background: url("/templates/default/assets/img/steps/prayer-and-focus-inactive.png");
    background-repeat:no-repeat;
    background-position:0 0;
}
.pray-step.active {
    background: url("/templates/default/assets/img/steps/prayer-and-focus-active.png") no-repeat;
    background-repeat:no-repeat;
    background-position:0 0;
}

.consume {background-color: #4596cc;}
.consume-step {
    background: url("/templates/default/assets/img/steps/consume-source-inactive.png") no-repeat;
}
.consume-step.active {
    background: url("/templates/default/assets/img/steps/consume-source-active.png") no-repeat;
}

.highlight {background-color: #4596cc;}
.highlight-step {
    background: url("/templates/default/assets/img/steps/consume-source-inactive.png") no-repeat;
}
.highlight-step.active {
    background: url("/templates/default/assets/img/steps/consume-source-active.png") no-repeat;
}

.verbalize {background-color: #4596cc;}
.verbalize-step {
    background: url("/templates/default/assets/img/steps/verbalize-text-inactive.png") no-repeat;
}
.verbalize-step.active {
    background: url("/templates/default/assets/img/steps/verbalize-text-active.png") no-repeat;
}

.chunking {background-color: #4596cc;}
.chunking-step {
    background: url("/templates/default/assets/img/steps/chunking-the-text-inactive.png") no-repeat;
}
.chunking-step.active {
    background: url("/templates/default/assets/img/steps/chunking-the-text-active.png") no-repeat;
}

.read-chunk {background-color: #4596cc;}
.read-chunk-step {
    background: url("/templates/default/assets/img/steps/chunking-the-text-inactive.png") no-repeat;
}
.read-chunk-step.active {
    background: url("/templates/default/assets/img/steps/chunking-the-text-active.png") no-repeat;
}

.blind-draft {background-color: #4596cc;}
.blind-draft-step {
    background: url("/templates/default/assets/img/steps/blind-drafting-inactive.png") no-repeat;
}
.blind-draft-step.active {
    background: url("/templates/default/assets/img/steps/blind-drafting-active.png") no-repeat;
}

.multi-draft {background-color: #4596cc;}
.multi-draft-step {
    background: url("/templates/default/assets/img/steps/verse-by-verse-inactive.png") no-repeat;
}
.multi-draft-step.active {
    background: url("/templates/default/assets/img/steps/verse-by-verse-active.png") no-repeat;
}

.self-check, .self-check-full {background-color: #4596cc;}
.self-check-step {
    background: url("/templates/default/assets/img/steps/self-edit-inactive.png") no-repeat;
}
.self-check-step.active {
    background: url("/templates/default/assets/img/steps/self-edit-active.png") no-repeat;
}

.peer-review {background-color: #4596cc;}
.peer-review-step {
    background: url("/templates/default/assets/img/steps/peer-edit-inactive.png") no-repeat;
}
.peer-review-step.active {
    background: url("/templates/default/assets/img/steps/peer-edit-active.png") no-repeat;
}

.keyword-check {background-color: #4596cc;}
.keyword-check-step {
    background: url("/templates/default/assets/img/steps/keyword-check-inactive.png") no-repeat;
}
.keyword-check-step.active {
    background: url("/templates/default/assets/img/steps/keyword-check-active.png") no-repeat;
}

.content-review {background-color: #4596cc;}
.content-review-step {
    background: url("/templates/default/assets/img/steps/verse-by-verse-inactive.png") no-repeat;
}
.content-review-step.active {
    background: url("/templates/default/assets/img/steps/verse-by-verse-active.png") no-repeat;
}

.final-review {background-color: #4596cc;}
.final-review-step {
    background: url("/templates/default/assets/img/steps/final-review-inactive.png") no-repeat;
}
.final-review-step.active {
    background: url("/templates/default/assets/img/steps/final-review-active.png") no-repeat;
}

.fst-check {background-color: #4596cc;}
.fst-check-step {
    background: url("/templates/default/assets/img/steps/first-check-inactive.png") no-repeat;
}
.fst-check-step.active {
    background: url("/templates/default/assets/img/steps/first-check-active.png") no-repeat;
}

.snd-check {background-color: #4596cc;}
.snd-check-step {
    background: url("/templates/default/assets/img/steps/second-check-inactive.png") no-repeat;
}
.snd-check-step.active {
    background: url("/templates/default/assets/img/steps/second-check-active.png") no-repeat;
}

.keyword-check-l2 {background-color: #4596cc;}
.keyword-check-l2-step {
    background: url("/templates/default/assets/img/steps/keyword-check-inactive.png") no-repeat;
}
.keyword-check-l2-step.active {
    background: url("/templates/default/assets/img/steps/keyword-check-active.png") no-repeat;
}

.peer-review-l2, .peer-review-l3 {background-color: #4596cc;}
.peer-review-l2-step, .peer-review-l3-step {
    background: url("/templates/default/assets/img/steps/peer-edit-inactive.png") no-repeat;
}
.peer-review-l2-step.active, .peer-review-l3-step.active {
    background: url("/templates/default/assets/img/steps/peer-edit-active.png") no-repeat;
}

.peer-edit-l3 {background-color: #4596cc;}
.peer-edit-l3-step {
    background: url("/templates/default/assets/img/steps/peer-edit-inactive.png") no-repeat;
}
.peer-edit-l3-step.active {
    background: url("/templates/default/assets/img/steps/peer-edit-active.png") no-repeat;
}

.rearrange {background-color: #4596cc;}
.rearrange-step {
    background: url("/templates/default/assets/img/steps/rearrange-inactive.png") no-repeat;
}
.rearrange-step.active {
    background: url("/templates/default/assets/img/steps/rearrange-active.png") no-repeat;
}

.theo-check {background-color: #4596cc;}
.theo-check-step {
    background: url("/templates/default/assets/img/steps/theo-check-inactive.png") no-repeat;
}
.theo-check-step.active {
    background: url("/templates/default/assets/img/steps/theo-check-active.png") no-repeat;
}

.symbol-draft {background-color: #4596cc;}
.symbol-draft-step {
    background: url("/templates/default/assets/img/steps/symbol-draft-inactive.png") no-repeat;
}
.symbol-draft-step.active {
    background: url("/templates/default/assets/img/steps/symbol-draft-active.png") no-repeat;
}

.chunk_verse {
    /*border-bottom: 1px solid #ccc;*/
    margin-bottom: 10px;
}

.blind_ta {
    resize: none;
    margin: 10px 0 20px 0;
    width: 100%;
}

.readonly {
    background-image: -webkit-linear-gradient(#ebebe4, #ebebe4 30px, #ccc 30px, #ccc 31px, #ebebe4 31px) !important;
    background-image: -moz-linear-gradient(#ebebe4, #ebebe4 30px, #ccc 30px, #ccc 31px, #ebebe4 31px) !important;
    background-image: -ms-linear-gradient(#ebebe4, #ebebe4 30px, #ccc 30px, #ccc 31px, #ebebe4 31px) !important;
    background-image: -o-linear-gradient(#ebebe4, #ebebe4 30px, #ccc 30px, #ccc 31px, #ebebe4 31px) !important;
    background-image: linear-gradient(#ebebe4, #ebebe4 30px, #ccc 30px, #ccc 31px, #ebebe4 31px) !important;
}

.verse_ta {
    resize: none;
    margin-bottom: 10px;
    width: 100%;
}

.peer_verse_ta, .lang_input_ta {
    resize: none;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden !important;
}


.textarea {
    /*background-image: -webkit-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px) !important;
    background-image: -moz-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px) !important;
    background-image: -ms-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px) !important;
    background-image: -o-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px) !important;
    background-image: linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px) !important;
    background-size: 100% 31px !important;
    border: 1px solid #4596cc !important;
    box-shadow: inset 0 1px 2px rgba(66, 156, 241, 0.88) !important;
    line-height: 31px !important;
    padding: 8px !important;*/
    background: url(/templates/default/assets/img/line.png) repeat-y;
    line-height: 31px;
    padding: 8px;
    border: 1px solid #4596cc;
}

.notes_editor {
    border: 1px solid #4596cc;
    background-color: #fff9e4;
}

.questions_editor {
    border: 1px solid #4596cc;
    background-color: #fff9e4;
}

.notes_editor .note-placeholder {
    margin-top: 10px;
    font-size: 22px;
}

.chunk_verses {
    text-align: justify;
    position: relative;
}

.sun_ta {
    display: flex;
}

.sun_ta strong {
    flex: 1;
    font-size: 16px;
}

.sun_ta textarea {
    flex: 10;
}

.ta_hidden {
    display: none;
}

.markerBubbles {
    height: 35px;
    margin-left: 5px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 7px;
}

.textWithBubbles {
    padding: 10px;
}

.textWithBubbles:focus {
    outline: 0px solid transparent;
}

.textWithBubbles div.splword {
    display: inline;
}

.textWithBubbles div.splword.hovered {
    color: #3784cb;
}

.noselect {
    user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
}

.bubble {
    display: inline-block;
    background: url("/templates/default/assets/img/bubble.png") no-repeat;
    color: #fff;
    width: 19px;
    height: 22px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-top: 2px;
    margin: 0 2px;
}

.hovered {
    color: #0f86fe;
    font-weight: bold;
}

.verse {
    line-height: 31px;
    width: 49%;
}

.verse_number_label {
    font-weight: normal;
    cursor: pointer;
}

.verse_number_label:hover {
    background-color: #a1ccf2;
}

.verse_p {
    position: relative;
}

.p_verse_num {
    float: left;
    margin-right: 5px;
    text-align: right;
    width: 15px;
}

.verse_right {
    width: 96%;
}

.create_chunk {
    position: absolute;
    top: -50px; right: 65px;
    background-color: #e17009;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
    min-width: 50px;
    height: 50px;
    display: none;
    z-index: 99;
    color: #fff;
    font-weight: bold;
}

.create_chunk.rtl {
    right: auto;
    left: 10px;
}

.chunk_block {
    position: relative;
    margin: 20px 0;
}

.chunk_divider {
    border-bottom: 1px solid #cc0005;
    margin: 0 0 10px 0;
}

.chunks_reset {
    position: absolute;
    top: -50px; right: 10px;
    background-color: #e10500;
    text-align: center;
    padding: 15px 5px;
    border-radius: 5px;
    cursor: pointer;
    min-width: 50px;
    height: 50px;
    z-index: 99;
    color: #fff;
    font-size: 22px;
    display: none;
}

.chunks_reset.rtl {
    right: auto;
    left: 0;
}

.keywords_show {
    position: absolute;
    top: 10px; right: 0;
    background-color: #337ab7;
    text-align: center;
    padding-top: 15px;
    border-radius: 5px;
    cursor: pointer;
    width: 273px;
    height: 50px;
    z-index: 98;
    color: #fff;
    font-weight: bold;
}

.word_def {
    display: none;
}

.word_term {
    color: #337ab7;
    cursor: pointer;
}

mark {
    background-color: #FFFF88;
}

#save_step {
    float: right;
}

.notif_a {
    position: relative;
}

.notifa .peer-review_checker {
    border-left: 10px solid #78d5f8;
}
.notifa .peer-review_checker:hover {
    border-left: 10px solid #00b9f8;
}

.notifa .keyword-check_checker, .notifa .theo-check_checker, .notifa .peer-review-l3_checker {
    border-left: 10px solid #ffbc70;
}
.notifa .keyword-check_checker:hover, .notifa .theo-check_checker:hover, .notifa peer-review-l3_checker:hover {
    border-left: 10px solid #ffac3a;
}

.notifa .content-review_checker {
    border-left: 10px solid #47d700;
}
.notifa .content-review_checker:hover {
    border-left: 10px solid #51c338;
}

.notifa .other_checker {
    border-left: 10px solid #ff5de4;
}

.notifa .other_checker:hover {
    border-left: 10px solid #ff3ae1;
}

.notifa .snd-check_checker {
    border-left: 10px solid #d76f75;
}
.notifa .snd-check_checker:hover {
    border-left: 10px solid #c34d4d;
}

.notifa .peer-review-l2_checker {
    border-left: 10px solid #78d5f8;
}
.notifa .peer-review-l2_checker:hover {
    border-left: 10px solid #00b9f8;
}

.notif_block {
    position: absolute;
    top: 50px;
    right: 0;
    width: 400px;
    min-height: 50px;
    max-height: 600px;
    background-color: #fff;
    border: 1px solid #4596cc;
    /*border-bottom: none;*/
    z-index: 104;
    list-style: none;
    padding: 0px;
    overflow-y: auto;
    display: none;
    text-align: left;
}

.notif_block a {
    text-decoration: none;
}

.notif_block li {
    height: auto !important;
    min-height: 50px;
    padding: 10px;
    border-top: 1px solid #2575b8;
    color: #373737;
}

.notif_block a:first-child li {
    border-top: none;
}

.notif_block li:hover {
    /*background-color: rgba(127, 127, 127, 0.3);*/
    color: #000;
}

.no_notif {
    padding: 15px;
    text-align: center;
    width: 100%;
}

.notif_count {
    background-color: #ff0000;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    display: block;
    margin-left: 5px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    top: 3px;
    right: 8px;
    z-index: 1;
}

.news_count {
    background-color: #ff0000;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    display: block;
    margin-left: 5px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    top: 3px;
    right: -15px;
    text-align: center;
}

.notif_title {

}

.notifications {
    position: relative;
    background-color: #4596cc;
}

#notifications {

}

.all_notifs {
    border-top: 1px solid #ccc;
    text-align: center;
    padding: 5px 0;
}

.bible_book {
    text-align: justify;
    padding: 10px 20px;
}

.bible_book sup {
    color: #1b8600;
}

.side_by_side_toggle {
    margin: 10px 0 0 0;
}

.side_by_side_toggle label {
    cursor: pointer;
    user-select: none;
}

.side_by_side_translator .chunk_verses.flex_left {
    display: none;
}
.side_by_side_translator .flex_middle.editor_area {
    display: block;
}

.side_by_side_checker .chunk_verses.flex_left {
    display: block;
}
.side_by_side_checker .flex_middle.editor_area {
    display: none;
}

.editor_area {
    position: relative;
}

.comment_ta {
    resize: none;
    display: none;
}

.textarea_editor {
    width: 503px;
    min-height: 100px;
    /*font-family: SUN, Serif;*/
    font-size: 20px;
}

.other_comments_list {
    padding-top: 10px;
    text-align: left;
    max-height: 300px;
    overflow-y: auto;
    /*font-family: SUN, Serif;*/
    font-size: 20px;
}

.other_comments_list.rtl {
    text-align: right;
}

.other_comments {
    padding: 5px 10px;
}

.other_comments span {
    font-weight: bold;
}

.editor, .alt_editor {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:0; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 101;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
}

.comment_div, .alt_comment_div, .footnote_editor {
    text-align: center;
    position: absolute;
    left: calc(50% - 250px);
    width: 507px;
    z-index: 102;
    box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.5);
    border: 2px solid #5a5a5a;
    display: none;
}

.comment_div .panel-heading {
    cursor: pointer;
}

.editor-close, .alt_editor-close, .footnote-editor-close {
    position: absolute;
    top: 3px;
    right: 2px;
    font-size: 14px;
    padding: 4px 12px;
}

.xbtn, .xbtnf {
    position: absolute;
    top: 10px;
    left: 7px;
    right: auto;
    font-size: 16px;
}

.fn_preview {
    min-height: 50px;
    background-color: antiquewhite;
    align-items: center;
    padding: 5px;
}

.fn_buttons {
    margin: 5px 0;
}

.fn_builder {
    min-height: 100px;
    border-top: 1px solid #ccc;
    text-align: left;
    padding: 5px;
}

.fn_builder div {
    margin: 5px 0;
}

.fn_lm {
    display: flex;
}

.fn_lm input {
    margin: 0 5px;
}

.fn-remove {
    cursor: pointer;
}

.verse_with_note {
    position: relative;
}

.showComment {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 90;
}

.tooltip-inner {
    min-width: 50px;
    max-width: 400px;
}

.notes_tools {
    display: flex;
    flex-direction: column;
}

.editFootNote {
    margin-top: 5px;
    cursor: pointer;
}

.editComment, .editCommentAlt {
    cursor: pointer;
}

span.mdi.mdi-bookmark, note.mdi.mdi-bookmark {
    font-size: 22px;
}

span.mdi.mdi-lead-pencil {
    font-size: 22px;
}

.comments_number {
    z-index: 10;
    width: 20px;
    height: 25px;
    background-image: url("/templates/default/assets/img/note_empty.png");
}

.hasComment {
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-image: url("/templates/default/assets/img/note_has.png");
}

.commentAltText {
    display: none;
}

.textarea_editor {
    resize: none;
}

.commentEditorLoader {
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 16px);
    display: none;
}

.source_content {
    margin: 20px 0;
    position: relative;
}

.no_padding {
    padding: 0;
}

.word_def_content h1 {
    font-size: 26px;
}

#my_twords_content, #my_tquestions_content, #my_tnotes_content {
    margin-top: 10px;
    padding: 0 10px;
}

.labels_list {
    height: 520px;
    overflow-y: auto;
    padding: 0px;
    font-size: 14px;
    position: relative;
}

.labels_list ul {
    list-style: none;
    padding-left: 0px;
}

.labels_list label {
    display: block;
}

.labels_list ul li {
    font-weight: normal;
    border-bottom: 1px solid #ccc;
}

.keywords-list-close {
    background-color: #0f86fe;
    color: #ffffff;
    font-size: 28px;
    height: 40px;
    padding: 6px;
    position: absolute;
    top: -10px;
    right: -10px;
    text-align: center;
    width: 40px;
    cursor: pointer;
    border-radius: 5px;
}

.word_def_popup {
    width: 99%;
    height: 536px;
    position: absolute;
    top: 40px;
    left: 3px;
    background-color: #ffffff;
    z-index: 99;
    cursor: auto;
    display: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow-y: auto;
}

.word_def_popup h2 {
    font-size: 20px;
}

.word_def_popup ul {
    padding-left: 10px;
}

.word_def-close {
    background-color: #0f86fe;
    color: #ffffff;
    font-size: 18px;
    height: 24px;
    padding: 3px;
    position: absolute;
    top: 2px;
    right: 2px;
    text-align: center;
    width: 24px;
    cursor: pointer;
    border-radius: 5px;
}

.word_def_title {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #337ab7;
    margin-top: 5px;
    padding: 0 15px;
}

.word_def_content {
    margin-top: 10px;
    padding: 0 10px;
    font-size: 14px;
    max-height: 550px;
}

.t_tools_nav {
    margin-top: 10px;
}


.tutorial_container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:0; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 103;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
    display: none;
}

.tutorial_popup {
    position: absolute;
    top: calc(50% - 280px);
    left: calc(50% - 450px);
    background-color: #ffffff;
    z-index: 99;
    cursor: auto;
}

.tutorial_pic {
    float: left;
    width: 300px;
    height: 500px;
    text-align: center;
    padding: 20px 10px 30px 10px;
}

.tutorial_pic img {
    display: inline-block;
    margin-bottom: 10px;
}

.tutorial_content {
    float: right;
    width: 600px;
    height: 530px;
    padding: 0 20px;
    background-color: #d6e8f3;
}

.tutorial_content h3 {
    text-align: center;
}

.tutorial_content ul {
    max-height: 460px;
    overflow-y: auto;
    padding-left: 20px;
}

.tutorial_content ul li {
    margin-top: 10px;
}

.hide_tutorial {
    text-align: right;
}

.hide_tutorial label {
    color: #0f86fe;
    font-style: italic;
    font-weight: normal;
    margin-top: 70px;
}

.tutorial-close {
    background-color: #0f86fe;
    color: #ffffff;
    font-size: 28px;
    height: 40px;
    padding: 6px;
    position: absolute;
    top: -10px;
    right: -10px;
    text-align: center;
    width: 40px;
    cursor: pointer;
    border-radius: 5px;
}

.show_tutorial_popup {
    cursor: pointer;
    color: #337ab7;
    font-weight: bold;
    text-decoration: underline;
    margin: -10px 0 0 15px;
}

.show_tutorial_popup:hover {
    color: #23527c;
}

.video_container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:0; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 101;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
    display: none;
}

.video_popup {
    position: absolute;
    top: calc(50% - 230px);
    left: calc(50% - 450px);
    background-color: #ffffff;
    z-index: 99;
    cursor: auto;
}

.video-close {
    background-color: #0f86fe;
    color: #ffffff;
    font-size: 22px;
    height: 30px;
    padding: 4px;
    position: absolute;
    top: -10px;
    right: -10px;
    text-align: center;
    width: 30px;
    cursor: pointer;
    border-radius: 5px;
    z-index: 101;
}

.language_container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:-9999px; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
}

.language_block {
    position: absolute;
    top: calc(50% - 150px);
    left: calc(50% - 350px);
    background-color: #ffffff;
    z-index: 99;
    cursor: auto;
    width: 750px;
    padding: 20px;
    border-radius: 5px;
}

.language-close {
    background-color: #0f86fe;
    color: #000;
    font-size: 22px;
    height: 30px;
    padding: 5px;
    position: absolute;
    top: -10px;
    right: -10px;
    text-align: center;
    width: 30px;
    cursor: pointer;
    border-radius: 5px;
}

/* Chosen Select CSS Begin */
.chosen-container-single .chosen-single {
    height: 35px !important;
    background: none !important;
    line-height: 34px !important;
}

.chosen-container-multi .chosen-choices {
    height: auto !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 32px !important;
}

.search-choice {
    background-image: none !important;
    line-height: 20px !important;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 6px !important;
}

.chosen-container-single .chosen-single div b {
    background-position: 0 6px !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin-top: 2px !important;
}

.chosen-container-multi .chosen-choices {
    border-radius: 5px !important;
}
/* Chosen Select CSS End */

.language_add {
    font-size: 22px;
    background-color: #0080c1;
    color: #ffffff;
    width: 35px;
    height: 35px;
    border-radius: 7px;
    text-align: center;
    padding: 5px 0 0 2px;
    margin: -2px 10px 0 0;
    cursor: pointer;
    float: left;
}

.language_add_input {
    float: left;
    width: 870px;
}

.profile_form .form-group {
    margin-left: 0 !important;
}

.profile_form .col-sm-11 {
    padding-left: 0 !important;
}

.profile_form h3 {
    color: #249b45;
    margin: 40px 0 20px 0;
}

.profile_form {
    position: relative;
}

.save_profile_container {
    background-color: white;
    border: 1px solid #ccc;
    width: 150px;
    text-align: center;
    position: fixed;
    top: 0;
    left: calc(50% + 175px);
    right: auto;
    padding: 10px;
    border-top: none;
    border-radius: 7px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#save_profile {
    width: 100px;
}

.save_profile_container.unlinked {
    position: absolute;
    top: -110px;
    left: auto;
    right: 0;
}

.word_tools {
    position: fixed;
    top: 100px;
    left: calc(50% + 170px);
    right: auto;
    width: 420px;
}

.word_tools.scrolled {
    top: 30px;
}

.alma_top {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: fixed;
    bottom: 100px;
    left: calc(50% + 520px);
    display: none;
}

.profile_messages {
    position: absolute;
    top: -20px;
    width: 100%;
}

.label_error {
    color: #ff0000;
}

.book_title {
    font-size: 22px;
    font-weight: bold;
}

.project_title {
    color: #249b45;
    font-size: 16px;
}

.chapter_list {
    margin: 30px 0 0 20px;
}

.chapter_number {
    font-size: 18px;
    font-weight: bold;
    float: left;
}

.section_header {
    margin-top: 10px;
    cursor: pointer;
    width: 700px;
}

.section_arrow {
    float: left;
    margin: 3px 5px 0 0;
}

.chapter_number.nofloat {
    float: none;
    margin: 0 0 0 20px;
    color: #a09ea4;
}

.section_title {
    float: left;
}

.chapter_item {
    margin-top: 20px;
}

.section_content {
    display: none;
    margin: 10px 0 0 0;
}

.section_translator {
}

.section_steps {
    text-align: center;
    margin: 20px 0 0 0;
}

.section_step {
    width: 125px;
    height: 180px;
    float: left;
    border-right: 2px solid #ccc;
    padding: 5px;
}

.section_step.chk {
    border-color: #ffc352;
}

.section_step.finalReview {
    border: none;
}

.section_step .step_status {
    font-weight: bold;
    font-size: 12px;
}

.section_step.finished .step_status {
    color: #00b200;
}

.section_step.not_started .step_status {
    color: #c0c0c0;
}

.section_step.in_progress .step_status, .section_step.checked .step_status {
    color: #0085b2;
}

.section_step.waiting .step_status {
    color: #d93600;
}

.section_step.waiting .step_name {
    color: #d93600;
}

.img_waiting {
    margin-top: 20px;
}

.section_step .step_light {
    width: 60px;
    margin: 0 auto;
}

.section_step.finished .step_light {
    border-bottom: 5px solid #00b200;
}

.section_step.not_started .step_light {
    border-bottom: 5px solid #c0c0c0;
}

.section_step.in_progress .step_light, .section_step.checked .step_light {
    border-bottom: 5px solid #0085b2;
}

.section_step.waiting .step_light {
    border-bottom: 5px solid #d93600;
}

.section_step .step_icon {
    margin-top: 5px;
}

.section_step .step_name {
    margin-top: 5px;
    font-weight: bold;
    color: #4e4e4e;
    font-size: 12px;
    height: 30px;
}

.section_step .step_checker {
    margin-top: 5px;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.section_step .step_checker .checked {
    color: #249b45;
    position: absolute;
    top: 20px;
    right: 20px;
}

.section_step .step_chunks {
    text-align: left;
    overflow: hidden;
    height: 70px;
    position: relative;
    background-color: #fff;
    z-index: 99;
}

.section_translator_chunk {
    padding: 0 0 0 25px;
    font-weight: bold;
    font-size: 13px;
}

.chunks_blind {
    /*background-color: rgba(255, 255, 255, 0.7);*/
    cursor: pointer;
    height: 20px;
    position: absolute;
    top: 52px;
    width: 100%;
    text-align: right;
    padding-top: 7px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0px, rgba(255, 255, 255, 0.9) 100%);
    background-repeat: repeat-x;
}

.section_translator_progress_bar {
    width: 200px;
    float: left;
    margin: 3px 0 0 10px;
}

.progress {
    float: left;
    width: 150px;
    margin: 0;
    position: relative;
}

.progress_all {
    width: 340px !important;
}

.progress-bar {
    color: #444;
    font-weight: bold;
    padding-left: 5px;
}

.zero .progress-bar {
    color: #380000;
    margin-left: 5px;
    padding-left: 0px;
}

.finished_icon {
    float: left;
    color: #249b45;
    margin-left: 10px;
}

.finished_msg {
    color: #249b45;
    font-size: 12px;
    font-weight: normal !important;
}

.checker_verb, .checker_peer, .checker_kwc, .checker_crc {
    background-color: #eaf4ff;
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
}

.not_started_block {
    background-color: #f2e6ff;
}

.checker_name {
    color: #000;
}

.state_active {
    color: #249b45;
    font-size: 12px;
}

.not_started_name {
    color: #ff9125;
}

.checker_label {
    color: #024b9e;
    font-weight: bold;
}

.not_started_label {
    color: #481583;
}

.checker_status {
    margin-top: 10px;
}

.members_list {
    position: absolute;
    top: -130px;
    right: 100px;
    max-height: 700px;
    overflow-y: auto;
}

.member_item {
    margin-top: 20px;
}

.members_title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}

.online_indicator {
    color: #d10000;
}

.online_indicator.online {
    color: #249b45;
}

.online_status {
    color: #249b45;
    display: none;
}

.offline_status {
    color: #d10000;
}

.member_admin {

}

.back_link {
    font-size: 30px;
    margin: 10px 0;
}

.unsaved_alert {
    display: none;
    /*float: right;*/
    margin: 7px 10px;
}

.comments {
    display: none;
}

.demo_h {
    font-size: 25px;
    color: #555;
}

.demo_title {
    font-size: 25px;
    color: #e5001d;
}

.demo_video {
    font-size: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.demo_video a {
    text-decoration: underline;
}

.demo_link {
    text-decoration: underline;
}

.demo_title.events_index {
    margin-top: -60px;
    float: right;
    position: relative;
}

.demo_title span {
    background-color: #e5001d;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    height: 22px;
    padding: 2px 0 0 3px;
    width: 22px;
}

.demo_options {
    position: absolute;
    width: 400px;
    right: 0;
    text-align: right;
    background-color: #fff;
    display: none;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 10px 10px;
    font-size: 20px;
}

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

.demo_options ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.demo_options a, .demo_options a:hover {
    text-decoration: none;
}

.demo_options.menu_link {
    font-size: 18px;
    z-index: 102;
}

.demo_options.menu_link li {
    height: 30px !important;
    text-transform: none !important;
}

.back_link span {
    background-color: #337ab7;
    border-radius: 18px;
    color: #fff;
    font-size: 22px;
    height: 28px;
    padding: 2px 0 0 3px;
    width: 28px;
}

a.demo_link, a.demo_link:hover {
    color: #e5001d;
}

.demo_video span {
    background-color: #337ab7;
    border-radius: 18px;
    color: #fff;
    font-size: 20px;
    height: 28px;
    padding: 3px 0 0 5px;
    width: 28px;
}

.book_name {
    color: #249b45;
    font-weight: bold;
}

.gl_ol_mode {
    position: absolute;
    bottom: 30px;
    left: 20px;
    color: #fff;
    font-size: 20px;
}

.checker_view {
    margin-top: 30px;
    font-size: 22px;
    text-align: center;
}

.ui-widget-overlay{
    background:#000 !important;
    opacity:.7 !important;
    filter:Alpha(Opacity=70) !important
}

.ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default, .ui-button,
html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background-image: none !important;
}

.ui-widget {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.manage_container {
    height: 100%;
}

.manage_body {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.manage_container ul {
    margin: 0;
    padding: 0;
}

.manage_container ul li {
    list-style: none;
    margin: 10px 0 0 0;
}

.manage_container h3 {
    border-bottom: 1px solid #aaa;
    padding-bottom: 5px;
    position: relative;
}

.manage_chapters {
    width: 550px;
    padding-bottom: 20px;
}

.manage_chapters ul li {
    height: 35px;
    display: flex;
    justify-content: space-between;
}

.manage_chapters_user {
    flex: 1;
}

.manage_chapters_buttons {
    flex: 1;
}

.manage_chapter {
    padding-left: 0;
    font-weight: bold;
    flex: 1;
}

.manage_chapters_user button {

}

.manage_username {
    display: none;
}

.uname {
    float: left;
    overflow: hidden;
    max-width: 120px;
    white-space: nowrap;
}

.uname_delete {
    float: left;
    margin-left: 5px;
    border-radius: 4px;
    background-color: #666666;
    color: #ffffff;
    font-size: 12px;
    padding: 3px;
    margin-top: 3px;
    cursor: pointer;
}

.manage_members {
    width: 550px;
}

.member_chapters {
    margin-top: -10px;
    display: none;
}

.manage_username, .member_usname {
    height: 32px;
    color: #0481ff;
    font-size: 18px;
    position: relative;
}

.step_selector_block {
    margin: 5px 0 20px 0;
    /*width: 220px;*/
}

.step_selector option:checked {
    font-weight: bold;
}

.step_selector option:not(:checked):not(:disabled) {
    font-weight: bold;
}

.delete_user {
    border-radius: 4px;
    background-color: #666666;
    color: #ffffff;
    font-size: 12px;
    padding: 3px;
    cursor: pointer;
    vertical-align: super;
}

.chapter_members {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:0; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}

.chapter_members_div {
    margin: 0px auto;
    position: fixed;
    width: 450px;
    left: calc(50% - 300px);
    top: calc(50% - 250px);
}

.chapter-members-close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 22px;
    cursor: pointer;
}

.chapter_members_div ul {
    margin-top: 20px;
    padding: 0 20px;
    max-height: 500px;
    overflow-y: auto;
}

.chapter_members_div ul li {
    list-style: none;
    margin-top: 10px;
}

.members_search_dialog {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:0; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}

.members_search_dialog_div {
    margin: 0px auto;
    position: fixed;
    width: 450px;
    left: calc(50% - 250px);
    top: calc(50% - 220px);
}

.members-search-dialog-content {
    padding: 10px;
}

.members-search-dialog-close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 22px;
    cursor: pointer;
}

.manage_buttons {
    position: absolute;
    top: -10px;
    right: 0;
}

.openMembersSearch.dialog_f {
    display: none;
    position: absolute;
    text-align: center;
    background: rgba(255,255,255,0.7);
    width: 100%;
    height: calc(100% - 40px);
    z-index: 99;
}

.openMembersSearch.dialog_f img {
    margin-top: 180px;
}

.user_translators {
    list-style-type: none;
    margin: 0 0 0 0px;
    padding: 0;
    height: 350px;
    overflow-y: auto;
}

.user_translators li {
    border: 1px solid #ccc;
    padding: 5px 5px 0 5px;
    margin-bottom: 5px;
}

.user_translators label {
    width: 100%;
}

.user_translators .tr_member {
    float: left;
}

.user_translators .tr_member_add {
    margin-bottom: 0;
    float: right;
}

.userlist {
    float: left;
    width: 260px;
    overflow: hidden;
}

div[class^="member_usname mid"] {
    max-width: 200px;
    overflow: hidden;
}

.chapter_ver {
    overflow: auto !important;
    width: auto !important;
}

.divname {
    max-width: 280px;
    overflow: hidden;
    float: left;
}

.divvalue {
    float: left;
    margin-left: 5px
}

.words_group_dialog {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:0; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}

.words_group_dialog_div {
    margin: 0px auto;
    position: fixed;
    width: 450px;
    left: calc(50% - 250px);
    top: calc(50% - 300px);
}

.words-group-dialog-close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 22px;
    cursor: pointer;
}

.group_delete {
    margin-left: 5px;
    border-radius: 4px;
    background-color: #666666;
    color: #ffffff;
    font-size: 12px;
    padding: 3px;
    margin-top: 3px;
    cursor: pointer;
}

.openWordsGroup {
    display: none;
    position: absolute;
    text-align: center;
    background: rgba(255,255,255,0.7);
    width: 100%;
    height: calc(100% - 40px);
    z-index: 99;
}

.words-group-dialog-content {
    padding: 10px;
}

#word_group {
    height: 500px;
}

.word_group_hint {
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
}

#word_group option:disabled {
    color: #ccc;
}

.assign_chapter {
    float: right;
}

.assignChapterLoader.dialog_f {
    display: none;
    position: absolute;
    text-align: center;
    background: rgba(255,255,255,0.7);
    width: 100%;
    height: calc(100% - 40px);
    z-index: 99;
}

.assignChapterLoader.dialog_f img {
    margin-top: 30px;
}

.assignChapterLoader.inline_f {
    position: absolute;
    left: 120px;
    display: none;
}

.member_chapters {
    font-weight: bold;
}

.member_chapters span {
    font-weight: normal !important;
}

.member_chapters span b {
    font-weight: normal;
    text-decoration: underline;
    color: #0481ff;
    cursor: pointer;
}

.assigned_members {
    margin-top: 10px;
}

.start_translation {
    text-align: right;
    padding-right: 40px;
}

.event_state {
    font-size: 22px;
    font-weight: bold;
    border-radius: 5px;
    /*text-align: center;*/
    height: 40px;
    color: #ff8400;
    padding-top: 5px;
}

.is_checker_page {
    background-color: #ffa500 !important;
}

.is_checker_page.isPeer {
    background-color: #8E007D !important;
}

.is_checker_page_help {
    background-color: #ffd498b0 !important;
}

.is_checker_page_help.isPeer {
    background-color: #f3d1ff !important;
}

.verse_with_note .vnote {
    position: relative;
    padding: 0 0 10px 0;
}

.editor_area .vnote {
    position: relative;
    word-break: break-word;
}

.lang-selector {

}

.ui-icon.lang_en {
    background: url("/templates/default/assets/img/en.png") 0 0 no-repeat !important;
}
.ui-icon.lang_ru {
    background: url("/templates/default/assets/img/ru.png") 0 0 no-repeat !important;
}

#lang-select-button {
    padding:  7px 10px !important;
}

.profile-select {
    margin-top: 10px;
    cursor: pointer;
    position: relative;
}

.profile-select li {
    height: auto !important;
    padding: 3px !important;
}

#profile-select .uName {
    display: inline-block;
    text-overflow: ellipsis;
    min-width: 82px;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.header_menu_left {
    padding: 0;
    margin: 0;
    height: 50px;
    flex: 4;
    display: flex;
}

.header_menu_left .logo {
    margin-top: 5px;
    flex: 1;
}

.header_menu_left .nav {
    font-weight: bold;
    height: 50px;
    flex: 3;
}

.header_menu_left .nav li {
    vertical-align: middle;
    height: 50px;
    margin: 0px;
    text-transform: uppercase;
}

.header_menu_left .nav-pills > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 50px;
    padding: 14px 8px 0 8px;
}

.header_menu_left .nav-pills > li.active > a,
.header_menu_left .nav-pills > li.active > a:focus,
.header_menu_left .nav-pills > li.active > a:hover {
    background-color: #4596cc;
}

.header_menu_right {
    text-align: right;
    padding: 0;
    margin: 0;
    height: 50px;
}

.header_menu_right.admin {
    flex: 1;
}

.header_menu_right li {
    height: 50px;
    vertical-align: middle;
    padding-top: 6px;
}

.notifications:hover {
    box-shadow: inset 1px 1px 10px 0px #406d9e;
}

.footer_langs {
    text-align: right;
    padding: 0;
    margin-top: -10px;
}

.flangs {
    width: 60px;
    height: 35px;
    border-radius: 5px;
    border: 3px solid #dedede;
    padding: 3px 8px 2px;
    cursor: pointer;
    float: right;
}

.flangs li {
    height: auto !important;
    padding: 2px !important;
}

.my_content {
    display: none;
    margin-top: 20px;
}

.my_content.shown {
    display: block;
}

.event_block {
    /*width: 1140px;*/
    border-top: 2px solid #e9e9e9;
    padding: 0px;
    display: flex;
}

.event_logo {
    /*float: left;*/
    text-align: center;
    min-width: 170px;
    max-width: 170px;
    min-height: 190px;
    background-color: #fff;
    /*flex: 1;*/
}

.event_logo.translation {
    border-right: 3px solid #00b200;
}

.event_logo.checking {
    border-right: 3px solid #b2b2b2;
}

.event_logo.checkingl2 {
    border-right: 3px solid #caca00;
}

.event_logo.checkingl3 {
    border-right: 3px solid #75baff;
}

.event_type {
    font-weight: bold;
    margin-top: 5px;
}

.event_mode {
    font-style: italic;
    color: #008000;
}

.event_mode.tn {
    font-style: italic;
    color: #2030ff;
}

.event_mode.sun {
    color: #af00cc;
}

.event_img {
    margin: 10px 0 20px;
}

.event_project {
    width: 250px;
    /*float: left;*/
    margin: 10px;
    flex: 2;
}

.event_book {
    font-size: 22px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event_proj {
    font-size: 14px;
    font-weight: bold;
    color: #747474;
}

.event_proj div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event_facilitator {
    margin-top: 10px;
    font-weight: bold;
}

.facil_names {
    color: #218eaf;
    width: 240px;
    overflow: auto;
    height: 76px;
}

.facil_names a {
    text-decoration: underline;
    border: 1px solid #218eaf;
    padding: 5px;
    border-radius: 5px;
    display: block;
    float: left;
    margin: 5px 5px 0 0;
}

.facil_contact a {
    display: block;
    width: 70px;
    height: 30px;
    color: #222;
    background-image: linear-gradient(to bottom, #ffd24d 0px, #ffa810 100%);
    background-repeat: repeat-x;
    background-color: #ffd24d;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    padding-top: 5px;
    margin-top: 5px;
}

.facil_contact a:hover {
    background-color: #ffa810;
    background-position: 0 -5px;
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
}

.event_time, .event_translator {
    float: left;
    width: 220px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 16px;
}

.event_time_title, .event_translator_title {
    color: #8d8d8d;
    font-size: 16px;
}

.event_translator_data {
    margin-top: 30px;
}

.event_translator_name {
    font-size: 14px;
}

.event_time_time {
    background: url("/templates/default/assets/img/time.png") 0 0 no-repeat;
    padding-left: 30px;
}

.event_time_end {
    margin-top: 10px;
}

.event_current_pos {
    /*float: left;*/
    width: 280px;
    margin-top: 45px;
    font-weight: bold;
    flex: 2;
}

.event_current_title {
    color: #8d8d8d;
    font-size: 16px;
}

.event_curr_step {
    margin-top: 5px;
    color: #00b200;
    display: flex;
    align-items: center;
}

.img_current {
    width: 32px;
    height: 32px;
}

.step_current {
    margin-left: 20px;
}

.event_action {
    /*float: left;*/
    width: 180px;
    margin-top: 5px;
    margin-right: 10px;
    text-align: center;
    font-weight: bold;
    flex: 1;
}

.event_action.check1 {
    margin-top: 40px;
}

.event_link {
    margin-top: 20px;
}

.event_link a {
    display: block;
    width: 150px;
    height: 50px;
    background-image: linear-gradient(to bottom, #00b200 0px, #008000 100%);
    background-repeat: repeat-x;
    background-color: #00b200;
    text-decoration: none;
    color: #fff;
    border-radius: 7px;
    padding-top: 12px;
    font-size: 16px;
    margin-left: 15px;
}

.event_link a:hover {
    background-color: #008000;
    background-position: 0 -15px;
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
}

.event_manage_link {
    margin-top: 20px;
}

.event_manage_link a, .event_progress_link a {
    display: block;
    width: 90px;
    height: 30px;
    background-image: linear-gradient(to bottom, #ffd24d 0px, #ffa810 100%);
    background-repeat: repeat-x;
    background-color: #ffd24d;
    text-decoration: none;
    color: #222;
    border-radius: 5px;
    padding-top: 7px;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 0 45px;
}

.event_manage_link a:hover, .event_progress_link a:hover {
    background-color: #ffa810;
    background-position: 0 -5px;
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
}

.event_members {
    margin-top: 10px;
}

.trs_num {
    font-size: 24px;
}

.green-marked {
    background-color: #def5de;
}

.gray-marked {
    background-color: #f7f7f7;
}

.lemon-marked {
    background-color: #fffff7;
}

.blue-marked {
    background-color: #edf6ff;
}

.purple-marked {
    background-color: #e4def5;
}

.no_events_message {
    margin: 20px 0 0 10px;
    font-size: 18px;
}

.create_event_block {
    /*width: 1140px;*/
    height: 60px;
    background-color: #efefef;
    border-top: 1px solid #cecece;
    margin: 0 0 20px 0;
    padding-top: 15px;
}

.create_event_block div {
    float: left;
}

.create_event_block div:last-child {
    float: right;
    margin-top: -50px;
}

.create_event_block img {
    margin: 5px 10px 0 0;
}

.create_info_tip a {
    text-decoration: underline;
}

.create_event_link {
    display: block;
    min-width: 90px;
    height: 30px;
    background-image: linear-gradient(to bottom, #00b200 0px, #009700 100%);
    background-repeat: repeat-x;
    background-color: #00b200;
    text-decoration: none;
    color: #f7f7f7;
    border-radius: 5px;
    padding: 7px 5px 0 5px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    text-align: center;
}

.create_event_link:hover {
    background-color: #009700;
    background-position: 0 -5px;
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
    text-decoration: none;
    color: #f7f7f7;
}

.create_info_tip {
    margin: 5px 0 0 15px;
}

#new_events span.hasEvents {
    color: #f00;
}

.my_tab, .url_tab, .my_tab > a, .url_tab > a {
    color: #222;
}

.my_tab.active, .url_tab.active, .my_tab.active > a, .url_tab.active > a {
    font-weight: bold;
    color: #4596cc !important;
}

.url_tab {
    text-transform: uppercase;
}

.create_info_tip span {
    display: none;
}

.ui_tpicker_timezone select {
    width: 200px;
    height: 30px;
    font-size: 0.9em;
    margin: 0 0 0 -8px;
    padding: 0;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.ui-datepicker {
    width: 350px;
}

div[class^=kwverse] {
    display: inline;
}

.main_content_text strong {
    margin-right: 3px;
    margin-left: 0px;
}

.main_content_text strong.rtl {
    margin-right: 0px;
    margin-left: 3px;
}

.chunk_verses b {
    background-color: #f8ff00;
    cursor: pointer;
    display: inline;
}

.remove_kw_tip {
    position: absolute;
    background-color: #222;
    color: #fff;
    padding: 2px 5px;
    border-radius: 5px;
}

button.startEvnt, button.editEvnt {
    width: 100px;
}

.eventFull {
    background-color: #B1B5B5 !important;
    background-image: linear-gradient(to bottom, #d0d6d7 0px, #959996 100%) !important;
    cursor: not-allowed;
}

.eventFull:hover {
    background-color: #B1B5B5 !important;
    background-image: linear-gradient(to bottom, #d0d6d7 0px, #959996 100%) !important;
    background-position: 0 0 !important;
}

.public_profile {
    width: 900px;
    margin-left: 20px;
}

.public_profile h3 {
    color: #249b45;
}

.public_avatar {
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
}

.public_uname {
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
}

.public_name {
    margin-left: 10px;
    float: left;
    padding-top: 10px;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
}

.public_rating {
    float: left;
    margin-left: 30px;
    font-size: 22px;
    text-align: center;
}

.public_rating img {
    margin-top: -20px;
}

.public_rating_score {
    border: 1px solid #ff8100;
    padding: 5px;
    border-radius: 5px;
    width: 70px;
    margin: 0 auto;
}

.avatar_control_public {
    height: 112px;
    width: 500px;
}

.public_uname {
    color: #ff8100;
    font-size: 18px;
}

.public_fname {
    font-weight: bold;
    font-size: 22px;
}

.public_item {
    margin-top: 10px;
}

.languages_public_list {
    margin-left: 20px;
}

.languages_public_lang {
    font-weight: bold;
    text-decoration: underline;
}

.languages_public_fluency {
    margin-left: 20px;
}

.languages_public_years {
    margin-left: 20px;
}

.languages_public_list label {
    font-weight: bold;
}

.orig_lang {
    margin-left: 20px;
}

.mems_tab, .mems_tab > a {
    color: #222;
}

.mems_tab.active, .mems_tab.active > a {
    font-weight: bold;
    color: #4596cc !important;
}

.members_content {
    display: none;
    margin: 20px 0 0 0;
}

.members_content.shown {
    display: block;
}

.members_filter {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.mems_language {
    width: 300px;
}

.mems_filter_item {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}

.filter_roles {
    margin-top: -10px;
}

.filter_title {
    margin-top: 10px;
}

.filter_title {
    font-weight: bold;
}

.filter_loader {
    display: none;
}

#all_members_table.hidden {
    display: none;
}

#all_members_table td, #verify_members_content td {
    overflow-wrap: break-word;
    max-width: 150px;
}

#all_members_table .block_btn, #verify_members_content .block_btn {
    text-align: center;
}

#search_empty {
    margin: 20px 0 0 10px;
    font-size: 18px;
}

#search_more {
    font-size: 18px;
    margin: 20px auto 0 auto;
    cursor: pointer;
    width: 400px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    color: #4596cc;
}

#search_more.disabled {
    cursor: not-allowed;
}

.facilitator_section, .checker_section {
    display: none;
}

.facilitator_section.shown, .checker_section.shown {
    display: block;
}

.contributors_container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:-9999px; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
}

.contributors_block {
    position: absolute;
    top: calc(50% - 300px);
    left: calc(50% - 600px);
    background-color: #ffffff;
    z-index: 99;
    cursor: auto;
    width: 1200px;
    padding: 20px;
    border-radius: 5px;
}

.contributors-close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 22px;
    cursor: pointer;
}

.contributors_content {
    max-height: 500px;
    overflow: auto;
    margin-top: 20px;
    font-size: 18px;
}

.contrib_title {
    font-weight: bold;
    margin-top: 10px;
}

.contributors_title {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-top: -10px;
}

.contributors_title.proj {
    display: none;
}

.events_separator {
    border-bottom: 1px solid #cccccc;
    text-align: center;
    font-size: 22px;
    margin: 10px 0;
    color: #4596cc;
}

.blockMember {
    min-width: 100px;
}

.pray_left {
    float: left;
    text-align: center;
    width: 320px;
}

.pray_right {
    float: right;
    width: 500px;
    font-size: 22px;
    padding: 20px;
}

.noscript {
    background-color: #e2a200;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    margin: 0 auto;
    padding-top: 12px;
    text-align: center;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
}

.checkers-search {
    position: relative;
}

.user_checkers {
    position: absolute;
    top: 40px;
    left: 0;
    border: 1px solid #ccc;
    background-color: white;
    list-style-type: none;
    padding: 0;
    width: 295px;
    max-height: 350px;
    overflow-y: auto;
    display: none;
    z-index: 101;
}

.user_checkers li, .user_checkers label, .user_checkers div {
    cursor: pointer;
    width: 100%;
}

.user_checkers label {
    margin: 0;
}

.user_checkers li {
    padding: 5px;
}

.user_checkers li:hover {
    background-color: #4596cc;
    color: #ffffff;
}

.membersSearch {
    display: none;
    position: absolute;
    top: 0;
    left: 310px;
}

.add_cheker .chklabel, .add_cheker button {
    display: block;
    float: left;
}

.add_cheker .chklabel {
    margin-right: 10px;
}

.add_cheker input {
    height: 34px;
}

.alma_loader {
    position: absolute;
    top: 200px;
    left: calc(40% - 50px);
    width: 100px
}

.alma_loader img {
    display: none
}

.step_right {
    float: right;
    margin: -20px 20px 0 0;
    font-weight: bold;
    font-size: 22px;
    color: #4596cc
}

.step_right.alt {
    margin-top: -120px;
}

.step_right.chk {
    color: #ffa500;
}

.main_content_footer form {
    float: left;
}

#sourceTools_chosen {
    width: 100% !important;
}

.note_content h1 {
    font-size: 22px;
}

.note_chunk {
    border-top: 1px solid #f00;
    padding: 10px 0;
}

.notes_content_block {
    display: none;
}

.note_chunk_verses {
    color: #249b45;
    font-weight: bold;
    font-size: 16px;
}

.vnote.l3 {
    position: relative;
    flex: 1;
}

.scripture_l3 {
    flex: 1;
    margin-right: 20px;
    margin-top: 30px;
    padding-top: 20px;
    font-size: 20px;
    font-weight: bold;
    display: none;
}

.scripture_l3 span, .scripture_compare span {
    font-weight: normal;
}

.scripture_l2 {
    display: none;
}

.scripture_compare {
    flex: 1;
    margin-right: 20px;
    margin-top: 30px;
    padding-top: 20px;
    font-size: 20px;
    font-weight: bold;
}

.scripture_compare_alt {
    flex: 1;
    margin-right: 20px;
}

.add_notes {
    text-align: right;
}

.notes_chunk_editor {
    width: 100%;
    margin: 5px 0 5px 0;
    border: 1px solid #ccc;
    padding: 5px;
    position: relative;
}

.notes_chunk_editor textarea {
    width: 100%;
    font-weight: normal;
}

.notes_chunk_editor label {
    display: inline;
}

.notes_chunk_remove {
    position: absolute;
    top: 2px;
    right: 5px;
    width: 20px;
    height: 20px;
    padding: 2px 4px;
    font-size: 11px;
}

.note_chunk h1 {
    font-size: 36px;
}

.toggle-help {
    position:absolute;
    right: 20px;
    top: 15px;
    z-index: 80
}

.button_copy_notes {
    margin: -10px 0 10px 0;
    text-align: center
}

.button_copy_notes button {
    padding-top: 2px;
}

.note-editable .uwlink {
    color: #ff0000;
    display: inline-block;
    word-break: break-word;
}

.is_checker_label {
    position: absolute;
    top: 5px;
    right: 20px;
    color: #ff7802;
}

.tnchk {
    color: #ff7802;
}

.note_content ins, .note_content ins *, .ins {
    background: #d8ffd8;
    text-decoration: none; /*underline*/
}

.note_content del, .note_content del *, .del {
    background: #ffd8d8;
    text-decoration: none; /*line-through*/
}

.orig_text ins {
    background: #d8ffd8;
    text-decoration: none; /*underline*/
}

.orig_text del {
    background: #ffd8d8;
    text-decoration: none; /*line-through*/
}

.notes_target {
    margin-top: 20px;
    display: none;
}

.notes_target_compare {
    margin-top: 20px;
}

.compare_notes {
    text-align: right;
    margin-bottom: 20px;
}

.compare_scripture {
    position: absolute;
}

.notes_translator {
    display: none;
}

.questions_target {
    margin-top: 20px;
}

.chapter_title {
    color: #1b8600;
    text-align: center;
}

.section_translator_name.tnleft {
    float: left;
    width: 200px;
}

.section_translator_name.tnright {
    float: right;
    width: 200px;
    margin-right: 40%;
}

.section_translator_name.tnleft.sun {
    float: left;
    width: 150px;
}

.cacheLoader, .contibLoader {
    margin: 12px 10px 0 0;
    display: none;
}

.verse_block {
    position: relative;
}

.verse_number_l2, .verse_number_l3 {
    position: absolute;
    top: 0;
    left: 2px;
    color: #0089ff;
    font-weight: bold;
    font-size: 12px;
}

.l2_checker_name {
    color: red;
    font-weight: bold;
}

#old_test, #new_test {
    position: relative;
}

.project_progress {
    position: absolute;
    top: -35px;
    left: 40px;
    width: 340px;
}

.importTranslation {
    font-size: 22px;
    cursor: pointer;
    vertical-align: middle;
    position: absolute;
    right: 100px;
    top: 6px;
}

.importInfo {
    position: absolute;
    right: 75px;
    top: 10px;
    font-size: 16px;
}

.import_menu_content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:-9000px; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}

.import_menu_content > .import_menu_content_body {
    display: block;
    position: relative;
    background-color: white;
    border-radius: 5px;
    width: 610px;
    left: calc(50% - 300px);
    top: calc(50% - 250px);
}

.import_menu {
    background-color: #fff;
    font-size: 18px;
    border-radius: 5px;
}

.import_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.import_menu ul li {
    padding: 10px;
    cursor: pointer;
}

.import_menu label {
    font-weight: normal;
    width: 100%;
}

.import_menu ul li input {
    display: none;
}

.import_menu ul li:first-child, .dcs_import_menu ul li:first-child {
    background-color: #337ab7 !important;
    color: #fff !important;
    text-align: center;
    cursor: auto;
    font-weight: bold !important;
    height: 30px;
    padding: 3px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.import_menu ul li:last-child, .dcs_import_menu ul li:last-child {
    background-color: #fff !important;
    color: #222 !important;
    text-align: right;
    font-weight: bold !important;
    height: 40px;
    padding: 7px 10px !important;
    border-top: 1px solid #ccc;
}

.import_menu ul li:hover {
    background-color: #eee;
}

.dcs_import_menu_content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:-9000px; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}

.dcs_import_menu_content > .dcs_import_menu_content_body {
    display: block;
    position: relative;
    background-color: white;
    border-radius: 5px;
    width: 800px;
    left: calc(50% - 400px);
    top: calc(50% - 280px);
}

.dcs_import_menu {
    background-color: #fff;
    font-size: 18px;
    border-radius: 5px;
}

.dcs_import_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dcs_import_menu ul li {
    padding: 10px;
    cursor: pointer;
}

.dcs_list {
    height: 370px;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.dcs_list table {
    width: 100%;
}

.dcs_list th {
    width: 200px;
}

.importLoader {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: none;
}

.help_hide {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 20px;
    cursor: pointer;
}

.help_show {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 20px;
    cursor: pointer;
    display: block;
    visibility: hidden;
}

.sun_font_tools {
    position: relative;
}

.sun_font_tools span {
    position: absolute;
    top: 90px;
    right: 10px;
    font-size: 22px;
}

.sun_font_tools span + div.tooltip {
    font-size: 18px;
}

.saildict_upload {
    position: relative;
    margin: 20px 0;
}

.saildict_upload span {
    position: absolute;
    top: 50px;
    right: 10px;
    font-size: 22px;
}

.saildict_upload span + div.tooltip {
    font-size: 18px;
}

.saildict.tools {
    width: 100%;
    margin-top: 20px;
}

.sail_filter {
    padding: 10px;
}

.sail_filter.tools {
    padding: 0;
}

.sail_list {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.sail_list.tools {
    height: 650px;
}

.sail_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sail_list li {
    padding: 0 10px;
    cursor: pointer;
    position: relative;
}

.sail_list li:hover {
    background-color: #00b9fc;
    color: #fff;
    font-weight: bold;
}

.sail_list.tools li:hover {
    background-color: inherit;
    color: inherit;
}

.sail_list li input {
    position: absolute;
    left: -10000px;
}

.sail_word {
    float: left;
    font-weight: normal !important;
}

.sail_symbol {
    float: right;
}

.sail_list.tools {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.sail_list.tools li {
    vertical-align: middle;
}

.sail_create {
    margin-bottom: 10px;
    padding: 0 !important;
}

.tools_delete_word {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    padding-top: 9px;
    width: 30px;
    height: 30px;
}

.tools_delete_word img {
    margin: -24px 0 0 -10px;
}

.copied_tooltip {
    position: absolute;
    left: calc(50% - 100px);
    top: calc(50% - 15px);
    width: 200px;
    height: 30px;
    text-align: center;
    background-color: #454545;
    color: #fff;
    border-radius: 5px;
    padding-top: 5px;
    display: none;
}

.update_langs, .create_users {
    margin-top: 20px;
}

.tools_title {
    margin-bottom: 10px;
    font-size: 18px;
    display: block;
    font-weight: bold;
    color: #ff880f;
}

#tools img {
    display: none;
}

#tools .note-editor img, #tools .faq_answer img {
    display: initial;
}

#tools .create_news {
    font-family: SUN, Serif;
}

#tools .create_news textarea {
    font-size: 20px;
}

.news_page {
    font-family: SUN, Serif;
    padding: 20px;
    margin: 0 20px;
}

.news_page ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.news_page ul li {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.news_new {
    color: #f00;
    position: absolute;
    top: 5px;
    left: -20px;
}

.news_title {
    font-size: 24px;
    font-weight: bold;
}

.news_category {
    color: #7c7c7c;
}

.news_text {
    font-size: 20px;
    margin-top: 20px;
}

.faq {
    margin-bottom: 20px;
}

.faqs_page {
    font-family: SUN, Serif;
    padding: 20px;
    margin: 0 20px;
    width: 700px;
    color: #222;
}

#faq_tools_content {
    font-family: SUN, Serif;
}

.faq_answer_content {
    display: none;
    font-size: 18px;
    margin-top: 10px;
}

.faq_answer_content .faq_category {
    text-align: right;
    border-right: 1px solid #ccc;
    padding-right: 5px;
    font-weight: bold;
    color: #888;
    margin-top: 10px;
}

.faq_question_header {
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
    position: relative;
}

.faq_question_header span {
    position: absolute;
    left: -30px;
    top: 5px;
    font-size: 14px;
}

.maintanance {
    width: 300px;
    margin: 100px auto;
}

.maintanance_img {
    position: relative;
    height: 250px;
}

.mt_gear {
    position: absolute;
    top: 0;
    left: 70px;
}

.mt_wrench {
    position: absolute;
    top: 70px;
    left: 50px;
}

.maintanance_title {
    color: #ff6100;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.mt_gear{
    -webkit-animation: rotation 10s linear infinite;
    -moz-animation: rotation 10s linear infinite;
    -ms-animation: rotation 10s linear infinite;
}

@-webkit-keyframes rotation {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotation {
    0%   { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotation {
    0%   { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); }
}

.other_check_remove label {
    display: block;
}

.other_check_remove label.disabled {
    color: #ccc;
}

.scripture_chunk {
    margin: 10px 0;
    font-size: 16px;
    padding: 0 20px;
}

.reset_info {
    background: url("/templates/default/assets/img/resetb.jpg") center/100% no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 4px;
}

.make_chunk_info {
    background: url("/templates/default/assets/img/chunk.jpg") center/100% no-repeat;
    width: 30px;
    height: 25px;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 4px;
}

.questions_chunk {
    margin-left: 15px;
}

.questions_bd h1 {
    /*font-size: 20px;*/
}

.questions_bd {
    margin-top: 20px;
}

.questions_editor.locked {
    background: #fff9e4 url("/templates/default/assets/img/lock.png") no-repeat 98% 95%/25px;
}

.buttons_chunk label, .buttons_chunk input {
    cursor: pointer;
}

.ttools_panel {
    width: 400px;
    z-index: 104;
    position: absolute;
    left: calc(50% - 200px);
    top: 150px;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
    display: none;
}

.ttools_panel.rubric_tool {
    width: 800px;
    left: calc(50% - 400px);
}

.read_rubric_qualities {
    height: 600px;
    overflow-y: auto;
    margin: 20px;
    font-size: 18px;
}

.read_rubric_qualities .eng {
    display: none;
}

.read_rubric_quality {
    color: #337ab7;
    font-weight: bold;
}

.read_rubric_def {
    margin: 10px 0 0 50px;
    color: #449d44;
}

.read_rubric_def[dir="rtl"] {
    margin: 10px 50px 0 0;
}

.read_rubric_measurement {
    margin: 10px 0 0 100px;
    color: #ec971f;
    font-style: italic;
}

.read_rubric_measurement[dir="rtl"] {
    margin: 10px 100px 0 0;
}

.read_rubric_tabs > .active {
    font-weight: bold;
}

.ttools_panel .panel-heading {
    cursor: move;
    background-color: #0096c3;
    color: #fff;
}

.notes_editor, .questions_editor {
    padding: 5px;
}

.note-editor.note-frame {
    border: none !important;
}

.note-editor.note-frame .note-editing-area .note-editable {
    background-color: #fff9e4 !important;
}

.note-editor.panel {
    box-shadow: none;
}

.note-editor .note-statusbar {
    display: none;
}

/*.tools_font {*/
/*font-weight: bold;*/
/*margin: 10px 5px 10px 0;*/
/*text-align: right;*/
/*}*/

.progressLoader {
    position: absolute;
    width: 16px;
    right: 2px;
    top: 2px;
    display: none;
}

.language_input_checkbox {
    width: 450px;
    margin-top: 15px;
}

.lang_input_verse {
    position: relative;
    display: flex;
}

.lang_input_verse > textarea {
    height: 40px;
}

.lang_input_verse > span.vn {
    display: block;
    position: absolute;
    top: 0px;
    left: 2px;
    font-weight: bold;
    color: #337ab7;
}

.lang_input_verse button {
    display: none;
    position: absolute;
    top: 0px;
    right: -40px;
    padding-left: 10px;
    width: 35px;
}

.lang_input_verse:last-of-type button {
    display: inline-block;
}

button.add_verse_ta {
    width: 100%;
}

.faq_list.tools ul {
    padding: 0;
    list-style: none;
    height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
}

.faq_list.tools ul li {
    border-bottom: 1px solid #ccc;
    position: relative;
    margin-top: 10px;
}

.faq_list.tools ul li .faq_question {
    font-weight: bold;
    font-size: 18px;
}

.faq_list.tools ul li .faq_cat {
    text-align: right;
    border-right: 1px solid #ccc;
    padding-right: 5px;
    font-weight: bold;
    color: #888;
    margin-top: 10px;
}

.faq_list.tools ul li .tools_delete_faq {
    position: absolute;
    left: 0;
    bottom: 3px;
    top: auto;
    cursor: pointer;
}

.faq_list.tools ul li .tools_delete_faq span {
    color: #F00;
    font-weight: bold;
}

.faq_list.tools ul li .tools_delete_faq span:hover {
    border: 1px solid;
    padding: 0 2px;
    border-radius: 5px;
}

.faq_list.tools ul li .tools_delete_faq img {
    position: absolute;
    width: 16px;
    left: 50px;
    top: 1px;
}

.flex_chunk {
    display: flex;
}

.flex_chunk .hwt-container {
    flex-grow: 1;
}

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

.flex_left {
    flex: 1;
    margin-right: 15px;
}

.flex_middle {
    flex: 1;
    margin-right: 10px;
}

.flex_right {
}

.custom_src_type {
    display: none;
}

.add_custom_src {
    margin-top: 5px;
    text-decoration: underline;
    color: #0f86fe;
    text-align: right;
    cursor: pointer;
    user-select: none;
}

.tools_content {
    display: flex;
}

.tools_content.shown {
    display: flex;
}

.tools_left {
    flex: 1;
    padding: 20px;
}

.tools_right {
    flex: 1;
    border-left: 1px solid #ccc;
    padding: 20px;
}

.footnote {
    background-color: #99edf0;
}

.footer_container {
    margin: 15px 0 0;
    display: flex;
    justify-content: space-between;
}

.download_header a {
    display: block;
    margin-top: 10px;
}

#upload_menu {
    position: absolute;
    right: 20px;
    top: 10px;
    text-align: right;
    user-select: none;
}

#upload_menu ul {
    list-style: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0;
    text-align: left;
    display: none;
}

#upload_menu ul li {
    padding: 5px;
    cursor: pointer;
    color: black;
}

#upload_menu ul li a {
    text-decoration: none;
    color: inherit;
}

#upload_menu ul li:hover {
    background-color: #4596cc;
    color: white;
}

#upload_menu span {
    font-size: 22px;
    cursor: pointer;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.login_cloud_server {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; bottom: 0;
    left:-9000px; right:0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}

.login_cloud_server > .login_cloud_server_body {
    display: block;
    position: relative;
    background-color: white;
    border-radius: 5px;
    width: 300px;
    left: calc(50% - 150px);
    top: calc(50% - 250px);
}

.login_cloud_form {
    margin-top: 20px;
}

.cloudLoginLoader {
    display: none;
    position:absolute;
    bottom: 10px;
    right: 10px;
}

.cloudError {
    color: red;
}

.cloud_otp_code_group {
    display: none;
}