/*
 * Copyright (C) 2018 yours! Ltd
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 */

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.jb_container {
    position: relative;
    width: 100%;
    box-sizing: border-box; }

.jb_column,
.jb_columns {
    width: 100%;
    float: left;
    box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
    .jb_container {
        width: 100%;
        padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
    .jb_container {
        width: 100%; }

    .jb_column,
    .jb_columns {
        margin-left: 4%; }

    .jb_column:first-child,
    .jb_columns:first-child {
        margin-left: 0; }

    .jb_one.jb_column,
    .jb_one.jb_columns                    { width: 4.66666666667%; }
    .jb_two.jb_columns                    { width: 13.3333333333%; }
    .jb_three.jb_columns                  { width: 22%;            }
    .jb_four.jb_columns                   { width: 30.6666666667%; }
    .jb_five.jb_columns                   { width: 39.3333333333%; }
    .jb_six.jb_columns                    { width: 48%;            }
    .jb_seven.jb_columns                  { width: 56.6666666667%; }
    .jb_eight.jb_columns                  { width: 65.3333333333%; }
    .jb_nine.jb_columns                   { width: 74.0%;          }
    .jb_ten.jb_columns                    { width: 82.6666666667%; }
    .jb_eleven.jb_columns                 { width: 91.3333333333%; }
    .jb_twelve.jb_columns                 { width: 100%; margin-left: 0; }

    .jb_one-third.jb_column               { width: 30.6666666667%; }
    .jb_two-thirds.jb_column              { width: 65.3333333333%; }

    .jb_one-half.jb_column                { width: 48%; }

    /* Offsets */
    .jb_offset-by-one.jb_column,
    .jb_offset-by-one.jb_columns          { margin-left: 8.66666666667%; }
    .jb_offset-by-two.jb_column,
    .jb_offset-by-two.jb_columns          { margin-left: 17.3333333333%; }
    .jb_offset-by-three.jb_column,
    .jb_offset-by-three.jb_columns        { margin-left: 26%;            }
    .jb_offset-by-four.jb_column,
    .jb_offset-by-four.jb_columns         { margin-left: 34.6666666667%; }
    .jb_offset-by-five.jb_column,
    .jb_offset-by-five.jb_columns         { margin-left: 43.3333333333%; }
    .jb_offset-by-six.jb_column,
    .jb_offset-by-six.jb_columns          { margin-left: 52%;            }
    .jb_offset-by-seven.jb_column,
    .jb_offset-by-seven.jb_columns        { margin-left: 60.6666666667%; }
    .jb_offset-by-eight.jb_column,
    .jb_offset-by-eight.jb_columns        { margin-left: 69.3333333333%; }
    .jb_offset-by-nine.jb_column,
    .jb_offset-by-nine.jb_columns         { margin-left: 78.0%;          }
    .jb_offset-by-ten.jb_column,
    .jb_offset-by-ten.jb_columns          { margin-left: 86.6666666667%; }
    .jb_offset-by-eleven.jb_column,
    .jb_offset-by-eleven.jb_columns       { margin-left: 95.3333333333%; }

    .jb_offset-by-one-third.jb_column,
    .jb_offset-by-one-third.jb_columns    { margin-left: 34.6666666667%; }
    .jb_offset-by-two-thirds.jb_column,
    .jb_offset-by-two-thirds.jb_columns   { margin-left: 69.3333333333%; }

    .jb_offset-by-one-half.jb_column,
    .jb_offset-by-one-half.jb_columns     { margin-left: 52%; }
}

.jb_container:after,
.jb_row:after {
    content: "";
    display: table;
    clear: both; }


/** WordPatch Styles **/

@media (max-width: 1240px) {
    .jb_columns.jb_full_lt_1240, .jb_column.jb_full_lt_1240 {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 720px) {
    .jb_columns.jb_full_lt_720, .jb_column.jb_full_lt_720 {
        width: 100%;
        margin-left: 0;
    }
}

.wordpatch_screen_reader_text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.wordpatch_page a, .wordpatch_page a:visited {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 600;
    color: #3a74c6;
    text-decoration: underline;
}

#wordpatch_main_wrapper {
    position: relative;
    margin-left: 190px;
    padding-top: 32px;
}

.wp-admin #wordpatch_main_wrapper, .wordpatch_login #wordpatch_main_wrapper {
    margin-left: 0;
    padding-top: 0;
}

.wordpatch_admin_menu_collapse #wordpatch_main_wrapper {
    margin-left: 36px;
}

#wordpatch_admin_menu {
    width: 190px;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 50;
    overflow-x: hidden;
    background: #17162b;
}

#wordpatch_admin_bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 32px;
    z-index: 100;
    overflow: hidden;
    background: #17162b;
}

.wordpatch_admin_menu_icon_ctr {
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wordpatch_admin_menu_icon, .wordpatch_admin_menu_item .fa {
    display: inline-block;
    font-size: 20px;
    color: #bdbce4;
}

.wordpatch_admin_menu_item.wordpatch_admin_menu_item_active .wordpatch_admin_menu_icon,
.wordpatch_admin_menu_item.wordpatch_admin_menu_item_active .wordpatch_admin_menu_item .fa {
    color: white;
}


.wordpatch_admin_bar_flex {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
    box-sizing: border-box;
}

.wordpatch_admin_menu_collapse #wordpatch_admin_menu {
    width: 36px;
}

.wordpatch_admin_menu_flex {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 32px;
}

