/*
 * Terra Dotta Software Bootstrap Template LESS file
 * Append the conversion results of this to master-responsive.css
 */

@import "bootstrap-grid-mixins.less";

/* CUSTOMIZED BOOTSTRAP CSS

blue: 1372a8 http://getbootstrap.com/customize/?id=e82c0ad426fc5aeb8e75
brown: 68562d http://getbootstrap.com/customize/?id=640a39c5ae12654c9659
gold: bb8100 http://getbootstrap.com/customize/?id=58e90f9fb96181debe3f
gray: 5d5d5d http://getbootstrap.com/customize/?id=ae69962e851ed3080975
green: 38823a http://getbootstrap.com/customize/?id=39686a4b210d3e1ac57d
orange: cd6200 http://getbootstrap.com/customize/?id=c200c4cb1a82074de01d
purple: 553f7b http://getbootstrap.com/customize/?id=358d114a9aed7d5699ae
red: a82313 http://getbootstrap.com/customize/?id=ecac43e3d8c1e468dde6

*/

/******************/
/* LESS VARIABLES */
/******************/

/* Colors */

@page-background: rgba(255,255,255,1);
@content-area-background: #FFFFFF;

/* Gradients */

@background-gradient: linear-gradient(to bottom, rgba(255,255,255,0) 50px, @page-background 700px);
@page-heading-gradient: linear-gradient(to bottom, @page-background 20%, darken(@page-background, 15%) 100%);
@page-footer-gradient: linear-gradient(to top, @page-background 20%, darken(@page-background, 15%) 100%);
@content-heading-gradient: linear-gradient(to bottom, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,.25) 100%);
@heavy-drop-shadow: 0px 0px 5px rgba(0,0,0,.8);
@shifted-heavy-drop-shadow: 0px -12px 5px rgba(0,0,0,.8); /* MAGIC! */
@light-drop-shadow: 0px 0px 10px rgba(0,0,0,.2);

/*********************/
/* GLOBAL COMPONENTS */
/*********************/

/* Template skin */

/* html {
	background-color: @page-background;
} */

body {
	background-image: @background-gradient;
	min-height: 100vh;
}

body.nolayout {
	background-image: none;
	background-color: inherit;
	min-height: 0px;
}

body.nolayout div.panel:last-of-type {
	margin-bottom: 0px;
}

header {
	background-image: @page-heading-gradient;
	width: 100%;
	max-width: 100%;
	z-index: 100;
	position: relative;
	padding:20px;
}

.custom-h1 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	display: block;
	font-size: 2.5em;
}
.custom-h4 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	display: block;
	font-size: 1.25em;
	margin: 0.6em 0em;
}

header > h1{margin:0}

#pagenav {
	z-index: 80;
	box-shadow: @heavy-drop-shadow;
}

#pagenav .fullname-xs{
	color: #9d9d9d;
	margin: 0px 0px 0px 17px;
	font-size: 1.5em;
}

#pagenav.navbar-fixed-top {
	padding-left: 10px;
	padding-right: 15px;
}

.sidebar-nav {
	.make-md-column(3);
}

.mobilesite-nav {
	.make-xs-column(12);
}

.public-page-content {
	.make-xs-column(12);
	.make-md-column(9);
}

#pagebodysidebar .sidebar-nav{
	position:inherit;
	display: block;
	padding: 0px;
	margin: 0px;
	border-radius: 0px;
	box-shadow: 5px 0px 5px rgba(0,0,0,.1);
	border-left: none;
	z-index: 999;
}

#pagebodysidebar .sidebar-nav>li{
	border-bottom: 1px solid rgba(0,0,0,.35);
}

#pagebodysidebar .sidebar-nav li:last-child{
	border-bottom: none;
}

#pagebodysidebar .sidebar-nav .nav-option {
	white-space: normal;
	padding: 8px 10px;
}

#pagebodysidebar .sidebar-nav .dropdown-submenu {
	position:relative;
}

#pagebodysidebar .sidebar-nav .dropdown-submenu>.dropdown-menu {
	top:5px;
	left:100%;
	margin-top: -6px;
	margin-left: -1px;
	padding: 0px;
	border-radius: 0px;
}

