
/* Style for Bootstrap modal */

.content_selector_bootbox .modal-content {height:100%;}
/*.content_selector_bootbox .modal-header {padding-left:0px;}
.content_selector_bootbox .modal-header .close {position:absolute; right:8px; z-index:9;}
.content_selector_bootbox .modal-body {padding:0;}*/
.content_selector_bootbox .content {overflow-y:auto;overflow-x:hidden}
.content_selector_bootbox .table-responsive {overflow-y:auto; margin-bottom:0px;}
.content_selector_bootbox h4.modal-title {padding-right:20px;}
.content_selector_bootbox .options label {
	color:#555555; font-weight:normal !important; font-size:smaller !important;
	padding-left:0px !important; margin-left:0px !important;
}
.content_selector_bootbox .changeable, .content_selector_bootbox .changeable .row,
.content_selector_bootbox .changeable .row div:last-of-type {padding-right:0px; margin-right:0px;}
.content_selector_bootbox .unchangeable label {display:none;}
.content_selector_bootbox .wrapper {}
.content_selector_bootbox .loading {position:relative; text-align:center; margin-top:60px; font-size:14px; color:red;}
.content_selector_bootbox .howto {text-align:center; padding-top:60px; padding-bottom:60px; font-size:14px; line-height:200%;}
.content_selector_bootbox .modal-header .title {padding-left:15px; font-weight:500;}
.content_selector_bootbox .footer > div:first-of-type {float: left;}
.content_selector_bootbox .footer > div:last-of-type {float: right;}

