/* ================= General CSS ==================== */

html,body
{

	font-family: 'Open Sans', sans-serif !important;
	font-size: 0.9rem;
        height: 100%;
	padding-top: 2rem !important;
}

h3
{
	font-size: 13px !important;
}

label
{
	font-weight: bold;
}

.footer
{
	padding-left: 12px;
	/* position: absolute; */
	/* bottom: 0; */
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	line-height: 60px; /* Vertically center the text there */
	background-color: #f5f5f5;
}

footer p
{
	margin-bottom: .25rem;
}

/* Login page */

.form-signin
{
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* CMS Dashboard */

div#trinity_dashboard
{
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}

/* JSTree */

.jstree-default .jstree-search
{
	color: red !important;
}

/* Common */

div.card-header h3
{
	margin-bottom: 0;
}

/* Node Edit */

textarea#node_content
{
	height: 300px;
}

div.alert-success p
{
	margin-bottom: 0;
}

#current_files .card-header
{
	padding: 10px !important;
}

form#page_edit_form div#nav-upload .card-header
{
	padding: 10px !important;
}

form#page_edit_form div#nav-upload .form-group
{
	margin-bottom: 0;
}

form#page_edit_form .card-header
{
	padding: 0;
}

form#page_edit_form .card-body.section_fields
{
	border-left: 1px solid rgba(0,0,0,.125);
	border-right: 1px solid rgba(0,0,0,.125);
}

div.tab-content nav
{
	padding-top: 10px;
}

div.tab-pane div.form-group
{
	padding-top: 10px;
}

div#nav-parameter div.form-group
{
	margin-bottom: 0;
}

input#jstree_search_pagename
{
	width: 356px;
}

input#jstree_search_pageid
{
	width: 60px;
	margin-left: 2px !important;
}

input#jstree_search_urlname
{
	width: 114px;
	margin-left: 2px !important;
}

input.heading
{
	margin-bottom: 10px;
}

form#page_edit_form input[type=checkbox]
{
	transform: scale(1.5);
}

form#page_edit_form .form-check
{
	padding-left: 2.5rem;
}

/* Navigation Types */

div#navigation_types
{
	padding-bottom: 5px;
	margin: 8px 0 0 5px;
	border-bottom: 1px solid rgba(0,0,0,.15);
}

/* Navigation Buttons */

div#navigation_buttons
{
	margin: 8px 0 0 0;
}

/* Navigation Links */

div#navigation_links div.nav_link_item
{
	margin-top: 10px;
	margin-bottom: 10px;
}

img.nav_add
{
	margin: 8px 0 8px 0;
}

/* Language Links */

div#language_links div.lang_link_item
{
	margin-top: 10px;
	margin-bottom: 10px;
}

img.link_add
{
	margin: 8px 0 8px 0;
}

/* Share List */

div#share_links div.share_list_item
{
	margin-top: 10px;
	margin-bottom: 10px;
}

img.share_add
{
	margin: 8px 0 8px 0;
}

/* Node History */

div.grid_header
{
	border-top: 1px solid rgba(0,0,0,.15);
	border-bottom: 1px solid rgba(0,0,0,.15);
}

div.grid_controls
{
	padding-top: 10px;
	padding-bottom: 10px;
}

div.grid_header div
{
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.grid_item div {
	padding-top: 5px;
	padding-bottom: 9px;
}

div.grid_item button {
	width: 115px;
}

div.grid_item:nth-of-type(odd){
	background-color: #efefef;
}

div.grid_item:nth-of-type(even){
	background-color: #ffffff;
}

/* Template Overview */

div#templateoverview div.card
{
		margin: 5px;
		width: 200px;
}

/* Standard content - one column */

div#templateoverview div.row.standardcontent_onecolumn
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div#templateoverview div.row.standardcontent_onecolumn div
{
	padding-bottom: 5px;
	border-bottom: 1px dotted black;
}

/* Standard content - two column */

div#templateoverview div.row.standardcontent_twocolumn
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div#templateoverview div.row.standardcontent_twocolumn div
{
	padding-bottom: 5px;
	border-bottom: 1px dotted black;
}

/* Grid */

div#templateoverview div.row.grid
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div#templateoverview div.row.grid div
{
	padding-bottom: 5px;
	border-bottom: 1px dotted black;
}

/* Video content - two column */

div#templateoverview div.row.videocontent_twocolumn
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div#templateoverview div.row.videocontent_twocolumn div
{
	padding-bottom: 5px;
	border-bottom: 1px dotted black;
}

/* Custom - Next step */

div#templateoverview div.row.custom_nextstep
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div#templateoverview div.row.custom_nextstep div
{
	padding-bottom: 5px;
	border-bottom: 1px dotted black;
}

/* Custom - Keep in touch */

div#templateoverview div.row.custom_keepintouch
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div#templateoverview div.row.custom_keepintouch div
{
	padding-bottom: 5px;
	border-bottom: 1px dotted black;
}

/* Custom - Book exam */

div#templateoverview div.row.custom_bookexamselector
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div#templateoverview div.row.custom_bookexamselector div
{
	padding-bottom: 5px;
	border-bottom: 1px dotted black;
}

/* Custom - Accordion */

div#templateoverview div.row.accordion
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div#templateoverview div.row.accordion div
{
	padding-bottom: 5px;
	border-bottom: 1px dotted black;
}

/* Custom - SELT Table */

div#templateoverview div.row.custom_selttable
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div#templateoverview div.row.custom_selttable div
{
	padding-bottom: 5px;
	border-bottom: 1px dotted black;
}

/* Category Banner - One Column */

div#templateoverview div.row.category_banner_onecolumn
{
	padding-bottom: 5px;
	border-bottom: 1px dotted black;
}

/* File Upload */

div#the_files
{
	padding-top: 15px;
	padding-bottom: 15px;
}

#the_files .card-header
{
    padding: 10px !important;
}

div#the_files div#file_upload_header
{
	margin-left: -18px;
	margin-right: -18px;
	border-left: 0px;
	border-right: 0px;
}

div#the_files div.file_upload_item
{
	margin-left: -18px;
	margin-right: -18px;
}

#delete_files .card-header
{
    padding: 10px !important;
}

div.dropzone
{
	background: white;
	border-radius: 5px;
	border: 2px dashed rgb(0, 135, 247);
	border-image: none;
	min-height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

div.file_upload_header
{
	border-left: 1px solid rgba(0,0,0,.15);
	border-right: 1px solid rgba(0,0,0,.15);
	border-bottom: 1px solid rgba(0,0,0,.15);
}

div.file_upload_header div
{
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid rgba(0,0,0,.15);
	border-bottom: 1px solid rgba(0,0,0,.15);
}

div.file_upload_item div {
	padding-bottom: 10px;
}

div.file_upload_item:nth-of-type(odd){
	background-color: #efefef;
}

div.file_upload_item:nth-of-type(even){
	background-color: #ffffff;
}

div#response_upload_area div.file_upload_item
{
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid rgba(0,0,0,.15);
	font-size: 85%;
}

form#view_form div.file_upload_item label
{
	padding-top: 10px;
}

div#nav-image div.form-group
{
	margin-bottom: 0;
}

/* News */

div#current_files div#image_body
{
	padding: 10px 0 0 10px;
}

div#current_files div#image_body img
{
	padding-bottom: 20px;
}

/* Redirects */

/* Toggle */

.slow .toggle-group { transition: left 0.7s; -webkit-transition: left 0.7s; }
.fast .toggle-group { transition: left 0.1s; -webkit-transition: left 0.1s; }
.quick .toggle-group { transition: none; -webkit-transition: none; }

/*
.toggle-group .btn
{
	padding-left: 5px !important;
}
*/

.toggle.btn
{
	min-width: 122px !important;
	min-height: 30px !important;
	margin-bottom: 7px;
}

.toggle.btn-primary
{
	background-color: #50144b !important;
}

.toggle-group label
{
	font-size: 75% !important;
}

.toggle-handle
{
	background-color: white !important;
}

.toggle-group .toggle-on
{
	color: white !important;
	background-color: #50144b !important;
}

.toggle-group .toggle-off
{
	color: white !important;
	background-color: #777777 !important;
}

.toggle-group .toggle-handle
{
	background-color: blue !important;
}

/* ================== List View ================== */


/* Mobile xs */
@media (max-width: 767px)
{
	div#edit_list
	{
		display: none;
	}

	form#list_form div.grid_item
	{
		font-size: 85%;
	}
}

/* Tablet sm */
@media (min-width: 768px) and (max-width: 991px)
{
	div.lister div.dual_list_right
	{
		padding: 10px;
	}
}

/* Desktop md & lg */
@media (min-width: 992px)
{
	div.lister div.dual_list_right
	{
		padding: 10px;
	}
}

div.lister
{

}

div.lister div.dual_list_left div.list_content_number
{
	display: none;
}

div.lister div.dual_list_left div.list_content_annotation
{
	display: none;
}

div.lister div.dual_list_left input.list_item_name_field
{
	display: none;
}

div.lister div.dual_list_left a.clear_text
{
	display: none;
}

div.lister div.dual_list_left div.list_content_edit
{
	display: none;
}

div.lister div.dual_list_left div.list_content_remove
{
	display: none;
}

div.dual_list_right span.list_item_name_text
{
	/* display: none; */
	color: black;
}

div.dual_list_right
{
	border: 1px dotted grey;
	cursor: pointer;
	margin-top: 4px;
	margin-bottom: 20px;
	min-height: 128px;
}

div.dual_list_right div.list_content_annotation
{
}

div.dual_list_right div.list_content_annotation p
{
	font-size: 85% !important;
	margin-top: 5px;
	margin-bottom: 5px;
}

.selected
{
	background-color: #FFF6E6 !important;
	/* border: solid grey 1px !important; */
	z-index: 1 !important;
}

div.dual_list_left .disabled
{
	color: #c1c1c1;
	cursor: no-drop;
	/* text-decoration: line-through; */
}

div.lister
{
	margin-top: 10px;
}

div.lister div#grid_body
{
	cursor: pointer;
}

div.dual_list_left
{
	border: 1px dotted grey;
	cursor: pointer;
	margin-top: 4px;
	margin-bottom: 20px;
	min-height: 128px;
	padding: 10px;
}

form#list_form div.grid_header
{
	border-top: 1px solid rgba(0,0,0,.15);
	border-bottom: 1px solid rgba(0,0,0,.15);
	font-size: 85%;
}

div.lister div.grid_header input
{
	font-size: 85% !important;
	height: 27px !important;
}

div.lister div.grid_controls
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px dotted grey;
}

div.lister div.grid_search
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px dotted grey;
}

div.lister div.grid_header div
{
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.lister div#grid_body div.grid_item div
{
	padding-top: 5px;
	padding-bottom: 9px;
}

div.lister div#grid_body div.grid_item:nth-of-type(odd)
{
	background-color: #efefef;
}

div.lister div#grid_body div.grid_item:nth-of-type(even)
{
	background-color: #ffffff;
}

.ghost
{
	opacity: 0.4;
}

form#list_form div.grid_item
{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	color: #0088cc;
	/* background: #eeeeee; */
	padding-left: 5px;
}

.clear_text
{
	position: absolute;
	right: 20px;
	top: 50%;
	margin: -14px .3125em 0;
	border: 0;
	background-color: transparent;
}

div.lister input.list_item_name_field
{
	font-size: 85% !important;
	padding-right: 40px;
}

/* Blog Listing */

span.blog_category
{
	color: black;
	background-color: #E5E5E5;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 10px;
	font-size: 14px;
	border: 1px solid grey;
}

/* Trinity Toast */

div#trinityToast .toast-header
{
	background-color: #6A215F;
	color: white;
}

div#trinityToast .toast-body
{
	border: 1px solid #6A215F;
	color: #6A215F;
}

form#page_edit_form label
{
	margin-bottom: 0px;
}

.highlight
{
	font-weight: bold !important;
	background-color: lightgray;
	padding: 8px;
	margin-left: -3px !important;
	margin-right: -3px !important;
}

#deleteNodeDraftModal
{
	z-index: 9999;
	margin-top: 70px;
}

#deleteUserDraftModal
{
	z-index: 9999;
	margin-top: 70px;
}

#infoModal
{
	z-index: 9999;
	margin-top: 70px;
}

#deleteNavDraftModal
{
    z-index: 9999;
    margin-top: 70px;
}

#publish_form button
{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ================== Migrate ================== */

/* NEW */

#migrate-right
{
    height: 1200px;
    overflow: auto;
    border-top: 2px solid purple;
    border-bottom: 2px solid purple;
    padding-bottom: 1000px;
}

.contentstack_schema_item_row_template
{
    border: 1px dotted grey;
    padding: 10px;
    margin-right: 10px !important;
    margin-bottom: 10px;
}

.contentstack_block_item_template
{
    border: 1px dotted pink;
    padding: 10px;
    margin-right: 10px !important;
    margin-bottom: 10px;
}

.contentstack_schema_field_container_template
{
    border: 1px dotted orange;
    padding: 10px;
    margin-right: 10px !important;
    margin-left: 10px;
    margin-bottom: 10px;
}

.contentstack_schema_globalfield_container_template
{
    border: 1px dotted red;
    padding: 10px;
    margin-right: 10px !important;
    margin-left: 10px;
    margin-bottom: 10px;
}

.contentstack_group_container_template
{
    border: 1px dotted green;
    padding: 10px;
    margin-right: 10px !important;
    margin-left: 10px;
    margin-bottom: 10px;
}

.contentstack_group_item_template
{
    border: 1px dotted blue;
    padding: 10px;
    margin-right: 10px !important;
    margin-left: 10px;
    margin-bottom: 10px;
}

.contentstack_field_textarea_template
{
    padding: 10px;
}

.drop_group
{
    background-color: #C3F5B7;
    min-height: 100px;
}

.ui-droppable
{
}

.ui-droppable-active
{
    background-color: yellow;
}


/* OLD */





.contentstack_item
{
    border: 1px dotted grey;
    padding: 10px;
    margin-right: 10px !important;
    margin-bottom: 10px;
}

.heading_item .col
{
    font-weight: 600;
    font-style: italic;
    color: green;
}

.contentstack_field_text_template
{
    margin-bottom: 10px;
}

.contentstack_field_dropdown_template
{
    margin-bottom: 10px;
}

.group_field
{
    border: 1px solid lightblue;
    padding: 10px;
    margin-bottom: 10px;
}

.sub_group
{
    border: 1px solid purple;
    padding: 10px;
    margin-bottom: 10px;
}

/* Modal scrollbar */

ul.ui-autocomplete
{
    z-index: 9999;
}