.wordpatch_admin_menu_top, .wordpatch_admin_menu_bottom, .wordpatch_admin_menu_submenu {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.wordpatch_admin_menu_submenu {
    padding: 6px 0;
    background: #21203e;
}

.wordpatch_admin_bar_left, .wordpatch_admin_bar_right {
    display: flex;
    height: 100%;
}

.wordpatch_admin_bar_item {
    font-size: 13px;
    line-height: 32px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.wordpatch_admin_bar_item, .wordpatch_admin_bar_item a {
    display: flex;
    align-items: center;
}

.wordpatch_admin_bar_item.wordpatch_admin_bar_item_hamburger {
    display: none;
}

.wordpatch_admin_bar_item .fa {
    font-size: 20px;
}

.wordpatch_admin_bar_item, .wordpatch_admin_bar_item a, .wordpatch_admin_bar_item a:visited {
    color: #eee;
}

.wordpatch_admin_bar_item_text {
    margin-left: 6px;
}

.wordpatch_admin_bar_item a {
    text-decoration: none;
}

.wordpatch_admin_menu_item {
    background: #17162b;
}

.wordpatch_admin_menu_item.wordpatch_admin_menu_item_active {
    background: #229aff;
}

.wordpatch_admin_menu_item, .wordpatch_admin_menu_item a {
    display: flex;
    align-items: center;
    line-height: 34px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
}

.wordpatch_admin_menu_item.wordpatch_admin_menu_submenu_item,
.wordpatch_admin_menu_item.wordpatch_admin_menu_submenu_item a {
    font-size: 13px;
}

.wordpatch_admin_menu_item, .wordpatch_admin_menu_item a, .wordpatch_admin_menu_item a:visited {
    color: #d8d7ee;
}

.wordpatch_admin_menu_item.wordpatch_admin_menu_item_active,
.wordpatch_admin_menu_item.wordpatch_admin_menu_item_active a,
.wordpatch_admin_menu_item.wordpatch_admin_menu_item_active a:visited {
    color: white;
}

.wordpatch_admin_menu_item_text {
    margin-left: 6px;
}

.wordpatch_admin_menu_item.wordpatch_admin_menu_submenu_item {
    background: #21203e;
}

.wordpatch_admin_menu_item.wordpatch_admin_menu_submenu_item .wordpatch_admin_menu_item_text {
    margin-left: 0;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    box-sizing: border-box;
}
.wordpatch_admin_menu_item a {
    text-decoration: none;
    width: 100%;
}

.wordpatch_admin_menu_item.wordpatch_admin_menu_submenu_item, .wordpatch_admin_menu_item.wordpatch_admin_menu_submenu_item a {
    line-height: 32px;
}

.wordpatch_metabox {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    background: #ffffff;
    margin-bottom: 20px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.wordpatch_metabox_header {
    font-weight: bold;
    text-transform: uppercase;
    color: #173144;
    font-size: 15px;
    border-bottom: 1px solid #D1DFED;
    padding: 20px 25px;
}

.wordpatch_metabox_jointbyte .wordpatch_metabox_header {
    text-align: center;
    border: none;
    font-size: 13px;
    padding-bottom: 0;
    font-weight: 600;
}

.wordpatch_metabox_jointbyte .wordpatch_metabox_header strong {
    font-weight: 700;
}

.wordpatch_metabox_header2 {
    font-size: 15px;
    border-bottom: 1px solid #D1DFED;
    padding: 0 25px;
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.wordpatch_metabox_header_left {
    padding: 20px 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #173144;
}

.wordpatch_metabox_header_right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wordpatch_metabox_jointbyte .wordpatch_metabox_body {
    padding-top: 19px;
}

.wordpatch_metabox_jointbyte .wordpatch_jointbyte_link {
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #faf8ff;
    background: -moz-linear-gradient(top, #faf8ff 0%, #f4f1f9 100%);
    background: -webkit-linear-gradient(top, #faf8ff 0%,#f4f1f9 100%);
    background: linear-gradient(to bottom, #faf8ff 0%,#f4f1f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf8ff', endColorstr='#f4f1f9',GradientType=0 );
}

.wordpatch_jointbyte_flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
}

.wordpatch_metabox_jointbyte .wordpatch_jointbyte_button {
    flex: 1;
}

.wordpatch_metabox_jointbyte .wordpatch_jointbyte_patch {
    width: 36px;
    height: 36px;
}

.wordpatch_metabox_jointbyte .wordpatch_jointbyte_divider {
    width: 2px;
    height: 20px;
    background: #C5D9EC;
    margin-left: 20px;
    margin-right: 20px;
    flex: none;
}

.wordpatch_metabox_jointbyte .wordpatch_jointbyte_link img {
    max-width: 100%;
}

@media screen and (max-width: 380px) {
    .wordpatch_metabox_jointbyte .wordpatch_jointbyte_divider {
        display: none;
    }

    .wordpatch_metabox_jointbyte .wordpatch_jointbyte_patch {
        display: none;
    }
}

.wordpatch_metabox_body {
    padding: 20px 25px;
    font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #173144;
    font-size: 17px;
}

.wordpatch_metabox_body_multi {
    line-height: 25px;
}

.patch_form_file_max {
    font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #173144;
    font-size: 17px;
}

.patch_form_file_max_num {
    font-weight: 500;
}

.wordpatch_metabox_patches .wordpatch_metabox_body {
    background-color: #F4FAFF;
}

.wordpatch_metabox_flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.wordpatch_metabox_body p {
    margin: 0;
    font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #173144;
    font-size: 17px;
}

.wordpatch_metabox_body label {
    white-space: nowrap;
}
.wordpatch_metabox_body textarea {
    width: 100%;
    height: 300px;
    resize: none;
}

.wordpatch_social_flex_image {
    flex: 1;
    text-align: center;
}

.wordpatch_numbered_list {
    list-style: none;
    margin: 0;
}

.wordpatch_numbered_list_item {
    counter-increment: item;
    margin-bottom: 5px;
}

.wordpatch_numbered_list_item:before {
    content: counter(item);
    background: #DAE9FF;
    border-radius: 100%;
    color: #173144;
    width: 22px;
    height: 18px;
    text-align: center;
    display: inline-block;
    font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin-right: 12px;
}

.wordpatch_numbered_list_item.wordpatch_numbered_list_item_done:before {
    background: #20C86F;
    color: #ffffff;
}

.wordpatch_numbered_list_item.wordpatch_numbered_list_item_next:before {
    background: #5C94E3;
    color: #ffffff;
}

.wordpatch_genericsuccess {
    background: lightgreen;
    border: 1px solid #CCC;
    padding: 0 10px;
    margin-top: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 20px;
}

.wordpatch_genericwarning {
    background: yellow;
    border: 1px solid #CCC;
    padding: 0 10px;
    margin-top: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 20px;
}

.wordpatch_genericerror {
    background: #ed6254;
    border: 1px solid #CCC;
    padding: 0 10px;
    margin-top: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 20px;
}

.wordpatch_existing_label {

}

.wordpatch_existing_size {
    font-weight: 500;
}

.wordpatch_page_title_container {
    padding: 30px 20px;
    margin-bottom: 20px;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
}

.wordpatch_page_title_left, .wordpatch_page_title_right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wordpatch_page_title {
    color: #173144;
    margin: 0;
    line-height: 40px;
    font-size: 36px;
    clear: both;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 782px) {
    .wordpatch_page_title {
        font-size: 24px;
    }
}

.wordpatch_page_title_buttons {
    display: flex;
}

.wordpatch_page_title_buttons .wordpatch_button {
    margin-right: 15px;
}

.wordpatch_page_title_buttons .wordpatch_button:last-child {
    margin-right: 0;
}

.wordpatch_page_subtitle {
    font-weight: 600;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0 0 0;
}

.wordpatch_page_subtitle_title {
    color: #5C94E3;
}

.wordpatch_judgebox_title {
    font-weight: bold;
    font-size: 18px;
}

.wordpatch_page_back, .wordpatch_page_judge {
    font-size: 16px;
    margin: 8px 0;
}

.wordpatch_judge_preview {
    margin-top: 10px;
}

.wordpatch_page_secondary_title {
    font-size: 32px;
    margin: 10px 0;
}

.wordpatch_pre_table_buttons {
    margin-bottom: 20px;
}

.wordpatch_page_top_buttons {
    margin-bottom: 20px;
    font-size: 0;
    display: flex;
    flex-flow: row wrap;
    margin-top: -10px;
}

.wordpatch_page .wordpatch_page_top_buttons .wordpatch_button {
    margin-right: 8px;
    display: block;
    flex: 1 1 0;
    margin-top: 8px;
}

.wordpatch_page {
    padding-left: 20px;
    padding-right: 20px;
}

.wordpatch_mailbox_pagination_links, .wordpatch_logs_pagination_links {
    font-size: 0;
}

.wordpatch_logs_pagination_links, .wordpatch_mailbox_pagination_links {
    padding-bottom: 20px;
    padding-top: 10px;
    display: flex;
    flex-flow: row wrap;
}

.wordpatch_mailbox_page_link, .wordpatch_logs_page_link {
    border: 1px solid #D1DFED;
    background: #FFFFFF;
    box-shadow: 0 2px 0 0 #D1DFED;
}

.wordpatch_mailbox_page_link, .wordpatch_logs_page_link, .wordpatch_pagination_ellipses,
.wordpatch_mailbox_page_link:visited, .wordpatch_logs_page_link:visited,
.wordpatch_page a.wordpatch_mailbox_page_link, .wordpatch_page a.wordpatch_logs_page_link,
.wordpatch_page a.wordpatch_mailbox_page_link:visited, .wordpatch_page a.wordpatch_logs_page_link:visited {
    display: inline-block;
    margin-right: 10px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #6C879B;
    padding: 4px 9px;
    text-decoration: none;
    margin-top: 10px;
}

.wordpatch_mailbox_page_link:hover, .wordpatch_logs_page_link:hover {
    color: #446379;
}

.wordpatch_mailbox_page_link:last-child, .wordpatch_logs_page_link:last-child {
    margin-right: 0;
}

.wordpatch_logs_page_link_current, .wordpatch_mailbox_page_link_current,
.wordpatch_logs_page_link_current:visited, .wordpatch_mailbox_page_link_current:visited,
.wordpatch_page a.wordpatch_logs_page_link.wordpatch_logs_page_link_current, .wordpatch_page a.wordpatch_mailbox_page_link.wordpatch_mailbox_page_link_current,
.wordpatch_page a.wordpatch_logs_page_link.wordpatch_logs_page_link_current:visited, .wordpatch_page a.wordpatch_mailbox_page_link.wordpatch_mailbox_page_link_current:visited {
    background: #5C94E3;
    box-shadow: 0 2px 0 0 #3A74C6;
    color: #ffffff;
    border: none;
}

.wordpatch_logs_page_link_current:hover, .wordpatch_mailbox_page_link_current:hover {
    background: #69A1F0;
}

.wordpatch_logs_pagination_total, .wordpatch_mailbox_pagination_total {
    margin: 0;
    padding-top: 20px;
    font-size: 17px;
    color: #6C879B;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.wordpatch_logs_page_link_previous i, .wordpatch_mailbox_page_link_previous i {
    padding-right: 3px;
    font-weight: 700;
}

.wordpatch_logs_page_link_next i, .wordpatch_mailbox_page_link_next i {
    padding-left: 3px;
    font-weight: 700;
}

.wordpatch_logbox_container {
    overflow-x: scroll;
    max-width: 100%;
}

.wordpatch_mail_preview {
    max-width: 100%;
    margin: 0 auto;
}

.wordpatch_mail_preview table[width="600"] {
    width: 100% !important;
    table-layout: fixed;
}

.wordpatch_mail_preview table[width="100%"] {
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
}

.wordpatch_mail_preview .img-elem.force-width-gmail {
    min-width: 0 !important;
    display: none !important;
}

.wordpatch_mail_preview .pull-left, .wordpatch_mail_preview .pull-right {
    float: none !important;
}

.wordpatch_topboxgeneric, .wordpatch_judgebox {
    background: white;
    border: 1px solid #CCC;
    padding: 10px;
    margin-top: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 20px;
}

.wordpatch_errorbox_ctr {
    padding: 20px;
    background: #FFFFFF;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #173144;
    font-size: 17px;
    margin-bottom: 20px;
}

.wordpatch_page_generic_body .wordpatch_errorbox_ctr, #wordpatch_loginform .wordpatch_errorbox_ctr {
    padding: 15px;
    background: #FCE3E3;
    font-size: 14px;
    color: #C41C1C;
    margin-bottom: 10px;
}

#wordpatch_loginpage {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.wordpatch_logintitle {
    margin-top: 20px;
    color: #72777c;
    font-size: 24px;
}

#wordpatch_loginform {
    margin-left: 0;
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
    padding: 23px 40px 44px 40px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
    margin-right: 10px;
}

.wordpatch_login_header {
    margin-top: 20px;
    margin-left: 0;
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
    padding-top: 9px;
    padding-bottom: 9px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
    border-bottom: 1px solid #D1DFED;
    text-align: center;
    margin-right: 10px;
}

.wordpatch_jobs_caption {
    text-align: left;
    padding-left: 25px;
    font-size: 23px;
    padding-bottom: 20px;
}

.wordpatch_navi_link_jobs_counter {
    color:  #ff0000;
    display: inline-block;
}

#wordpatch_overlays {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    box-sizing: border-box;
    padding: 20px;
}

#wordpatch_overlays.wordpatch_overlays_showing {
    display: flex;
    background: rgba(0,0,0,0.4);
}

.wordpatch_overlay {
    display: none;
}

.wordpatch_overlay_showing {
    display: block;
}

#wordpatch_areyousure_overlay, #wordpatch_loading_overlay, #wordpatch_errornotice_overlay {
    width: 100%;
    max-width: 500px;
    max-height: 500px;
    background: white;
    padding: 20px;
    box-sizing: border-box;
}

