@font-face {
    font-family: 'IcoMoon';
    src: url('../fonts/IcoMoon.eot');
    src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../fonts/IcoMoon.woff') format('woff'), url('../fonts/IcoMoon.ttf') format('truetype'), url('../fonts/IcoMoon.svg#IcoMoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: 'IcoMoon';
    content: attr(data-icon);
    speak: none;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}
.jmodedit {
    display: none;
}
.jmodedit ~[role=tooltip] {
    display: none;
}
.steps .steps-container .step-block.step-active {
    background-color: #08c;
}
tr.mailbox-uread-message > td > label {
    display: none;
}
tr.mailbox-uread-message > td > input[type="checkbox"] {
    margin: 0;
}
.form-control-feedback {
  display: block;
}
.nav-top .nav-main .my-account{
	float:right
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], 
input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	margin-bottom: 0px;	
}
#password-0{
	text-align:left
}
.nav-top ul.my-account{
	display: flex;
	justify-content: space-between;
}
.nav-top ul.my-account li:last-child{
	display:flex;
	margin: auto 0;
	float:right
	
}
.nav-top .nav-main .my-account li a{
	top :0px
}

.breadcrumb > li.breadcrumb-item{
	padding-right:20px;
	margin-right:10px;
	background:url(../img/arrow.png) no-repeat;
	background-position: right center;
}
.breadcrumb > li.breadcrumb-item.active{
	background:none;
}
#jlms_mainarea label {
	display: inline-block;
}
#jlms_mainarea input[type="radio"]{
	margin:0px
}
/* fix dropdown button Topic list Course detail*/
.com_joomla_lms  .dropdown-toggle.show{
	display: inline-block !important;
}
/***** end *****/
.nav-tabs > li > a.active{
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: rgb(221, 221, 221);
	border-bottom-color: transparent;
	cursor: default;
}
/* delete outline properties from all btn (joomla4) */
.btn:focus{
	outline:none
}

/*overwrite padding on buttons on small screens */
@media (max-width: 979px) {
	.btn-micro {
		padding: 1px 4px;
	}
}

/* visually-hidden: copied from J4 bootstrap css */
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* password strength meter on J4 registration pages embedded into JoomLMS */
meter {
	width: 264px;
}

/* delete padding from published radio button
 * example forms: New Quiz, New course document, New JoomLMS learning path 
 */
fieldset .radio.btn-group {
  padding-left: 0;
}

/* joomla4 modals (for plugins in tinymce) */
div.modal.fade{
	top:5vh !important;
}
.modal-backdrop.fade{
	opacity:.1;
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal .btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
}
.modal .btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.modal .btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}
.modal .btn-close:disabled,.modal .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.25;
}
/* end joomla4 modals */

/* joomla4 login/register widgets on the pages with right column (jlms-right) modules */
@media (min-width: 1200px) {
  #content.span9 #jlms-authentification .form-horizontal .control-label {
    width: 130px;
  }
  #content.span9 #jlms-authentification .form-horizontal .controls {
    margin-left: 140px;
  }
  /* this 'input' styling is mainly for 'password' field on the login widget, otherwise there is no space for j4 eye icon */
  #content.span9 #jlms-authentification input {
    width: 190px;
  }
  #content.span9 #jlms-authentification meter {
    width: 250px;
  }
}