/* =========================================*/
/* GENERAL                                  */
/* ======================================== */

input, textarea, select, button {
    color: #444;
}

/* =========================================*/
/* ADMIN                                    */
/* ======================================== */

.admin-title {
    display: none;
    white-space: nowrap !important;
}

body.change-form #content-main {
    margin-bottom: 52px !important;
}

/* =========================================*/
/* LOGIN                                    */
/* ======================================== */

#login-form label.interface {
    vertical-align: baseline !important;
}
.login .form-row {
    height: auto !important;
}
.login .form-row label {
    width: 120px !important;
}
input.interface {
    margin: -2px 5px 0 0px;
    vertical-align: middle;
}
#id_username {
    margin-top: 5px;
}
input[type="submit"] {
    
}

.login #content-main, .login .submit-row {
	width: 115px !important;
}

.login input[type="text"],
.login input[type="password"] {
    width: 194px !important;
    padding-right: 0px !important;
}

.login .chzn-container-single .chzn-single {
    height: 24px !important;
}

.login .chzn-container-single .chzn-single,
.login .chzn-container-single .chzn-drop {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, white)) !important;
    background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, white 50%) !important;
    background-image: -moz-linear-gradient(center bottom, #ffffff 0%, white 50%) !important;
    background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%) !important;
    background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%) !important;
}

/* =========================================*/
/* FORM BUTTONS                             */
/* ======================================== */

.change-view-save-another,
.change-view-save-new {
    display: none !important;
}
.change-form .submit-row {
    z-index: 9999 !important;
}

/* =========================================*/
/* TREE VIEW                                */
/* ======================================== */

#tree div {
    height: 18px;
    padding-top: 8px !important;
    padding-bottom: 7px !important;
}
#tree .addlist {
    position: relative;
    top: 4px !important;
    margin-top: -8px !important;
}
#tree .tree-toggle .icon {
    padding: 2px 2px 1px 1px !important;
}
#tree .tree-toggle .icon.close {
    font-size: 16px;
}

.button-publish {
    position: relative;
    float: right;
    width: auto;
    margin-right: -186px;
    margin-left: 40px;
    margin-top: -6px;
    width: 100px;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.button-publish {
    font-size: 13px;
    padding: 6px 12px 6px 30px !important;
    border: solid 1px #309bbf;
    color: #309bbf;
    cursor: pointer;
}
.button-publish:before {
    content: url('../img/icon-refresh.svg');
    width: 16px;
    height: 16px;
    display: inline-flex;
    position: absolute;
    left: 10px;
    top: 6px;
}
.button-publish.disabled {
    border: solid 1px #969696 !important;
    color: #969696 !important;
}
.button-publish.disabled:before {
    content: '' !important;
}
.loader-publish {
    float: right;
    margin-right: -68px;
    margin-top: 2px;
    display: none;
}
.loader-publish.loading {
    display: inline-block !important;
    content: url('../img/ajax-loader.gif');
}
.guide-published .button-publish {
    border: solid 1px #0A8200;
    color: #0A8200;
}
.guide-published .button-publish:before {
    content: url('../img/icon-check.svg');
    width: 16px;
    height: 16px;
    display: inline-flex;
    position: absolute;
    left: 11px;
    top: 6px;
}

#tree .delete:not(.grappelli-delete) {
    background: none !important;
}

.button-linkchecker {
    padding: 6px 21px 6px 21px !important;
}
.button-linkchecker:before {
    content: '';
}

/* =========================================*/
/* PAGE TREE                                */
/* ======================================== */

#tree {
    width: 750px !important;
}
#tree .changelink {
    max-width: 450px !important;
    overflow: hidden;
    white-space: nowrap;
}

#addlist-primary {
    width: 705px !important;
}

.page_tree_item_guide,
.page_tree_item_linkedguide,
.page_tree_item_Tour {
    background: rgba(255,150,0,0.1) !important;
}

.page_tree_item_highlight,
.page_tree_item_linkedhighlight,
.page_tree_item_Quest {
    background: rgba(32,50,255,0.1) !important;
}

.page_tree_item_textpage {
    background: rgba(105, 141, 211, 0.1)!important;
}

.page_tree_item_map,
.page_tree_item_QuestMap {
    background: rgba(58,178,51,0.1)!important;
}

.page_tree_item_category {
    background: rgba(255,255,255,0.1)!important;
}