.wordpatch_messagebox {
    border: 1px solid black;
    background: white;
    padding: 8px;
    font-weight: bold;
    margin-bottom: 10px;
}

.wordpatch_input_flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.wordpatch_flexme {
    flex: 1;
    max-width: 100%;
}

.wordpatch_previewrescue {
    font-family: "Courier New", Courier, monospace;
    background: white;
    border: 1px solid black;
    padding: 8px;
    margin-bottom: 10px;
}

.wordpatch_loginerror {
    border-left: 4px solid #dc3232;
    padding: 12px;
    margin-left: 0;
    margin-top: 20px;
    box-sizing: border-box;
    width: 100%;
    max-width: 400px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
}

.wordpatch_loginerror p {
    margin: 0;
    padding: 0;
}

.wordpatch_login_description_wrapper {
    padding-bottom: 11px;
    padding-left: 53px;
    padding-right: 53px;
    text-align: center;
}

@media screen and (max-width: 782px) {
    .wordpatch_login_description_wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.wordpatch_logindescription {
    font-size: 17px;
    font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 26px;
}

.wordpatch_logindescription strong {
    font-weight: 600;
}

.wordpatch_login_remember_support {
    padding-bottom: 34px;
}

@media screen and (max-width: 782px) {
    .wordpatch_login_remember_support.wordpatch_input_flex {
        display: block;
    }
}

.wordpatch_login_support {
    display: inline-block;
    font-weight: bold;
    font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    color: #173144;
    text-align: right;
}

.wordpatch_login_logo {

}

.wordpatch_navi_button {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    padding: 14px 16px;
    box-sizing: border-box;
    text-transform: uppercase;
    background: #E4EEF8;
    color: #446379;
    border-radius: 2px;
    white-space: nowrap;
}

.wordpatch_navi_button.active, .wordpatch_navi_button:hover {
    background: #5C94E3;
    color: #ffffff;
}

.wordpatch_navi_button:active {
    background: #D1DFED;
}

.wordpatch_navi_button i {
    margin-right: 10px;
}

#wordpatch_navi_wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#wordpatch_navi {
    background: #ffffff;
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.wp-admin #wordpatch_navi_wrapper {
    padding-left: 0;
}

@media screen and (max-width: 1000px) {
    .wp-admin #wordpatch_navi_wrapper {
        padding-right: 10px;
    }

    #wordpatch_navi {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.wordpatch_navi_logo {
    max-width: 285px;
    min-width: 205px;
    width: 100%;
}

#wordpatch_breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wordpatch_breadcrumb {
    display: flex;
    margin-right: 6px;
    white-space: nowrap;
    align-items: center;
}

.wordpatch_breadcrumb a {
    margin-right: 6px;
}

.wordpatch_breadcrumb:last-child {
    margin-right: 0;
}

#wordpatch_breadcrumbs span {
    color: #6C879B;
    font-weight: 700;
}

#wordpatch_breadcrumbs, #wordpatch_breadcrumbs a {
    font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    line-height: 19px;
}

#wordpatch_breadcrumbs a:last-child, #wordpatch_breadcrumbs span:last-child, #wordpatch_breadcrumbs .fa:last-child {
    margin-right: 0;
}

#wordpatch_breadcrumbs a, #wordpatch_breadcrumbs a:visited, #wordpatch_breadcrumbs a:hover {
    text-decoration: none;
    color: #3A74C6;
}

#wordpatch_breadcrumbs a:hover {
    text-decoration: underline;
}

#wordpatch_breadcrumbs .fa {
    font-size: 8px;
    color: #173144;
}

.wp-admin .wordpatch_page {
    padding-left: 0;
}

@media screen and (max-width: 782px) {
    .wp-admin .wordpatch_page {
        padding-right: 10px;
    }
}

.wordpatch_log_preview {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: #ffffff;
    border: 1px solid #D1DFED;
    border-collapse: collapse;
}

.wordpatch_log_field {
    width: 33.3%;
    background: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    word-wrap: break-word;
}

.wordpatch_log_field:nth-child(3n+1), .wordpatch_log_field:nth-child(3n+3) {
    border-top: 1px solid #D1DFED;
}

.wordpatch_log_field:nth-child(3n+2) {
    border-left: 1px solid #D1DFED;
    border-right: 1px solid #D1DFED;
    border-top: 1px solid #D1DFED;
}

.wordpatch_log_field:nth-child(1), .wordpatch_log_field:nth-child(2), .wordpatch_log_field:nth-child(3) {
    border-top: 0;
}

.wordpatch_log_field_title {
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    margin: 0;
}

.wordpatch_log_field_info {
    font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 17px;
    margin: 0;
}

.wordpatch_mail_preview .wordpatch_log_field {
    width: auto;
    background: none;
    padding: 0;
    margin-bottom: 10px;
    border: 0 !important;
}

@media (max-width: 1240px) {
    .wordpatch_log_preview {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .wordpatch_log_field {
        width: auto;
    }

    .wordpatch_log_field:nth-child(3n+1), .wordpatch_log_field:nth-child(3n+2), .wordpatch_log_field:nth-child(3n+3) {
        border-left: none;
        border-right: none;
        border-top: 1px solid #D1DFED;
        border-bottom: none;
    }

    .wordpatch_log_field:nth-child(1) {
        border-top: 0;
    }

    .wordpatch_log_field:nth-last-child(1) {
        border-bottom: 0;
    }

    .wordpatch_log_field_dummy {
        display: none;
    }
}


.wordpatch_navi_left {
    display: flex;
    flex-direction: row;
}

.wordpatch_patches_container .wordpatch_newpatch {
    display: inline-block;
}

.wordpatch_patches_container .wordpatch_patches_empty {
    font-style: italic;
}

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

.wordpatch_jobs_container .wordpatch_jobs  {
    margin-bottom: 20px;
}

.wordpatch_jobs_container .wordpatch_jobs.wordpatch_jobs_compact {
    margin-bottom: 0;
}

.wordpatch_patches_container .wordpatch_patches .grip,
.wordpatch_jobs_container .wordpatch_jobs .grip {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome and Opera */
}

.wordpatch_patches_container .wordpatch_patches .grip .fa,
.wordpatch_jobs_container .wordpatch_jobs .grip .fa {
    line-height: 26px;
}

.wordpatch_patches_container .wordpatch_patches tr.placeholder,
.wordpatch_jobs_container .wordpatch_jobs tr.placeholder {
    position: relative;
    /** More li styles **/
}

.wordpatch_patches_container .wordpatch_patches tr.placeholder:before,
.wordpatch_jobs_container .wordpatch_jobs tr.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}

