/* Grid Type */
.gridtype {
  background-color: #eee;
		border: 1px solid #ccc;
		border-radius: 5px;
		text-align: center;
		padding: 15px 0px;
		margin: 0px 0px;
		display: inline-block;
		font-size: 20pt;
		top: -12px;
		position: relative;
		color: #aaa;
}

.gridtypediv .form-check-label {
  width: 100%;
}

.grid12 {
  width: 92%
}

.grid9 {
  width: 69%
}

.grid8 {
  width: 61.34%
}

.grid6 {
  width: 46%
}

.grid4 {
  width: 30.67%
}

.grid3 {
  width: 23%
}

.grid2 {
  width: 15.33%
}

/* Drawer (for TrueEdit) */
.btn-drawer {
  background-color: #aaa;
		color: #fff;
		position: relative;
		float: right;
		top: 45%;
		right: 0px;
		margin-right: -10px;
		padding: 5px 0px 5px 0px;
		border-top-left-radius: 7px;
		border-bottom-left-radius: 7px;
		cursor: pointer;
}

.drawer-contents {
  overflow-y: scroll;
}

.grid_thumbnail {
  box-shadow: 0px 0px 7px #aaa;
		margin: 5px auto;
		cursor: move;
		padding: 0px;
		z-index: 100000;
}

/* Content Grids */
.grid_container {
  padding: 15px 0px;
		margin: 0px;
		background-color: #fff;
}

.grid_container .gridcontainer_controls {
  display: none;
}

.grid_container .gridpanel_controls {
  display: none;
}

.grid_container .gridcontainer_views {
  display: none;
}

.grid_box {
  background-color: #eee;
}

.grid_box .grid_container {
  padding: 20px 30px;
		margin: 0px;
		cursor: default;
		border-top: 2px dashed #ddd;
		border-bottom: 2px dashed #ddd;
		min-height: 180px;
}

.grid_box .grid_container:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.grid_box .grid_container:first-child {
		border-top: 0px dashed #ddd;
}

.grid_box .grid_container:last-child {
		border-bottom: 0px dashed #ddd;
}

.grid_box .grid_container:hover .gridcontainer_controls {
  position: absolute;
		left: 0px;
		margin-top:-10px;
		margin-left: 5px;
		display: block;
		z-index: 1000
}

.grid_box .grid_container:hover .gridcontainer_controls .gridbutton {
  padding: 3px 3px 2px;
		margin: 0px 0px 5px 5px;
		font-size:14pt;
		display: block;
}

.grid_box .grid_container:hover .gridpanel_controls {
  position: absolute;
		text-align: center;
		display: block;
		z-index: 1000;
		right: 0;
		color: #fff;
		padding-top: 0px;
		margin: 0;
}
.grid_box .grid_container:hover .gridpanel_controls i {
  margin: 0px auto 5px;
		display: block;
}

.grid_box .grid_container:hover .gridpanel_controls .panelbutton {
  font-size: 9pt;
		display: block;
		padding: 4px 7px;
		min-width: 60px;
		margin: 0px 0px 5px;
		color: #fff;
}

.grid_box .grid_container:hover .gridcontainer_views {
  position: absolute;
		left: 46px;
		margin-top:-10px;
		display: block;
		z-index: 1000;
}

.grid_box .grid_container:hover .gridcontainer_views .viewbutton {
  padding: 3px;
		margin: 0px 0px 5px 5px;
		font-size:14pt;
		display: block;
		color: #fff;
		width: 30px;
}

.grid_box .grid_container .gridpanel_emptycontent {
  text-align: center;
		color: #999;
		padding: 30px 20px 10px;
}

.grid_box .grid_container .gridpanel_emptycontent h5 {
  font-size: 11pt;
		line-height:14pt;
}

.grid_box .grid_container .gridpanel_emptycontent h5 small {
  display: block;
}

/* Template Panels */
.templatepanel_box {
  background-color: #ddd;
		margin-bottom: 5px;
}

.templatepanel_box .templatepanel_container .templatepanel_controls_left,
.templatepanel_box .templatepanel_container .templatepanel_controls_right {
  display: none;
}

.templatepanel_box .templatepanel_container {
		border: 2px dotted #ccc;
		padding: 10px;
		min-height: 180px;
		background-color: #fff;
}

.templatepanel_box .templatepanel_container:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.templatepanel_box .templatepanel_container:hover .templatepanel_controls_left {
  position: absolute;
		left: 0px;
		margin-top: -2px;
		margin-left: 30px;
		display: block;
		z-index: 1000
}

.templatepanel_box .templatepanel_container:hover .templatepanel_controls_left .movebutton {
  padding: 3px 3px 2px;
		margin: 0px 0px 5px 0px;
		font-size:14pt;
		display: block;
}

.templatepanel_box .templatepanel_container:hover .templatepanel_controls_right {
  position: absolute;
		text-align: center;
		display: block;
		z-index: 1000;
		right: 30px;
		color: #fff;
		padding-top: 0px;
		margin: 0;
}