/*.content_selector_bootbox thead {background-color:#eeeeee;}
.content_selector_bootbox .table > thead > tr > th {border-bottom:0;}
.content_selector_bootbox th:first-of-type, .content_selector_bootbox td:first-of-type {padding-left:12px;}
.content_selector_bootbox th:last-of-type, .content_selector_bootbox td:last-of-type {padding-right:12px;}
.content_selector_bootbox th:first-of-type {max-width:44px;}*/
.content_selector_bootbox td.loadmore {background-color:#eeeeee; text-align:center; color:#eeeeee;}
.content_selector_bootbox td.loadmore.loading {color:red;}
.content_selector_bootbox .thumb {max-height:22px; max-width:30px; cursor:pointer;}
.content_selector_bootbox .anno {height:22px; cursor:pointer;}
.content_selector_bootbox .create_onthefly {position: static; top: auto; left: auto; right: auto; bottom: auto;}

.media_options_bootbox {z-index:1500; overflow:auto;}
.media_options_bootbox .buttons {text-align:right; padding:10px 0px 0px 0px; margin:0;}
.media_options_bootbox .buttons input:first-of-type {visibility:hidden;}
.media_options_bootbox .modal-header h5, .widget_selector_bootbox .modal-header h5 {font-size:20px;}

/* Style for generic (not Bootstrap) modal */

.content_selector.no-bootstrap {
	position:fixed; top:50px; left:50px; right:50px; bottom:50px; z-index:8; background-color:white;
	padding:0; margin:0; box-shadow: 0px 0px 6px #000000; border-radius: 5px;
}
.content_selector.no-bootstrap .wrapper {position:relative; width:100%; height:100%;}
.content_selector.no-bootstrap .wrapper .options {height:44px;}
.content_selector.no-bootstrap .wrapper .options .search_form {padding:10px; white-space:nowrap; margin:0px;}
.content_selector.no-bootstrap .wrapper .options .row > div:first-of-type {float:left;}
.content_selector.no-bootstrap .wrapper .options .row > div:last-of-type {float:left; padding-top:10px;}
.content_selector.no-bootstrap .wrapper .unchangeable label {visibility:hidden;}
.content_selector.no-bootstrap .wrapper .changeable .row {padding-right:10px; margin-right:0px;}
.content_selector.no-bootstrap .wrapper .changeable .row div:last-of-type {padding-right:0px; margin-right:0px;}
.content_selector.no-bootstrap .wrapper .content {
	position:absolute; top:44px; left:0px; right:0px; bottom:44px; overflow:auto;
	border-top:solid 1px #bbbbbb; border-bottom:solid 1px #bbbbbb;
}
.content_selector.no-bootstrap .wrapper .content .loading {position:relative; text-align:center; margin-top:50px; font-size:13px; color:red;}
.content_selector.no-bootstrap .wrapper .content .howto {text-align:center; margin-top:50px; font-size:14px; line-height:200%;}
.content_selector.no-bootstrap .wrapper .content > table {width:100%;}
.content_selector.no-bootstrap .wrapper .content th:first-of-type {max-width:44px;}
.content_selector.no-bootstrap .wrapper .content th {padding:7px 10px 7px 10px; font-size:13px; text-align:left; font-weight:bold; background-color:#dddddd;}
.content_selector.no-bootstrap .wrapper .content td {padding:7px 10px 7px 10px; font-size:13px; text-align:left; font-weight:normal; border-top:solid 1px white;}
.content_selector.no-bootstrap .wrapper .content tr {background-color:#eeeeee; cursor:pointer;}
.content_selector.no-bootstrap .wrapper .content tr:hover {background-color:#dddddd;}
.content_selector.no-bootstrap .wrapper .content .active {background-color:#e1e1e1;}
.content_selector.no-bootstrap .wrapper .content td:nth-child(3) {min-width:33%;}
.content_selector.no-bootstrap .wrapper .content .even {}
.content_selector.no-bootstrap .wrapper .content .odd {}
.content_selector.no-bootstrap .wrapper .content .thumb {max-height:22px; max-width:30px; cursor:pointer;}
.content_selector.no-bootstrap .wrapper .content .anno {height:22px; cursor:pointer;}
.content_selector.no-bootstrap .wrapper .footer {position:absolute; bottom:0px; left:0px; right:0px; height:42px; text-align:right;}
.content_selector.no-bootstrap .wrapper .footer a {display:inline-block;}
.content_selector.no-bootstrap .wrapper .footer > div:last-of-type > a:last-of-type {margin-left:15px;}
.content_selector.no-bootstrap .wrapper .footer > div:first-of-type {text-align:left; position:absolute; top:10px; left:10px; z-index:5;}
.content_selector.no-bootstrap .wrapper .footer > div:last-of-type {text-align:right; position:absolute; top:10px; right:10px; z-index:6;}

.media_options {
	position:absolute; z-index:9; background:#eeeeee; left:30%; right:30%; padding:15px;
	box-shadow: 0px 0px 6px #000000; border-radius: 5px; border-width:0;
}
.media_options .h {border-bottom:solid 1px #aaaaaa; font-weight:bold; padding-bottom:10px; margin-bottom:20px;}
.media_options .buttons {text-align:right; padding:10px 0px 0px 0px; margin:0;}
.media_options .buttons input:first-of-type {float:left;}

/* Overlay */

.tt {
	position:absolute; top:0px; left:0px; background-color:#dddddd; width:300px; border:solid 1px #bbbbbb; z-index:1150;
	padding:10px; margin:0;
}
.tt img {width:280px;}

/* On-the-fly */

.create_screen {
	position:absolute; bottom:0px; left:0px; right:0px; top:0px; background-color:#ffffff;
	filter: alpha(opacity=100); opacity: 1.0; border-radius: 3px;
}
.create_onthefly {
	position:absolute; bottom:0px; left:0px; right:0px; overflow-y:auto;
	background-color:#ffffff;
}
.create_onthefly > div, .create_onthefly > form {padding:12px 18px 12px 18px;}
.create_onthefly .buttons {text-align:right;}
.create_onthefly input, .create_onthefly textarea {width:100%;}
.onthefly_loading {color:red; font-size:smaller; padding-right:20px; display:none;}

.widgetFormatting select, .widgetOptions .form-group select{
	width: auto !important;
}
.widget_selector_bootbox .tab-pane{
	min-height: 0px;
}
/*Node selector*/
.node_selector table>thead>tr>th{
	border-bottom: 0;
}
.node_selector_table_body{
	border-top: 1px solid #ddd;
}
.node_selector_table_body > tbody > tr > td{
	border-radius: 1px;
}

.node_selector{
	height: 100%;
	width: 100%;
}
.node_selector select{
	text-align:left;
	vertical-align: top;
}
.node_selector .input-xs {
  height: auto;
  padding: 2px 5px;
  font-size: 12px;
  border-radius: 3px;
}
.media_options_bootbox .table-fixed>tbody>tr:first-child>td, .node_selector_table_body tbody>tr:first-child>td{
	border-top: 0px;
}
.node_selector_table_body tbody>tr:not(.empty):not(.no-hover):hover{
	background-color: #d9edf7;
	cursor: pointer
}

.node_selector_table_body tbody>tr.empty{
	    cursor: default;
}
.node_selector_table_body>tr,.node_selector_table_body tbody>tr{
	display: block;
}
.node_selector_table_body>tr.current, .node_selector_table_body tbody>tr.current{
	background-color: #c7e6f6 !important;
	cursor: pointer
}
.node_selector .selected_node_count{
	color: #000;
    font-size: 14px;
}
.node_selector .botton_options_box{
	float:left;
}
.node_selector .botton_options_box button, .node_selector .botton_options_box > span{
	margin-right:10px;
	margin-bottom: 10px;
}
.node_selector .botton_options_box .dropdown-menu {
	margin-top:-8px; width:auto;
}
.node_selector .panel-heading, .node_selector .panel-footer{
	background-color: transparent;
	padding: 8px 0;
}
.node_selector table>thead>tr>th[data-field="include_children"]{
	text-align: center;
}
.node_selector .loadingRow, .node_selector tr.empty{
	padding: 5px;
	font-size: 1.5rem;
}
.node_selector .loadingRow td, .node_selector tr.empty td{
	padding-top: 1.5rem;
	width: 100%;
}
#nodeSelectorDropdown{
    width: 100%;
    border-radius: 4px 0 0 4px;
		text-align: left;
}
#nodeSelectorDropdown .caret{
    display: none;
}
.node_selector .dropdown-menu{
	width: 100%;
}
.node_selector_table_body.multiple tbody>tr:hover{
	cursor: default;
}
.node_selector .node_rows:not(.btn){
	font-size: smaller;
	cursor: pointer;
}
.node_selector .node_search input[type="text"]{
	border-right: 0;
}
.content_selector_bootbox .modal-body{
	overflow-x: hidden;
	overflow-y: auto;
}
.node_selector .node_search button:hover, .node_selector .node_search button[disabled]{
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.node_selector .node_search button .glyphicon {
	top: 2px;
}
.node_selector .panel-body{
	padding: 0;
}
.nodeSelectorEnlargedThumbnail{
	max-width: 184px;
    max-height: 184px;
}
.node_selector .visibilityLink img {
	margin-top:-3px;
}
.node_selector .thumbnail {
	border: 0px
}
.node_selector .editLink {
	display:none;
	padding-top:1px;
	padding-bottom:1px;
}
.node_selector .editLink.btn-default:hover {
	background-color:#f1f1f1;
}
.node_selector .editLink.btn-primary {
	visibility:visible !important;
	padding-bottom:1px;
}
.node_selector .editLink.btn-primary:hover {
	background-color:#376c98;
}
.node_selector .filter_spinner{
	border: 0;
	margin: 0 .5rem;
	box-shadow: none;
}
.widget_selector_bootbox .tooltip-inner{
	max-width: 100%;
    width: 100%;
    padding: 2px 1px;
    box-sizing: content-box;
}
.widget_selector_bootbox #bootbox-content-selector-content>div{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.selectedNodeChildrenList{
	font-size: smaller;
	margin-left: 2.2rem;
    margin-bottom: 1rem;
}
.selectedNodeChildrenList ul { list-style: disc; }
.nodeOrdering .btn, .ui-sortable-handle.btn { text-align: left; height: inherit; width: inherit ; font-size: 1.4rem; }
.nodeOrdering .btn-group-vertical { margin-bottom: 2.4rem; }
.nodeOrdering .glyphicon-menu-hamburger, .ui-sortable-handle .glyphicon-menu-hamburger { color: #b4b4b4; }
.nodeOrdering .sortable-destination{
	width: 100%;
	background-color: #e6e6e6;
	 height: 3.2rem;
}
.nodeOrdering .btn-default:hover{
	background-color: #eee;
}
.sortable-destination { height: 3.2rem; }
.moreless{
	display: block;
}
.node_selector .editable.collapse_padding {
	padding-top:1px;
	padding-bottom:1px;
	padding-left:8px !important;
}
.node_selector_table_body tbody>tr>td.edit_col{
	padding: 6px 8px 4px 8px;
}
.node_selector_table_body tbody>tr>td.edit_col>a:not(.btn){
    height: 20px;
    box-sizing: border-box;
    font-size: 1rem;
}
.modal-dialog .annotationSelection p.text-muted{
	margin-top: 7px;
}
.widget_data_type{
	padding: 1rem 0;
}

.widget_type{
	cursor: pointer;
	padding: 1rem;
}
.widget_type:hover{
	background-color: #d9edf7;
}
.widget_type a:hover{
	text-decoration: none;
}
.widget_type img{
	height: 4rem;
  margin-right: 1rem;
  margin-top: .25rem;
}
.widgetList hr{
	margin: .5rem 0;
}
.node_types option{
	background-color: #fff;
}
#bootbox-media-options-form select.btn, .widgetFormatting select.btn{
	margin-top: 2px;
}

#bootbox-media-options-form select.btn, .widgetFormatting select.btn, #bootbox-media-options-form select.btn option, .widgetFormatting select.btn option{
	text-align: left;
}

.node_filter .node_types>.filter_spinner{
	position: relative;
	display: inline;
}
.node_filter .node_types>.filter_spinner .spinner_container{
	position: absolute;
	top: 50%;
	left: 50%;
}
.node_selector .panel-heading hr{
	margin-bottom: 10px;
	border-color: #ddd;
}

.node_selector .panel-heading .btn, .node_selector .panel-footer .btn {
	height: 34px;
}
.widgetOptions .modal_footer .node_count, .content_selector_bootbox .footer .node_count {
    padding-right: 2rem;
    font-size: 14px;
}

.contributionsLink.active {visibility:visible !important;}
.contributions table td {padding:8px 8px 0px 8px;}
.contributions .page-title td {padding-top:8px; padding-bottom:8px; background-color:#eeeeee;}
.contributions table tr.spacer td {padding-top:0px;}

@media only screen and (max-width : 768px) {
	.node_selector .panel-heading{
		padding: 0px;
	}
	.node_selector .panel-heading hr{
		margin-bottom: 20px;
	}
	.node_filter .node_types>select{
		width: 59%;
		display: inline;
	}
	.node_filter .node_types>button{
		width: 40%;
		display: inline;
	}
	.node_filter .node_types>.filter_spinner{
		height: 0px;
		padding: 0px;
		display: block;
	}
	.node_filter .node_types>.filter_spinner .spinner_container{
		background-color: #fff;
		opacity: 0.5;
		text-align: right;
		width: 41%;
		right: 0px;
		top: -34px;
		left: 58%;
		height: 34px;
	}
	.node_filter .node_types>.filter_spinner .spinner_container .spinner{
		left: 50%;
		top: 50%;
	}
}
.node_selector_table_body select, .node_selector_table_body input:not([type='checkbox']) {
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}
.node_selector_table_body button, .node_selector_table_body a.btn{
	box-sizing: border-box;
	max-width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0 .5rem;
}
.node_selector_table_body .edit_col a.btn {
	visibility:hidden;
}
.table .node_selector_table_body > tr > td[property="type_icon"]{
	padding-top: 4px;
	padding-bottom: 4px;
}
td[property="format"] img{
	width: 12px;
	height: auto;
	margin-right: .5rem;
}
.table-fixed thead th, .table-fixed tbody td{
	display: inline-block;
}

.panel-footer .alert { margin-left: 0; }

tbody.node_rows>tr>td[property="editorial_state_border"],thead>tr.node_fields>th[data-field="editorial_state_border"]{
	padding: 0px;
	border-left: .25rem solid;
}

tbody.node_rows>tr>td[property="editorial_state_border"].draft{
	border-left-color: #b4b4b4;
}
tbody.node_rows>tr>td[property="editorial_state_border"].edit{
	border-left-color: #ffa25e;
}
tbody.node_rows>tr>td[property="editorial_state_border"].editreview{
	border-left-color: #d9514d;
}
tbody.node_rows>tr>td[property="editorial_state_border"].clean{
	border-left-color: #59c0dd;
}
tbody.node_rows>tr>td[property="editorial_state_border"].ready{
	border-left-color: #6ebf73;
}
tbody.node_rows>tr>td[property="editorial_state_border"].published{
	border-left-color: #15910f;
}

tbody.node_rows>tr.current>td[property="editorial_state_border"]{
	border-left-width: .5rem;
}
.notAllowed{
	cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
tbody.node_rows>tr>td>.popover, .botton_options_box>.popover{
	font-size: 12px;
	pointer-events: none;
}