.reorder-placeholder {
    height: 26px;
    width: 2px;
    display: inline-block;
}

.wordpatch_input_label {
    color: #5C94E3;
    font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    margin-top: 16px;
    display: block;
}

#wordpatch_loginform .wordpatch_input_label {
    margin-top: 27px;
}

.wordpatch_input_label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.wordpatch_input_text, input[type="text"].wordpatch_input_text, input[type="password"].wordpatch_input_text, textarea.wordpatch_input_text {
    margin-top: 8px;
    padding: 8px 15px;
    width: 100%;
    font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15px;
    color: #6C879B;
    font-weight: 300;
    border: 1px solid #D1DFED;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 2px 0 0 #D1DFED;
}

.wordpatch_metabox_body_with_error .wordpatch_input_text,
.wordpatch_metabox_body_with_error input[type="text"].wordpatch_input_text,
.wordpatch_metabox_body_with_error input[type="password"].wordpatch_input_text,
.wordpatch_metabox_body_with_error textarea.wordpatch_input_text {
    border: 1px solid #fc9292;
    box-shadow: 0 2px 0 0 #fc9292;
}

.wordpatch_input_text:focus, input[type="text"].wordpatch_input_text:focus,
input[type="password"].wordpatch_input_text:focus, textarea.wordpatch_input_text:focus {
    border: 1px solid #9CC4FC;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 2px 0 0 #9CC4FC;
    color: #173144
}

.wordpatch_input_text::-webkit-input-placeholder,
input[type="text"].wordpatch_input_text::-webkit-input-placeholder,
input[type="password"].wordpatch_input_text::-webkit-input-placeholder,
textarea.wordpatch_input_text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #6C879B;
}
.wordpatch_input_text::-moz-placeholder,
input[type="text"].wordpatch_input_text::-moz-placeholder,
input[type="password"].wordpatch_input_text::-moz-placeholder,
textarea.wordpatch_input_text::-moz-placeholder { /* Firefox 19+ */
    color: #6C879B;
}
.wordpatch_input_text:-ms-input-placeholder,
input[type="text"].wordpatch_input_text:-ms-input-placeholder,
input[type="password"].wordpatch_input_text:-ms-input-placeholder,
textarea.wordpatch_input_text:-ms-input-placeholder { /* IE 10+ */
    color: #6C879B;
}
.wordpatch_input_text:-moz-placeholder,
input[type="text"].wordpatch_input_text:-moz-placeholder,
input[type="password"].wordpatch_input_text:-moz-placeholder,
textarea.wordpatch_input_text:-moz-placeholder { /* Firefox 18- */
    color: #6C879B;
}

.wordpatch_input_label_checkbox {
    padding-left: 26px;
}

.wordpatch_input_checkbox {
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    border: 1px solid #D1DFED;
    box-shadow: 0 2px 0 0 #D1DFED;
    height: 16px;
    width: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wordpatch_input_label_file input[type="file"] {
    display: none;
}

.wordpatch_upload_flex_container {
    display: flex;
    align-items: center;
}

#wordpatch_upload_filename {
    margin-left: 10px;
}

.wordpatch_existing_file {
    margin-bottom: 20px;
}

.wordpatch_inputbox_errors {
    margin-top: 10px;
    color: #C41C1C;
    font-size: 13px;
}

.wordpatch_inputbox_errors .wordpatch_inputbox_err {
    margin-bottom: 5px;
}

.wordpatch_inputbox_errors .wordpatch_inputbox_err:last-child {
    margin-bottom: 0;
}

.wordpatch_metabox_body_with_error .wordpatch_input_checkbox {
    border: 1px solid #fc9292;
    box-shadow: 0 2px 0 0 #fc9292;
}

/* On mouse-over, add a grey background color */
.wordpatch_input_label_checkbox:hover input ~ .wordpatch_input_checkbox {
    border: 1px solid #9CC4FC;
    box-shadow: 0 2px 0 0 #9CC4FC;
}

/* When the checkbox is checked, add a blue background */
.wordpatch_input_label_checkbox input:checked ~ .wordpatch_input_checkbox {
    border: 1px solid #5C94E3;
    background: #5C94E3;
    box-shadow: 0 2px 0 0 #3A74C6;
}