/* Make separate declarations for: .dropdown-submenu:hover and .dropdown-submenu:focus-within.  This allows dropdown menus to work in Edge/IE but doesn't break tab access in Firefox, Opera and others. See: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/16651302/ */

#pagebodysidebar .sidebar-nav .dropdown-submenu:hover>.dropdown-menu {
	display:block;
}

#pagebodysidebar .sidebar-nav .dropdown-submenu:focus-within > .dropdown-menu {
	display:block;
}

#pagebodysidebar .sidebar-nav .dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #000000;
	margin-top: 5px;
	margin-right: -5px;
}

#pagebodysidebar .sidebar-nav .dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
}

#pagebodysidebar .sidebar-nav .dropdown-submenu.pull-left {
	float:none;
}

#pagebodysidebar .sidebar-nav .dropdown-submenu.pull-left>.dropdown-menu {
	left:-100%;
	margin-left:10px;
}

#pagebodysidebar .mobilesite-nav #sitelinks {
	border-radius: 0px 0px 4px 4px;
	border-top: none;
}

#announcements-frame .announcements-top {
	background: #000;
	color: #fff;
	padding: 5px 0px;
	font-size: 18px;
}

#announcements-frame #announcements-list {
	display: block;
	font-size: 1.1em;
	margin: 10px 20px 0px 20px;
	padding: 0px;
	height: 12em;
	overflow: hidden;
}

#announcements-frame #announcements-list li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

main {
	background-color: @page-background;
	box-shadow: @heavy-drop-shadow;
	margin-top: -20px;
	min-height: 500px;
}

footer {
	background-image: @page-footer-gradient;
	width: 100%;
	z-index: 75;
	position: relative;
	border-top: 1px solid darken(@page-background, 40%);
	padding:20px;
}

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

/***************/
/* Iconography */
/***************/

.fa-lg {
	font-size: 1.25em;
}

.red, .fa-close, .fa-globe-red, .fa-exclamation-circle, .fa-asterisk {
	color: red;
}

.fa-close:hover {
	color: darken(red, 15%);
}

.fa-pencil, .fa-lock, .fa-star, .fa-warning {
	color: #bb8100;
}