.page_tree_item_guide .model_name,
.page_tree_item_highlight .model_name,
.page_tree_item_linkedhighlight .model_name,
.page_tree_item_map .model_name {
    text-transform: capitalize;
}

.page_tree_item_status_False > div,
.page_tree_item_status_False * li > div {
    opacity: 1.0 !important;                /* Draft */
    background: rgba(192,192,192,0.1) !important;
}
.page_tree_item_status_True {
    opacity: 1.0 !important;                /* Published */
}

.change-list #tree select {
    background-color: transparent !important;
}

/* =========================================*/
/* PAGE TREE - DRAG/DROP PLACEHOLDERS       */
/* ======================================== */

.page_tree_item_wrapper_category .placeholder,
.page_tree_item_wrapper_map .placeholder,
.page_tree_item_wrapper_linkedguide .placeholder {
    display: none !important;
}

/* =========================================*/
/* VALIDATION                               */
/* ======================================== */

.button-show-validation {
    float: right;
    width: auto;
    margin-right: -325px;
    margin-left: 40px;
    margin-top: -6px;
    width: 100px;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.button-show-validation {
    font-size: 13px;
    padding: 6px 12px 6px 12px !important;
    margin-left: -10px;
    border: solid 1px #BC3331;
    color: #BC3331;
    cursor: pointer;
}

.guide-validation-msg p {
    font-weight: bold !important;
}

.ui-dialog {
    background-color: #fff;
    padding: 20px;
    border: solid 1px #ccc !important;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25) !important;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25) !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.25) !important;
}
.ui-dialog-titlebar {
    display: none !important;
}
.ui-dialog-buttonpane {
    margin-top: 15px;
}
.ui-dialog .list-header {
    margin-top: 8px;
}
.ui-dialog .list-item {
    margin-left: 8px;
    font-weight: normal !important;
}
.ui-dialog .ui-dialog-buttonset button {
    float: right;
}

/* =========================================*/
/* PAGE FORMS                               */
/* ======================================== */

#content > h1 {
    display: none;
}

.field-slug .help,
.field-status .help {
    display: none !important;
}

.field-publish_date,
.field-expiry_date {
    /* display: none !important; */
}

.multicheckbox input {
    top: 0px !important;
}

ul.ui-tabs-nav {
    margin: 6px 0 0 6px !important;
}

.field-display_options {
    padding-bottom: 0px;
}
.field-highlight_map select {
    width: 706px;
}
.field-overview_map select {
    width: 706px;
}

.form-row div.readonly {
    padding-top: 4px;
}

.change-form .form-row.field-docx_file > div {
    display: flex;
}
.change-form .form-row.field-docx_file p.file-upload {
    margin: 0 0 5px 0 !important;
}

ul.errorlist li {
	padding: 0 5px 0 10px !important;
}

#changelist-search .form-row {
    display: flex;
}

.form-row.field-sms_messages_table {
    padding-left: 6px !important;
}
.form-row.field-sms_messages_table label {
    display: none !important;
}
.form-row.field-sms_messages_table tbody th {
	border: none !important;
}

.form-row.field-response_html table tr td {
    border: none !important;
    padding: 0px 30px 6px 2px !important;
}
.form-row textarea[name^=meta] {
    height: 31px;
}

.cms_content-app.change-form .field-splash_image .related-widget-wrapper,
.cms_content-app.change-form .field-icon .related-widget-wrapper,
.cms_content-app.change-form .field-icon_home .related-widget-wrapper {
    margin-left: 130px !important;
}

[id^=tab_id_excerpt_] iframe {
    height: 120px !important;
}

.related-widget-wrapper .selector {
    display: flex;
    width: 740px;
}
.related-widget-wrapper .selector .selector-chooser {
    margin-top: 130px !important;
}

.form-row.field-protected {
    border-bottom: none;
}
label[for=id_protected] {
    position: relative;
    left: -153px;
}
.form-row.field-allowed_users {
    border-top: none;
    padding-top: 0px;
    padding-bottom: 0;
}
.form-row.field-allowed_users > div {
    padding-bottom: 8px;
}

form h2, form h3, form label {
    user-select: none;
}

/* =========================================*/
/* INLINE ADMIN                             */
/* ======================================== */

.inline-group {
    border: none;
}

