/* CSS Document */
.adminbody{
	/* background-color: aquamarine; */
	 background-color: #D3D3D3; 
}
.register-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.register-logo a {
  color: #444;
}
.login-page,
.register-page {
  background: #0088e166;
}
.login-box,
.register-box {
  width: 360px;
  margin: 7% auto;
}
@media (max-width: 768px) {
  .login-box,
  .register-box {
    width: 90%;
    margin-top: 20px;
  }
}
.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
  color: #777;
}
.login-box-msg,
.register-box-msg {
  margin: 0;
  text-align: center;
  padding: 0 20px 20px 20px;
}
.social-auth-links {
  margin: 10px 0;
}
.offcanvas-start{
	max-width: 200px;
}
.menu_website_name{
	font-weight: 600;
	float: right;
	margin: 5px;
}
.menu-btn{
	margin: 1em;
	cursor: pointer;
	text-align: center;
}
.main-header{padding: 5px;}
.main-footer{
	background-color: #D0E2F9;
}
.mw-500{min-width: 500px;}
.mw-95p{min-width:95%}
.pointer{cursor: pointer;}
.red{color:red;}
.form-check-input:checked {
    background-color: green;
    border-color: green;
}
.max500{max-width:500px;}
.w50p{width:50%;}
.w100p{width:100%;}
.w80 {width: 80px !important;}
.w100 {width: 100px !important;}
.w200 {width: 200px !important;}
.w300 {width: 200px !important;}
.w400 {width: 400px !important;}
.w500 {width: 500px !important;}
.card-img-top{text-align:left;}

/* For other boilerplate styles, see: /docs/general-configuration-guide/boilerplate-content-css/ */
/*
* For rendering images inserted using the image plugin.
* Includes image captions using the HTML5 figure element.
*/
figure.image {
  display: inline-block;
  border: 1px solid gray;
  margin: 0 2px 0 1px;
  background: #f5f2f0;
}
figure.align-left{float: left;}
figure.align-right{float: right;}
figure.image img{margin: 8px 8px 0 8px;}
figure.image figcaption{
  margin: 6px 8px 6px 8px;
  text-align: center;
}
/* Alignment using classes rather than inline styles
 check out the "formats" option
*/
img.align-left{float: left;}
img.align-right{float: right;}

/* Basic styles for Table of Contents plugin (toc) */
.mce-toc{border: 1px solid gray;}
.mce-toc h2{margin: 4px;}
.mce-toc li{list-style-type: none;}
.card-text{ font-size:0.75rem;}
.card-search-tags{
/*	font-size: 1rem; */
	border-top: thin solid #c8c8c8;  
	border-bottom: thin solid #c8c8c8;
	margin:5px;
}
.card-meta-desc, .card-meta-title{
	font-size: 1rem;
	border-bottom: thin solid #c8c8c8;
	margin:5px;
}
.item_shortDescription{
	margin:5px;
	border-top: thin solid #c8c8c8;
	border-bottom: thin solid #c8c8c8;
}
.ExtraImages_view{
	display: inline-flex;
	padding: 5px 0px;
	flex-wrap: wrap;
}
.ExtraImages_edit{
	display: inline-flex;
	padding: 5px 0px;
	min-width: -webkit-fill-available;
}
.extra_image_view{
	padding-right:3px;
}
.extra_image_edit{
	text-align: center
}
.extra_img_view{
	width:100px;
	text-align: center;
}
.extra_img_edit{
	width:100%;
	text-align: center;
}
.extra_imgTitle_view{
	text-align: center;
	font-size: 0.75rem;
}
.rotateExtraImage{
	float: left;
	color: blue;
	cursor: pointer;
	padding: 3px 3px;
}
.deleteExtraImage{
	float: right;
	color: red;
	cursor: pointer;
	padding: 3px 3px;
}
#dpz_extra_image{margin-left:10px;}

.tabList li{
/*	display: inline-block;
	padding-right:5px; */
}
.nav-link{
	padding: 0.1rem 0.5rem;
}
.nav-link.active{
	background-color: lightgrey !important;
    border-color: black black #fff !important;
}
.addDownloadBtn, #finishUploadBtn{
	float:right;
	margin-right:10px;
}
.addVideoBtn, #finishVidBtn{
	float:right;
	margin-right:10px;
}
.category-badges{
	margin-left: 10px;
	cursor: pointer;
}
.selectedCategory{
	font-size: 0.9rem;
	background-color: darkgreen !important;
	color: white !important;
}
.icon_div{
	display: flex;
	margin-top: 3rem;
	width: fit-content;
}
.optionList{
	max-width: fit-content;
}