.fa-pencil:hover, .fa-lock:hover, .fa-warning:hover {
	color: darken(#bb8100, 15%);
}

.fa-globe-green {
	color: green;
}

.fa-gray {
	color: gray;
}

.fa-blue{
	color:#006699
}

/**********/
/* Panels */
/**********/

.panel {
	box-shadow: @light-drop-shadow;
}

.panel .panel-heading {
	font-size: 1.35em;
	background-image: @content-heading-gradient;
}

.panel-actions {
	margin-top: -10px;
}

.tabbed-nav-header {
	margin-bottom: 0px;
}

.tabbed-nav {
	margin-top: 5px;
	margin-bottom: 15px;
}

.tabbed-nav .btn {
	margin-bottom: 5px;
}

.section-divider {
	padding: 8px;
	border-radius: 3px;
	margin: 0px -10px 10px -10px;
}

.response-separator {
	border-top: 1px solid #000;
}

/**************/
/* COMPONENTS */
/**************/

.CursorPointer {
	cursor: pointer;
}

/* Formatted-Data-Table */

.data-table {
	margin-bottom: 0px;
}

.data-table-actions {
	margin-left: 10px !important;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-width: 0px;
}

.pagination {
	margin-top: -5px;
}

.panel-heading select {
	height: 25px;
	padding: 0px 12px;
}

.data-table-recordrows tr {
	border-bottom: 1px solid #DDDDDD;
}

.data-table-grouping {
	font-size: 12.5pt;
	font-weight: normal;
}

.data-table-groupingactions {
	margin: 4px 15px -40px 0px;
}

.compact-column {
	width: 1%;
	white-space:nowrap;
}

.nobr {
	white-space:nowrap;
}

.yesbr {
	white-space:normal;
}

/**********************/
/* Configuration-Form */
/**********************/

.config-form-label {
	.make-sm-column(4);
}

.config-form-element {
	.make-sm-column(8);
}

.config-form-button-offset {
	.make-sm-column-offset(4);
}

.config-form-fullwidth {
	.make-xs-column(12);
}

.config-form-label.normal {
	font-weight: normal;
}

.dual-list-picker {
	margin-bottom: 10px;
}

.ajax-picker .panel-selected .btn {
	margin-top: 5px;
}

.ajax-picker .overflow {
	display: none;
}

.form-control {
	max-width: 100%
}

/* Widget-Page */

.widget-page-col1 {
	.make-sm-column(6);
	.make-md-column(7);
}

.widget-page-col2 {
	.make-sm-column(6);
	.make-md-column(5);
}

.widget-page-fullwidth {
	.make-xs-column(12);
}

.profile-image {
	max-width: 150px;
	padding-right: 5px;
	padding-bottom: 5px;
}

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

.btn-file{
	position:relative;top:-3px;left:-10px
}

.bg-muted {
	background-color:#efefef
}

.padded {padding: 10px}

.normal {font-weight: normal}

.inline-justified .form-control{
    min-width:49%;
}

/**************/
/* DATATABLES */
/**************/

.dataTables_wrapper .top-left {
	float: left;
	padding-left: 10px;
}

.dataTables_wrapper .top-right {
	float: right;
	padding-right: 10px;
	padding-top: 10px;
}

.dataTables_wrapper .top-left .dataTables_length {
	padding-top: 10px;
}

table.dataTable thead th {
	position: relative;
	background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 12px;
	right: 8px;
	display: block;
	font-family: FontAwesome;
}
table.dataTable thead th.sorting:after {
	content: "\f0dc";
	font-size: 0.8em;
	padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
	content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
	content: "\f0dd";
}
table.dataTable.table-condensed > thead > tr > th.sorting_disabled {
	padding-right: 5px;
}
.dataTables_columnpicker {
	padding-left: 10px;
	padding-top: 10px;
}
.dataTables_wrapper .form-control {
	height: 30px;
}

/* solid white background to provide contrast with text for accessibility */
#skiptocontent {
	background-color:#ffffff;
}

/* Fixes: Unclear keyboard visual focus */
// This puts an inset-border around the item that has focus via a click or tabbing (keyboard).
.dropdown-toggle:focus {
	outline: 0;
	-moz-box-shadow:    inset 0 0 3px #ffffff;
   	-webkit-box-shadow: inset 0 0 3px #ffffff;
   	box-shadow:         inset 0 0 3px #ffffff;
}

th.rotate {
	white-space: nowrap;
	position:relative;
}

th.rotate > div {
	transform: rotate(-90deg);
	position:absolute;
	left:0;
	right:0;
	margin:auto;
}

#CKEditorBody,
{ background-color: white; width: 100%; background-image: none;}
.cke_ltr
{ background-color: white; background-image:none; }
.cke_combo_text
{ width: auto !important; }

.x-folder-search {
	margin-top: -6px;
	position: relative;
}
.x-folder-search-results-container {
	position: absolute;
	z-index: 1000;
	display: none;
	right: 0;
}
.x-folder-search-results {
	position: relative;
	top: -6px;
}

.tabbed-dropdown, .listing-filter label {
	vertical-align: bottom;
}

.listing-filter {
	display: inline;
	margin-left: 10px;
	overflow:hidden;
}

.listing-filter input {
	font-weight: normal;
}

.listing-filter label{
	min-width: 25%;
}

.listing-filter .chosen-container {
	display: block;
	font-weight: normal;
}

.datatable-filter {
	vertical-align: bottom !important;
	margin-top: 10px;
	margin-left: 10px;
}

#NewVersionModal {
	z-index: 1050 !important;
}

/*******************/
/* ANGULAR WRAPPER */
/*******************/

.angular-content {
	width: 100%;
	margin-top: 20px;
}

/** ADMIN FORMS **/
.help-block {
	color: black;
}
.badge {
	background-color:black;
}