.inline-group h2 {
    background-image: url('../img/icons/icon_fieldset_collapse-open.png'), -webkit-gradient(linear, left top, left bottom, from(#b8dae5), to(#cae3eb));
    background-color: #c0e1ec;
}
.inline-group h3 {
    padding: 7px 5px 6px 11px;
    user-select: none;
}
.inline-group .collapse-open h3 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2px;
}
.inline-group h3 b {
    font-size: 12px;
    font-weight: 700 !important;
}

.inline-group .inline-related {
    margin-top: 8px;
}

.inline-group .inline-related .module.collapse-open {
    margin-top: -1px;
}
.inline-group .inline-related .module.collapse-open .form-row {
	border: none !important;
    padding: 8px 15px;
}

.inline-group .ui-tabs-nav {
    margin-left: -2px !important;
}
.inline-group .ui-tabs-panel .form-row {
    padding-left: 0px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: none !important;
}
.inline-group .ui-tabs-panel .form-row input {
    margin-left: -2px;
}
.inline-group .collapse-closed fieldset {
    display: none !important;
}
.inline-group a.deletelink {
    top: 2px;
}
.inline-group .viewsitelink {
    /* display: none !important; */
}

.inline-group .add-row a {
    left: 0px;
    margin-top: 4px;
}
.inline-group .add-row a:before {
    content: url('../img/icon-add.svg');
    position: relative;
    top: 2px;
    margin-right: 2px;
}
.inline-group .add-row a:after {
    content: url('../img/icon-add-hover.svg');
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}
.inline-group .add-row a:hover:before {
    content: url('../img/icon-add-hover.svg');
}

/* =========================================*/
/* QUEST FORMS                              */
/* ======================================== */

.inline-group fieldset.header-hidden {
    margin-bottom: -2px !important;
}
.inline-group fieldset.header-hidden,
.inline-group fieldset.header-hidden > div {
    border-radius: 0 !important;
}
.inline-group .header-hidden h2 {
    display: none;
}

.answers-text .form-row {
    
}
.answers-image .form-row > div {
    display: flex;
    flex-direction: column;
}
.answers-image {
    display: none;
}

.answers-text > .form-row:nth-child(4) .ui-tabs-nav,
.answers-text > .form-row:nth-child(5) .ui-tabs-nav {
    display: none !important;
}
.answers-text > .form-row:nth-child(4),
.answers-text > .form-row:nth-child(5) {
    margin-top: -18px !important;
}

/* =========================================*/
/* FORM TABS                                */
/* ======================================== */

.form-tabs {
    display: flex;
    margin-bottom: 32px;
    user-select: none;
}
.form-tabs > div {
    font-size: 13px;
    font-weight: 600;
    border-top: 1px solid #B3B3B3;
    border-left: 1px solid #EEE;
    border-bottom: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    background: #ACD7E5 repeat-x;
    color: #FFF;
    padding: 4px 10px 4px 10px;
    min-width: 65px;
    text-align: center;
    cursor: pointer;
}
.form-tabs > div.active {
    background: #309BBF repeat-x !important;
}
.form-tabs > div:hover {
    background: #444 repeat-x;
}

.form-tabs > div:first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-left: 1px solid #B3B3B3;
}
.form-tabs > div:last-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* =========================================*/
/* REVERSION                                */
/* ======================================== */

#change-history th {
    vertical-align: middle;
}
#change-history td input {
    top: 0px !important;
}

.back-link {
    font-weight: bold;
    color: #666 !important;
    background: #ddd;
    font-size: 15px;
    padding: 7px 15px !important;
    border-radius: 5px;
    display: block;
    float: right;
}
.back-link:hover {
    color: #fff !important;
    background: #444 !important;
}
.object-tools .back-link {
    margin-top: 0px !important;
    margin-right: 0px !important;
}
.reversion-header {
    font-weight: 600;
    margin: 6px 0 24px 0;
}
.reversion-warning {
    font-size: 14px !important;
    color: #ad2b2b !important;
}
#content .module.diff {
    padding: 3px 6px 3px 6px;
}

/* =========================================*/
/* QUEST STATS                              */
/* ======================================== */

table#stats {
    margin: 10px 0 20px 0;
}
table#stats th {
    font-weight: 600 !important;
    color: #444;
}
table#stats tr th:first-child {
    min-width: 400px;
}
table#stats tr td {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
}
table#stats tbody tr:last-child td {
    font-weight: 600 !important;
}
table#stats tr.question td:first-child {
    padding-left: 24px;
}
.field-score_html label {
    display: none;
}
#stats_player h2 {
    font-size: 13px !important;
}