/* Create the checkmark/indicator (hidden when not checked) */
.wordpatch_input_checkbox .fa.fa-check {
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.wordpatch_input_label_checkbox input:checked ~ .wordpatch_input_checkbox .fa.fa-check {
    display: block;
}

/* Style the checkmark/indicator */
.wordpatch_input_label_checkbox .wordpatch_input_checkbox .fa.fa-check {
    color: #ffffff;
    left: 2px;
    top: 2px;
    font-size: 13px;
}

.wordpatch_button, input[type="submit"].wordpatch_button, a.wordpatch_button {
    padding: 9px 12px;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 2px 0;
    outline: 0;
}

.wordpatch_button:focus, input[type="submit"].wordpatch_button:focus, a.wordpatch_button:focus {
    outline: 0 !important;
}

.wordpatch_login_button, input[type="submit"].wordpatch_login_button, a.wordpatch_login_button {
    width: 100%;
}

.wordpatch_button_small, input[type="submit"].wordpatch_button_small, a.wordpatch_button_small {
    padding: 6px 8px;
    font-size: 11px;
}

.wordpatch_button_blue, .wordpatch_button_blue:visited, input[type="submit"].wordpatch_button_blue,
input[type="submit"].wordpatch_button_blue:visited, a.wordpatch_button_blue, a.wordpatch_button_blue:visited {
    background: #5C94E3;
    color: #ffffff;
    box-shadow: 0 2px 0 0 #3A74C6;
}

.wordpatch_button_blue:hover, a.wordpatch_button_blue:hover, input[type="submit"].wordpatch_button_blue:hover {
    box-shadow: 0 2px 0 0 #5C94E3;
    color: #ffffff;
}

.wordpatch_button_blue:active, a.wordpatch_button_blue:active, input[type="submit"].wordpatch_button_blue:active {
    background: #3A74C6;
    color: #ffffff;
    box-shadow: 0 2px 0 0 #3A74C6;
}

.wordpatch_button_purple, a.wordpatch_button_purple, .wordpatch_button_purple:visited, a.wordpatch_button_purple:visited,
input[type="submit"].wordpatch_button_purple, input[type="submit"].wordpatch_button_purple:visited {
    background: #A361EE;
    color: #ffffff;
    box-shadow: 0 2px 0 0 #803BCF;
}

.wordpatch_button_purple:hover, a.wordpatch_button_purple:hover, input[type="submit"].wordpatch_button_purple:hover {
    box-shadow: 0 2px 0 0 #A361EE;
    color: #ffffff;
}

.wordpatch_button_purple:active, a.wordpatch_button_purple:active, input[type="submit"].wordpatch_button_purple:active {
    background: #803BCF;
    color: #ffffff;
    box-shadow: 0 2px 0 0 #803BCF;
}

.wordpatch_button_gray, a.wordpatch_button_gray, .wordpatch_button_gray:visited, a.wordpatch_button_gray:visited,
input[type="submit"].wordpatch_button_gray, input[type="submit"].wordpatch_button_gray:visited {
    background: #E4EEF8;
    color: #446379;
    box-shadow: 0 2px 0 0 #c0cad4;
}

.wordpatch_button_gray:hover, a.wordpatch_button_gray:hover, input[type="submit"].wordpatch_button_gray:hover {
    box-shadow: 0 2px 0 0 #E4EEF8;
    color: #446379;
}

.wordpatch_button_gray:active, a.wordpatch_button_gray:active, input[type="submit"].wordpatch_button_gray:active {
    background: #c0cad4;
    color: #446379;
    box-shadow: 0 2px 0 0 #c0cad4;
}

.wordpatch_button_red, a.wordpatch_button_red, .wordpatch_button_red:visited, a.wordpatch_button_red:visited,
input[type="submit"].wordpatch_button_red, input[type="submit"].wordpatch_button_red:visited {
    background: #EA3A3A;
    color: #ffffff;
    box-shadow: 0 2px 0 0 #C41C1C;
}

.wordpatch_button_orange, a.wordpatch_button_orange, .wordpatch_button_orange:visited,
a.wordpatch_button_orange:visited, input[type="submit"].wordpatch_button_orange, input[type="submit"].wordpatch_button_orange:visited {
    background: #eaad00;
    color: #ffffff;
    box-shadow: 0 2px 0 0 #d99e00;
}

.wordpatch_button_red:hover, a.wordpatch_button_red:hover, input[type="submit"].wordpatch_button_red:hover {
    box-shadow: 0 2px 0 0 #EA3A3A;
    color: #ffffff;
}

.wordpatch_button_orange:hover, a.wordpatch_button_orange:hover, input[type="submit"].wordpatch_button_orange:hover {
    box-shadow: 0 2px 0 0 #eaad00;
    color: #ffffff;
}

.wordpatch_button_red:active, a.wordpatch_button_red:active, input[type="submit"].wordpatch_button_red:active {
    background: #C41C1C;
    color: #ffffff;
    box-shadow: 0 2px 0 0 #C41C1C;
}

.wordpatch_button_orange:active, a.wordpatch_button_orange:active, input[type="submit"].wordpatch_button_orange:active {
    background: #d99e00;
    color: #ffffff;
    box-shadow: 0 2px 0 0 #d99e00;
}

.wordpatch_button_green, a.wordpatch_button_green, .wordpatch_button_green:visited, a.wordpatch_button_green:visited,
input[type="submit"].wordpatch_button_green, input[type="submit"].wordpatch_button_green:visited {
    background: #31BF74;
    color: #ffffff;
    box-shadow: 0 2px 0 0 #0DA377;
}

.wordpatch_button_green:hover, a.wordpatch_button_green:hover, input[type="submit"].wordpatch_button_green:hover {
    box-shadow: 0 2px 0 0 #31BF74;
    color: #ffffff;
}

.wordpatch_button_green:active, a.wordpatch_button_green:active, input[type="submit"].wordpatch_button_green:active {
    background: #0DA377;
    color: #ffffff;
    box-shadow: 0 2px 0 0 #0DA377;
}

.wordpatch_button_white, a.wordpatch_button_white, .wordpatch_button_white:visited, a.wordpatch_button_white:visited,
input[type="submit"].wordpatch_button_white,
input[type="submit"].wordpatch_button_white:visited {
    border: 1px solid #D1DFED;
    background: #ffffff;
    color: rgba(68,99,121,0.6);
    box-shadow: 0 2px 0 0 #D1DFED;
}

.wordpatch_button_white:hover, a.wordpatch_button_white:hover, input[type="submit"].wordpatch_button_white:hover {
    color: #446379;
}

.wordpatch_button_white:active, a.wordpatch_button_white:active, input[type="submit"].wordpatch_button_white:active {
    background: #E4EEF8;
    color: #446379;
}

@media screen and (max-width: 782px) {
    .wordpatch_login_support {
        text-align: center;
        margin-top: 27px;
        display: block;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 782px) {
    .wordpatch_login_remember_support {
        padding-bottom: 27px;
    }
}

select.wordpatch_input_select {
    background: #ffffff;
    border: 1px solid #D1DFED;
    max-width: 410px;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 2px 0 0 #D1DFED;
    font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px !important;
    color: #173144;
    font-weight: 600;
    padding: 8px 9px 7px 9px;
    height: auto !important;
    margin-top: 7px;
    cursor: pointer;
}

.wordpatch_metabox_body_with_error select.wordpatch_input_select {
    border: 1px solid #fc9292;
    box-shadow: 0 2px 0 0 #fc9292;
}

/*
 * Orfeas' changes
 * TODO: Re-organize
 */

.jb_dashboard_ctr {
    max-width: 1300px;
}

.wordpatch_metabox_icon {
    color: #5C94E3;
    margin-right: 18px;
    font-size: 16px;
}

.wordpatch_quickstart_list {
    margin-bottom: 22px;
}

.wordpatch_quickstart_item_done:before {
    background: #20C86F;
    color: #fff;
}

.wordpatch_quickstart_item_current:before {
    background: #EA3A3A;
    color: #fff;
}

.wordpatch_quickstart_item_current_first:before {
    background: #5C94E3;
    color: #fff;
}

.wordpatch_button_container {
    clear: both;
}

.jb_dashboard_ctr .wordpatch_metabox_body .wordpatch_button_container {
    padding-top: 20px;
}

.wordpatch_button_container .wordpatch_button, .wordpatch_button_container input[type="submit"].wordpatch_button {
    margin-bottom: 5px;
    margin-right: 15px;
}

.wordpatch_button_container .wordpatch_button:last-child, .wordpatch_button_container input[type="submit"].wordpatch_button:last-child {
    margin-right: 0;
}

.jb_without_quickstart {
    max-width: 1040px;
}

.wordpatch_job_ctr, .wordpatch_job_ctr_placeholder {
    display: flex;
    height: 62px;
    align-items: center;
    background: #fff;
    padding: 12px 24px;
    margin-bottom: 20px;
}

.wordpatch_job_ctr:last-child, .wordpatch_job_ctr_placeholder:last-child {
    margin-bottom: 0;
}

.wordpatch_jobs_compact .wordpatch_job_ctr,
.wordpatch_jobs_compact .wordpatch_job_ctr_placeholder {
    padding: 0;
}

.wordpatch_job_ctr_flex {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.wordpatch_job_label, p.wordpatch_job_label {
    margin: 0 0 8px 0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #173144;
    display: block;
}

.wordpatch_metabox_body p.wordpatch_job_label {
    margin: 0 0 8px 0;
}

.wordpatch_job_labels {
    margin-right: 20px;
}

.wordpatch_job_label:last-child, p.wordpatch_job_label:last-child {
    margin-bottom: 0;
}

.wordpatch_job_ctr_left, .wordpatch_job_ctr_right {
    display: flex;
}

.wordpatch_job_title {
    color: #3A74C6;
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    display: block;
    margin: 0 0 8px;
}

.wordpatch_job_title, .wordpatch_job_title:visited {
    text-decoration: none;
}

.wordpatch_job_title:hover {
    text-decoration: underline;
}

.wordpatch_job_path {
    font-size: 17px;
    line-height: 22px;
    color: #6C879B;
    margin: 0;
    font-weight: normal;
}

.wordpatch_job_reorder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

.wordpatch_job_reorder_righter {
    margin-left: 20px;
}

.wordpatch_job_reorder i, .wordpatch_job_reorder_righter i {
    color: #446379;
}

.wordpatch_job_reorder a, .wordpatch_job_reorder_righter a {
    cursor: pointer;
}

.wordpatch_job_ctr_righter {
    display: none;
}

.wordpatch_job_ctr_placeholder.sortable-placeholder {
    border: 0;
}

.wordpatch_mail_ctr, .wordpatch_mail_ctr_placeholder {
    display: flex;
    height: 62px;
    align-items: center;
    background: #fff;
    padding: 12px 24px;
    margin-bottom: 20px;
}

.wordpatch_mail_ctr:last-child, .wordpatch_mail_ctr_placeholder:last-child {
    margin-bottom: 0;
}

.wordpatch_mail_ctr_flex {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.wordpatch_mail_label, p.wordpatch_mail_label {
    margin: 0 0 8px 0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #173144;
    display: block;
}

.wordpatch_metabox_body p.wordpatch_mail_label {
    margin: 0 0 8px 0;
}

.wordpatch_mail_labels {
    margin-right: 20px;
}

.wordpatch_mail_label:last-child, p.wordpatch_mail_label:last-child {
    margin-bottom: 0;
}

.wordpatch_mail_ctr_left, .wordpatch_job_ctr_right {
    display: flex;
}

.wordpatch_mail_subject {
    color: #3A74C6;
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    display: block;
    margin: 0 0 8px;
}

.wordpatch_mail_subject, .wordpatch_mail_subject:visited {
    text-decoration: none;
}

.wordpatch_mail_subject:hover {
    text-decoration: underline;
}

.wordpatch_mail_datetime {
    font-size: 17px;
    line-height: 22px;
    color: #6C879B;
    margin: 0;
    font-weight: normal;
}

.wordpatch_patch_ctr, .wordpatch_patch_ctr_placeholder {
    display: flex;
    height: 62px;
    align-items: center;
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid #D1DFED;
}

.wordpatch_patch_ctr:last-child, .wordpatch_patch_ctr_placeholder:last-child {
    margin-bottom: 0;
}

.wordpatch_patch_ctr_flex {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.wordpatch_patch_label {
    margin: 0 0 8px 0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 22px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #173144;
    display: block;
}

.wordpatch_patch_labels {
    margin-right: 20px;
}

.wordpatch_patch_label:last-child {
    margin-bottom: 0;
}

.wordpatch_patch_ctr_left, .wordpatch_patch_ctr_right {
    display: flex;
}

.wordpatch_patch_title {
    color: #3A74C6;
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    display: block;
    margin: 0;
}

.wordpatch_patch_title, .wordpatch_patch_title:visited {
    text-decoration: none;
}

.wordpatch_patch_title:hover {
    text-decoration: underline;
}

.wordpatch_patch_reorder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

.wordpatch_patch_reorder_righter {
    margin-left: 20px;
}

.wordpatch_patch_reorder i, .wordpatch_patch_reorder_righter i {
    color: #446379;
}

.wordpatch_patch_reorder a, .wordpatch_patch_reorder_righter a {
    cursor: pointer;
}

.wordpatch_patch_ctr_righter {
    display: none;
}

.wordpatch_log_ctr, .wordpatch_log_ctr_placeholder {
    display: flex;
    height: 62px;
    align-items: center;
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 20px;
}

.wordpatch_log_ctr:last-child, .wordpatch_log_ctr_placeholder:last-child {
    margin-bottom: 0;
}

.wordpatch_log_ctr_flex {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.wordpatch_log_label {
    margin: 0 0 8px 0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 22px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #173144;
    display: block;
}

.wordpatch_log_labels {
    margin-right: 20px;
}

.wordpatch_log_label:last-child {
    margin-bottom: 0;
}

.wordpatch_log_ctr_left, .wordpatch_log_ctr_right {
    display: flex;
}

.wordpatch_log_datetime {
    font-size: 17px;
    line-height: 22px;
    color: #6C879B;
    margin: 0;
    font-weight: normal;
}

.wordpatch_log_ctr_righter {
    display: none;
}

.wordpatch_text_right {
    text-align: right;
    font-size: 0;
    white-space: nowrap;
}

.wordpatch_job_button, .wordpatch_job_button:visited, a.wordpatch_job_button, a.wordpatch_job_button:visited {
    border: 1px solid #D1DFED;
    background: #fff;
    color: #446379;
    box-shadow: 0 2px 0 0 #D1DFED;
    text-transform: none;
    padding: 10px 0;
    font-weight: 600;
    font-size: 13px;
    margin-left: 10px;
    width: 90px;
}

.wordpatch_job_button:first-child, .wordpatch_job_button:visited:first-child,
a.wordpatch_job_button:first-child, a.wordpatch_job_button:visited:first-child {
    margin-left: 0;
}

.wordpatch_job_button:hover, a.wordpatch_job_button:hover {
    box-shadow: 0 2px 0 0 #D1DFED;
    color: #446379;
}

.wordpatch_job_button:active, a.wordpatch_job_button:active {
    background: #E4EEF8;
    box-shadow: none;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 0;
}

.wordpatch_job_button i, a.wordpatch_job_button i {
    display: block;
    font-size: 16px;
    color: #446379;
    margin-bottom: 4px;
    opacity: 0.6;
}

.wordpatch_job_button:hover i, .wordpatch_job_button:active i,
a.wordpatch_job_button:hover i, a.wordpatch_job_button:active i {
    opacity: 1.0;
}

.wordpatch_job_button.wordpatch_flat, a.wordpatch_job_button.wordpatch_flat {
    box-shadow: none;
    padding-top: 11px;
    padding-bottom: 11px;
    cursor: default;
    margin-bottom: 0;
}

.wordpatch_job_button.wordpatch_flat:active, a.wordpatch_job_button.wordpatch_flat:active {
    background: #fff;
}

.wordpatch_job_button.wordpatch_flat i, a.wordpatch_job_button.wordpatch_flat i {
    opacity: 1.0;
}

.wordpatch_status_green, .wordpatch_status_green:hover, .wordpatch_status_green:visited,
a.wordpatch_status_green, a.wordpatch_status_green:hover, a.wordpatch_status_green:visited, .wordpatch_status_green i,
.wordpatch_job_button.wordpatch_status_green i, a.wordpatch_job_button.wordpatch_status_green i {
    color: #0DA377;
}

.wordpatch_status_blue, .wordpatch_status_blue:hover, .wordpatch_status_blue:visited,
a.wordpatch_status_blue, a.wordpatch_status_blue:hover, a.wordpatch_status_blue:visited, .wordpatch_status_blue i,
.wordpatch_job_button.wordpatch_status_blue i, a.wordpatch_job_button.wordpatch_status_blue i {
    color: #3A74C6;
}

.wordpatch_status_orange, .wordpatch_status_orange:hover, .wordpatch_status_orange:visited, a.wordpatch_status_orange,
a.wordpatch_status_orange:hover, a.wordpatch_status_orange:visited, .wordpatch_status_orange i,
.wordpatch_job_button.wordpatch_status_orange i, a.wordpatch_job_button.wordpatch_status_orange i {
    color: #DB9100;
}

.wordpatch_status_red, .wordpatch_status_red:hover, .wordpatch_status_red:visited,
a.wordpatch_status_red, a.wordpatch_status_red:hover, a.wordpatch_status_red:visited, .wordpatch_status_red i,
.wordpatch_job_button.wordpatch_status_red i, a.wordpatch_job_button.wordpatch_status_red i {
    color: #C41C1C;
}

.wordpatch_job_button.wordpatch_job_alert, a.wordpatch_job_button.wordpatch_job_alert {
    border: 1px solid #F2CC81;
    background: #FFF2DA;
    box-shadow: 0 2px 0 0 #F2CC81;
    color: #173144;
}

.wordpatch_job_button.wordpatch_job_alert i, a.wordpatch_job_button.wordpatch_job_alert i {
    color: #eaad00;
    opacity: 0.8;
}

.wordpatch_job_button.wordpatch_job_alert:hover i, a.wordpatch_job_button.wordpatch_job_alert:hover i {
    opacity: 1.0;
}

.wordpatch_job_button.wordpatch_job_alert:active, a.wordpatch_job_button.wordpatch_job_alert:active {
    background: #faedd5;
    box-shadow: none;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 0;
}

@media (max-width: 1300px) {
    .wordpatch_job_ctr, .wordpatch_job_ctr_placeholder {
        height: 40px;
    }

    .wordpatch_job_labels {
        display: none;
    }

    .wordpatch_job_button span, a.wordpatch_job_button span {
        display: none;
    }

    .wordpatch_job_title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 0;
    }

    .wordpatch_job_meta {
        max-width: 100%;
    }

    .wordpatch_job_path {
        display: none;
    }

    .wordpatch_job_ctr_left {
        max-width: calc(100% - 270px);
    }

    .wordpatch_jobs_compact .wordpatch_job_ctr_left {
        max-width: calc(100% - 100px);
    }

    .wordpatch_patch_ctr, .wordpatch_patch_ctr_placeholder {
        height: 40px;
    }

    .wordpatch_log_ctr, .wordpatch_log_ctr_placeholder {
        height: 40px;
    }

    .wordpatch_patch_labels {
        display: none;
    }

    .wordpatch_patch_button span {
        display: none;
    }

    .wordpatch_patch_title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 0;
    }

    .wordpatch_mail_subject, .wordpatch_mail_datetime {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .wordpatch_mail_meta {
        max-width: 100%;
    }

    .wordpatch_mail_ctr_left {
        max-width: calc(100% - 50px);
    }

    .wordpatch_patch_meta {
        max-width: 100%;
    }

    .wordpatch_patch_ctr_left {
        max-width: calc(100% - 140px);
    }
    
    .wordpatch_job_button, a.wordpatch_job_button {
        width: 40px;
        height: 32px;
        padding: 0;
        line-height: 32px;
        margin-left: 4px;
    }

    .wordpatch_job_button i, a.wordpatch_job_button i {
        line-height: 32px;
    }

    .wordpatch_job_button.wordpatch_flat, a.wordpatch_job_button.wordpatch_flat {
        height: 34px;
        margin-bottom: 0;
        padding: 0;
    }

    .wordpatch_job_button.wordpatch_flat i, a.wordpatch_job_button.wordpatch_flat i {
        line-height: 34px;
    }

    .wordpatch_job_button:active, a.wordpatch_job_button:active {
        height: 34px;
        margin-bottom: 0;
        padding: 0;
    }

    .wordpatch_job_button:active i, a.wordpatch_job_button:active i {
        line-height: 34px;
    }

    .wordpatch_job_button.wordpatch_job_alert:active, a.wordpatch_job_button.wordpatch_job_alert:active {
        padding: 0;
        height: 34px;
        margin-bottom: 0;
    }

    .wordpatch_job_button.wordpatch_job_alert:active i, a.wordpatch_job_button.wordpatch_job_alert:active i {
        line-height: 34px;
    }
}

@media (max-width: 670px) {
    .wordpatch_job_ctr, .wordpatch_job_ctr_placeholder {
        height: 70px;
    }

    .wordpatch_jobs_compact .wordpatch_job_ctr, .wordpatch_jobs_compact .wordpatch_job_ctr_placeholder {
        height: 40px;
    }

    .wordpatch_job_ctr_righter {
        display: flex;
    }

    .wordpatch_job_reorder {
        display: none;
    }

    .wordpatch_job_ctr_left {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .wordpatch_jobs_compact .wordpatch_job_ctr_left {
        max-width: calc(100% - 100px);
        margin-bottom: 0;
    }

    .wordpatch_job_ctr_flex {
        max-width: calc(100% - 32px);
        flex-direction: column;
        align-items: flex-start;
    }

    .wordpatch_jobs_compact .wordpatch_job_ctr_flex {
        max-width: 100%;
        flex-direction: row;
        align-items: center;
    }

    .wordpatch_patch_ctr, .wordpatch_patch_ctr_placeholder {
        height: 70px;
    }

    .wordpatch_patch_ctr_righter {
        display: flex;
    }

    .wordpatch_patch_reorder {
        display: none;
    }

    .wordpatch_patch_ctr_left {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .wordpatch_patch_ctr_flex {
        max-width: calc(100% - 32px);
        flex-direction: column;
        align-items: flex-start;
    }

    .wordpatch_mail_labels {
        display: none;
    }

    .wordpatch_mail_subject {
        font-size: 15px;
    }

    .wordpatch_mail_datetime {
        font-size: 15px;
    }
}

.wordpatch_inputflex {
    display: flex;
}

.wordpatch_flex_label {
    line-height: 36px;
    height: 36px;
    border: 1px solid #D1DFED;
    background-color: #F0F6FB;
    box-shadow: 0 2px 0 0 #D1DFED;
    margin-top: 8px;
    margin-right: -2px;
    padding: 0 12px;
    color: #6C879B;
    font-size: 15px;
}

.wordpatch_metabox_alert_hero .wordpatch_metabox_body {
    text-align: center;
    padding: 50px 25px;
}

.wordpatch_page_generic {

}

.wordpatch_page_generic_body {
    background: #FFFFFF;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.wordpatch_page_generic_body:last-child {
    margin-bottom: 0;
}

.wordpatch_page_generic_buttons {
    margin-top: 20px;
    background: #FFFFFF;
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wordpatch_page_generic_heading {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #173144;
    font-size: 36px;
    font-weight: 600;
}

.wordpatch_page_generic_body p {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #173144;
    font-size: 17px;
    font-weight: 400;
}

.wordpatch_page_generic_body p strong {
    font-weight: 600;
}


.wordpatch_overlay_title {

}

.wordpatch_overlay_header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.wordpatch_overlay_push {
    opacity: 0;
}

.wordpatch_overlay_icon {
    font-size: 50px;
    margin-bottom: 20px;
    text-align: center;
}

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

.wordpatch_ays_yes, .wordpatch_ays_no {
    flex-basis: 30%;
}

/**
 * Diff Editor CSS
 */
.wordpatch_code_editor_buttons {
    margin: 15px 0;
}

/*
  MDN-LIKE Theme - Mozilla
  Ported to CodeMirror by Peter Kroon <plakroon@gmail.com>
  Report bugs/issues here: https://github.com/codemirror/CodeMirror/issues
  GitHub: @peterkroon

  The mdn-like theme is inspired on the displayed code examples at: https://developer.mozilla.org/en-US/docs/Web/CSS/animation

*/
.cm-s-mdn-like.CodeMirror { color: #999; background-color: #fff; }
.cm-s-mdn-like div.CodeMirror-selected { background: #cfc; }
.cm-s-mdn-like .CodeMirror-line::selection, .cm-s-mdn-like .CodeMirror-line > span::selection, .cm-s-mdn-like .CodeMirror-line > span > span::selection { background: #cfc; }
.cm-s-mdn-like .CodeMirror-line::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection { background: #cfc; }

.cm-s-mdn-like .CodeMirror-gutters { background: #f8f8f8; border-left: 6px solid rgba(0,83,159,0.65); color: #333; }
.cm-s-mdn-like .CodeMirror-linenumber { color: #aaa; padding-left: 8px; }
.cm-s-mdn-like .CodeMirror-cursor { border-left: 2px solid #222; }

.cm-s-mdn-like .cm-keyword { color: #6262FF; }
.cm-s-mdn-like .cm-atom { color: #F90; }
.cm-s-mdn-like .cm-number { color:  #ca7841; }
.cm-s-mdn-like .cm-def { color: #8DA6CE; }
.cm-s-mdn-like span.cm-variable-2, .cm-s-mdn-like span.cm-tag { color: #690; }
.cm-s-mdn-like span.cm-variable-3, .cm-s-mdn-like span.cm-def, .cm-s-mdn-like span.cm-type { color: #07a; }

.cm-s-mdn-like .cm-variable { color: #07a; }
.cm-s-mdn-like .cm-property { color: #905; }
.cm-s-mdn-like .cm-qualifier { color: #690; }

.cm-s-mdn-like .cm-operator { color: #cda869; }
.cm-s-mdn-like .cm-comment { color:#777; font-weight:normal; }
.cm-s-mdn-like .cm-string { color:#07a; font-style:italic; }
.cm-s-mdn-like .cm-string-2 { color:#bd6b18; } /*?*/
.cm-s-mdn-like .cm-meta { color: #000; } /*?*/
.cm-s-mdn-like .cm-builtin { color: #9B7536; } /*?*/
.cm-s-mdn-like .cm-tag { color: #997643; }
.cm-s-mdn-like .cm-attribute { color: #d6bb6d; } /*?*/
.cm-s-mdn-like .cm-header { color: #FF6400; }
.cm-s-mdn-like .cm-hr { color: #AEAEAE; }
.cm-s-mdn-like .cm-link { color:#ad9361; font-style:italic; text-decoration:none; }
.cm-s-mdn-like .cm-error { border-bottom: 1px solid red; }

div.cm-s-mdn-like .CodeMirror-activeline-background { background: #efefff; }
div.cm-s-mdn-like span.CodeMirror-matchingbracket { outline:1px solid grey; color: inherit; }

.cm-s-mdn-like.CodeMirror { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAyCAYAAAAp8UeFAAAHvklEQVR42s2b63bcNgyEQZCSHCdt2vd/0tWF7I+Q6XgMXiTtuvU5Pl57ZQKkKHzEAOtF5KeIJBGJ8uvL599FRFREZhFx8DeXv8trn68RuGaC8TRfo3SNp9dlDDHedyLyTUTeRWStXKPZrjtpZxaRw5hPqozRs1N8/enzIiQRWcCgy4MUA0f+XWliDhyL8Lfyvx7ei/Ae3iQFHyw7U/59pQVIMEEPEz0G7XiwdRjzSfC3UTtz9vchIntxvry5iMgfIhJoEflOz2CQr3F5h/HfeFe+GTdLaKcu9L8LTeQb/R/7GgbsfKedyNdoHsN31uRPWrfZ5wsj/NzzRQHuToIdU3ahwnsKPxXCjJITuOsi7XLc7SG/v5GdALs7wf8JjTFiB5+QvTEfRyGOfX3Lrx8wxyQi3sNq46O7QahQiCsRFgqddjBouVEHOKDgXAQHD9gJCr5sMKkEdjwsarG/ww3BMHBU7OBjXnzdyY7SfCxf5/z6ATccrwlKuwC/jhznnPF4CgVzhhVf4xp2EixcBActO75iZ8/fM9zAs2OMzKdslgXWJ9XG8PQoOAMA5fGcsvORgv0doBXyHrCwfLJAOwo71QLNkb8n2Pl6EWiR7OCibtkPaz4Kc/0NNAze2gju3zOwekALDaCFPI5vjPFmgGY5AZqyGEvH1x7QfIb8YtxMnA/b+QQ0aQDAwc6JMFg8CbQZ4qoYEEHbRwNojuK3EHwd7VALSgq+MNDKzfT58T8qdpADrgW0GmgcAS1lhzztJmkAzcPNOQbsWEALBDSlMKUG0Eq4CLAQWvEVQ9WU57gZJwZtgPO3r9oBTQ9WO8TjqXINx8R0EYpiZEUWOF3FxkbJkgU9B2f41YBrIj5ZfsQa0M5kTgiAAqM3ShXLgu8XMqcrQBvJ0CL5pnTsfMB13oB8athpAq2XOQmcGmoACCLydx7nToa23ATaSIY2ichfOdPTGxlasXMLaL0MLZAOwAKIM+y8CmicobGdCcbbK9DzN+yYGVoNNI5iUKTMyYOjPse4A8SM1MmcXgU0toOq1yO/v8FOxlASyc7TgeYaAMBJHcY1CcCwGI/TK4AmDbDyKYBBtFUkRwto8gygiQEaByFgJ00BH2M8JWwQS1nafDXQCidWyOI8AcjDCSjCLk8ngObuAm3JAHAdubAmOaK06V8MNEsKPJOhobSprwQa6gD7DclRQdqcwL4zxqgBrQcabUiBLclRDKAlWp+etPkBaNMA0AKlrHwTdEByZAA4GM+SNluSY6wAzcMNewxmgig5Ks0nkrSpBvSaQHMdKTBAnLojOdYyGpQ254602ZILPdTD1hdlggdIm74jbTp8vDwF5ZYUeLWGJpWsh6XNyXgcYwVoJQTEhhTYkxzZjiU5npU2TaB979TQehlaAVq4kaGpiPwwwLkYUuBbQwocyQTv1tA0+1UFWoJF3iv1oq+qoSk8EQdJmwHkziIF7oOZk14EGitibAdjLYYK78H5vZOhtWpoI0ATGHs0Q8OMb4Ey+2bU2UYztCtA0wFAs7TplGLRVQCcqaFdGSPCeTI1QNIC52iWNzof6Uib7xjEp07mNNoUYmVosVItHrHzRlLgBn9LFyRHaQCtVUMbtTNhoXWiTOO9k/V8BdAc1Oq0ArSQs6/5SU0hckNy9NnXqQY0PGYo5dWJ7nINaN6o958FWin27aBaWRka1r5myvLOAm0j30eBJqCxHLReVclxhxOEN2JfDWjxBtAC7MIH1fVaGdoOp4qJYDgKtKPSFNID2gSnGldrCqkFZ+5UeQXQBIRrSwocbdZYQT/2LwRahBPBXoHrB8nxaGROST62DKUbQOMMzZIC9abkuELfQzQALWTnDNAm8KHWFOJgJ5+SHIvTPcmx1xQyZRhNL5Qci689aXMEaN/uNIWkEwDAvFpOZmgsBaaGnbs1NPa1Jm32gBZAIh1pCtG7TSH4aE0y1uVY4uqoFPisGlpP2rSA5qTecWn5agK6BzSpgAyD+wFaqhnYoSZ1Vwr8CmlTQbrcO3ZaX0NAEyMbYaAlyquFoLKK3SPby9CeVUPThrSJmkCAE0CrKUQadi4DrdSlWhmah0YL9z9vClH59YGbHx1J8VZTyAjQepJjmXwAKTDQI3omc3p1U4gDUf6RfcdYfrUp5ClAi2J3Ba6UOXGo+K+bQrjjssitG2SJzshaLwMtXgRagUNpYYoVkMSBLM+9GGiJZMvduG6DRZ4qc04DMPtQQxOjEtACmhO7K1AbNbQDEggZyJwscFpAGwENhoBeUwh3bWolhe8BTYVKxQEWrSUn/uhcM5KhvUu/+eQu0Lzhi+VrK0PrZZNDQKs9cpYUuFYgMVpD4/NxenJTiMCNqdUEUf1qZWjppLT5qSkkUZbCwkbZMSuVnu80hfSkzRbQeqCZSAh6huR4VtoM2gHAlLf72smuWgE+VV7XpE25Ab2WFDgyhnSuKbs4GuGzCjR+tIoUuMFg3kgcWKLTwRqanJQ2W00hAsenfaApRC42hbCvK1SlE0HtE9BGgneJO+ELamitD1YjjOYnNYVcraGhtKkW0EqVVeDx733I2NH581k1NNxNLG0i0IJ8/NjVaOZ0tYZ2Vtr0Xv7tPV3hkWp9EFkgS/J0vosngTaSoaG06WHi+xObQkaAdlbanP8B2+2l0f90LmUAAAAASUVORK5CYII=); }

#wordpatch_simple_patch_diff_ctr .cm-tab {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
    background-position: right;
    background-repeat: no-repeat;
}

#wordpatch_simple_patch_diff_ctr .cm-trailingspace {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==);
    background-position: bottom left;
    background-repeat: repeat-x;
}

#wordpatch_simple_patch_diff_ctr .CodeMirror-merge-scrolllock-wrap {
    display: none;
}

.wordpatch-codemirror-before-pane, .wordpatch-codemirror-after-gap {
    white-space: normal;
}

#wordpatch_simple_patch_diff_ctr .CodeMirror-merge-pane-rightmost {
    position: static;
    right: auto;
}

#wordpatch_simple_patch_diff_ctr .CodeMirror-merge-2pane .CodeMirror-merge-pane {
    border: 1px solid black;
    box-sizing: border-box;
}

.wordpatch_simple_labels_both {
    display: flex;
    height: 28px;
    align-items: center;
}

.wordpatch-codemirror-after-gap {
    display: none;
    height: 28px;
    align-items: center;
}

.wordpatch_simple_labels_just_left {
    display: none;
    height: 28px;
    align-items: center;
}

.wordpatch_simple_labels_both_left, .wordpatch_simple_labels_both_right {
    width: 47%;
}

.wordpatch_simple_labels_both_left p, .wordpatch_simple_labels_both_right p, .wordpatch_simple_labels_just_right p,
.wordpatch_simple_labels_just_left p {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #173144;
}

.wordpatch_simple_labels_both_spacer {
    width: 6%;
}

#wordpatch_simple_patch_diff_ctr .CodeMirror-merge {
    border: 0;
}

#wordpatch_simple_patch_diff_ctr .CodeMirror-merge {
    height: 528px;
}

#wordpatch_simple_patch_diff_ctr .CodeMirror-merge .CodeMirror{
    height: 498px;
}

#wordpatch_simple_patch_diff_ctr .CodeMirror-merge-gap {
    height: 500px;
}

@media screen and (max-width: 1200px) {
    .wordpatch_simple_labels_both {
        display: none;
    }

    .wordpatch_simple_labels_just_left {
        display: flex;
    }

    #wordpatch_simple_patch_diff_ctr .CodeMirror-merge-2pane .CodeMirror-merge-gap {
        display: none;
    }

    #wordpatch_simple_patch_diff_ctr .CodeMirror-merge-2pane .CodeMirror-merge-pane {
        width: 100%;
        display: block;
    }

    #wordpatch_simple_patch_diff_ctr .CodeMirror-merge {
        height: 658px;
    }

    #wordpatch_simple_patch_diff_ctr .CodeMirror-merge .CodeMirror,
    #wordpatch_simple_patch_diff_ctr .CodeMirror-merge-gap {
        height: 298px;
    }

    #wordpatch_simple_patch_diff_ctr .CodeMirror-merge-gap {
        height: 300px;
    }

    .wordpatch-codemirror-after-gap {
        display: flex;
    }
}

@media screen and (max-width: 782px) {
    .wordpatch_page_generic_buttons .wordpatch_button {
        width: 100%;
    }

    .wordpatch_page_generic_buttons .wordpatch_button:first-child {
        margin-bottom: 10px;
    }

    .wordpatch_inputflex {
        flex-direction: column;
    }

    .wordpatch_flex_label {
        margin-right: 0;
    }

    #wordpatch_admin_bar {
        height: 46px;
    }

    .wordpatch_admin_menu_flex {
        padding-top: 46px;
    }

    #wordpatch_admin_menu {
        display: none;
    }

    .wordpatch_admin_hamburger_open #wordpatch_admin_menu {
        display: block;
    }

    #wordpatch_main_wrapper {
        margin-left: 0;
        padding-top: 46px;
    }

    .wordpatch_admin_bar_item {
        width: 46px;
        justify-content: center;
        align-items: center;
    }

    .wordpatch_admin_bar_item a {
        width: 100%;
        height: 100%;
        justify-content: center;
    }

    .wordpatch_admin_bar_item.wordpatch_admin_bar_item_hamburger {
        display: flex;
    }

    .wordpatch_admin_hamburger_open .wordpatch_admin_bar_item.wordpatch_admin_bar_item_hamburger {
        background: #21203e;
    }

    .wordpatch_admin_bar_item_text {
        display: none;
    }

    .wordpatch_admin_bar_item .fa {
        font-size: 28px;
    }

    .wordpatch_admin_menu_item, .wordpatch_admin_menu_item a {
        line-height: 40px;
        font-size: 18px;
    }

    .wordpatch_admin_menu_item.wordpatch_admin_menu_submenu_item,
    .wordpatch_admin_menu_item.wordpatch_admin_menu_submenu_item a {
        font-size: 16px;
    }

    .wordpatch_admin_menu_item.wordpatch_admin_menu_submenu_item, .wordpatch_admin_menu_item.wordpatch_admin_menu_submenu_item a {
        line-height: 36px;
    }

    .wordpatch_upload_flex_container {
        flex-direction: column;
        align-items: flex-start;
    }

    #wordpatch_upload_filename {
        margin-left: 0;
        margin-top: 10px;
    }

    .wordpatch_admin_bar_flex {
        padding: 0;
    }
}