.templatepanel_box .templatepanel_container:hover .templatepanel_controls_right i {
  margin: 0px auto 5px;
		display: block;
}

.templatepanel_box .templatepanel_container:hover .templatepanel_controls_right .panelbutton {
  font-size: 9pt;
		display: block;
		padding: 4px 7px;
		min-width: 60px;
		margin: 0px 0px 5px;
		color: #fff;
}

/* Learning Material edit */
.materialdiv_empty {
  border: 10px dashed #ddd;
		padding: 100px 50px;
		background-color: #f7f7f7;
		text-align: center;
		z-index:1;
}

.materialdiv_empty h5 {
  color: #aaa;
		font-size: 20pt;
}

/* Modal Forms */
.modal .modal_pad {
  padding: 15px 7px;
}

.modal .nav-item {
  font-size: 10pt;
}

.modal .tab-content {
		border-bottom:0;
		border-left:0;
		border-right:0;
		padding: 0;
}

.modal .tab-content h5 {
		color: #111;
		font-weight: bold;
		margin-bottom: 20px;
}

.modal .tab-content h5 small {
		display: block;
		font-size: 8pt;
		color: #777;
		margin: 3px 0px;
}

.modal .form-group label {
  font-size: 10pt;
		color: #111;
}

.image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}

/* Multiselect */ 
.multiselect-header {
  background-color: #e1e7eb;
		padding: 7px 12px;
		border: 1px solid #ccc;
		text-transform: capitalize;
		font-weight: bold;
}

.multiselect-header i {
  color: #f99800;
		margin-left: 5px;
}

.multiselect-container {
  border: 1px solid #ccc;
		height: 360px;
		padding: 3px 7px;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 100;
}

.multiselect-container2 {

}

.multiselect-source {
  padding: 7px;
		margin: 5px 0px;
		cursor: move;
		font-size: 10pt;
		z-index: 1000;
}

.multiselect-source small {
  display: block;
		margin: 5px 0px 0px;
		padding: 0px;
		line-height: 6pt;
}

.input-group-text {
  font-size:9pt;
}

/* Panel Modal Elements */
.panelselect-row .col-md-2 {
  padding: 0px;
		margin: 3px
}

.panelselect-container {
  text-align: center;
		border: 1px solid #ccc;
		padding: 15px 5px;
		margin: 0px;
		height: 200px;
}

.panelselect-container:hover {
  background-color: #f8f4f2;
		border-color: #d5c6be
}

.panelselect-container:hover i {
  color: #c3a279
}

.panelselect-container button {
  border: none;
		background-color: transparent
}

.panelselect-container i {
  color: #aaa
}

.panelselect-container .panelselect-name {
  display: block;
  margin: 10px 0px 3px;
  font-size: 11pt;
  color: #111;
}

.panelselect-container .panel-name {
  display: block;
  margin: 0px 0px 3px;
  font-size: 10pt;
  color: #111;
}

.panelselect-container .panel-body {
  display: block;
  margin: 7px 0px 5px;
  font-size: 8pt;
  color: #999;
}

.panelselect-container h5 {
  text-transform: uppercase;
		font-size: 10pt;
		font-weight: bold;
		margin: 10px 10px 0px 10px;
  padding:0;
}

.panelselect-container h6 {
		font-size: 9pt;
		margin: 0px;
		color: #333;
  padding:0;
}

.panelselect-container p {
  font-size: 8pt;
		color: #777;
		margin: 0px 0px 0px 0px;
		line-height: 12pt;
  padding:0;
}

/* Global and Floats */
.panelcolumn {
		border: 1px solid #ccc;
		padding: 0px;
		height: 400px;
		margin: 0px;
		overflow: hidden;
}

.panelcolumn-header {
  padding: 15px 10px;
		background-color: #eee;
		border-bottom: 1px solid #ccc;
}

.panelcolumn-header h5 {
  font-size: 11pt;
		color: #333;
		padding: 0;
		margin: 0;
}

.panelcolumn-header h5 i {
  margin-right: 7px;
		color: #aaa;
}

.panelcolumn-buttons {
  background-color: #ddd;
}

.panelcolumn-buttons .btn-panels {
  font-size: 8pt;
		padding: 5px 10px;
		margin: 5px 2px;
}

.panelcolumn-body {
  padding: 10px;
}

/* Card */
.card-footer a { text-decoration: none; color: #333; padding: 0px 15px; font-size: 9pt; }
.card-footer a.active { font-weight: bold; }
.card-footer a i { color: #999; margin-right: 5px; }

/* Data Tables */
.table .thead-dark tr th { background-color:#858482; border-color: #797875; font-size: 10pt; }

.dataTables_wrapper .dataTables_length { padding: 0px 20px; }
.dataTables_wrapper .dataTables_filter { padding: 0px 10px; }
.dataTables_wrapper .dataTables_paginate { padding: 10px } 
.dataTables_wrapper .dataTables_info { padding: 20px; font-size: 9pt; }

/* Date Range Picker */