@import "../../../titanium/assets/css/style.min.css";

/* Your CSS code goes here
-------------------------------------- */

@font-face {
    font-family: 'ec-fontello';
    src: url("../fonts/ec-fontello.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
.nticon-file-pdf::before {
	content: '\f1c1';
    font-family: 'ec-fontello';
}
.ld-download-icon {
    font-size: 1.6em;
}
.mce-btn:is([aria-label="הוספת בדיקה"], [aria-label="ניקוי הכול"]) button::before {
	font-family: 'dashicons';
	position: relative;
	top: 2px;
	margin-left: 3px;
}
.mce-btn[aria-label="הוספת בדיקה"] button::before {
	content: "\f502";
}
.mce-btn[aria-label="ניקוי הכול"] button::before {
	content: "\f153";
}

.mce-btn[aria-label="צילום מסך"] button::before {
	content: '\e800';
	font-family: 'ec-fontello';
    margin-left: 3px;
}

/* hide buttons in note */
#nt-note-actions li:not(:first-child) {
	display: none;
}
#nt-note-actions li:first-child {
	width: 100%;
}

/* fullscreen iframe - not in use */
iframe.wistia_embed.fullscreen {
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw !important;
	height: 100vh !important;
	z-index: 100000;
}

/* fix editor scroll */
.nt-note-wrapper .note-body .mce-container-body {
	display: flex;
	flex-direction: column;
}

/* shrink button */
input.nt-note-submit {
	height: 35px;
}

/* fix rtl note */
.mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
	text-align: right;
	margin-right: 5px;
}
.nt-close-icon {
	left: 0;
	right: auto;
}
#nt-note-title-bar, #nt-note-title-field input[type="text"].nt-note-title {
	text-align: right;
}
#nt-course-note .mce-container, #nt-course-note .mce-container *, #nt-course-note .mce-widget, #nt-course-note .mce-widget *, #nt-course-note .mce-reset {
	direction: rtl;
	text-align: right;
}

/* fix z-index note */
#nt_note_cont .ui-resizable, .nt-note-wrapper.ui-resizable {
	z-index: 99999;
}

/* tmce tabs */
.mce-container-body .mce-top-part.mce-container {
    display: flex;
    flex-direction: column;
}
#nt-course-note .mce-container .tabs {
	display: flex;
	flex-wrap: wrap;
}
#nt-course-note .mce-container .tabs .tab {
	flex: auto 1 1;
	padding: 5px;
	background: lightgray;
	border: 1px black solid;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
}
#nt-course-note .mce-container .tab.current-tab {
	/*background: #4f759a;/*
	/* new color */
	background: #2b99c0;
	color: white;
}
#nt-course-note .mce-container .tab.current-tab .close-tab:after {
	content: "\f153";
	font-family: 'dashicons';
	display: inline-block;
	width: 18px;
}

/* sweet alert */
.swal2-actions .swal2-styled.swal2-confirm, .swal2-actions .swal2-styled.swal2-cancel {
	font-size: 20px;
}
#swal2-title {
	font-size: 30px;
}
body .swal2-container {
	z-index: 99999;
}

/* cropper */
#cropper-block {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.5);
}
#cropper-wrapper {
	width: 100%;
}
#cropper-buttons {
	display: flex;
	justify-content: center;
	gap: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	direction: rtl;
	background: white;
}
#cropper-buttons button {
	font-size: 20px;
}
#cropper-wrapper img {
	max-width: 90%;
	display: block;
	max-height: 80vh;
}
body.no-scroll {
	overflow: hidden;
}

/* note to left */
.nt-note-wrapper.ui-draggable {
	right: auto;
	left: 30px;
}

/* more note style */
.nt-note-tab.ldnt-style-circle.bottom {
    bottom: 76px;
}
#pojo-scroll-up.pojo-scroll-up-right {
    right: 50px;
	bottom:10px
}
#nt-utility-links {
    background: #50575e;
    color: #999;
    margin: 0;
    border-radius: 0 0 4px 4px;
    text-align: center;
}

/* hide learndash tabs */
body.single-sfwd-courses .learndash-wrapper .ld-course-status + .ld-tabs {
	display: none;
}

/* readonly inputs */
table.wpm_registration input.fld.readonly {
	opacity: 0.6;
	background: #efefef;
}

/* hide new tollbars */
.mce-toolbar:not(:first-child) {
  display: none;
}