@charset "utf-8";
/*
* Themes Styles
*/


html {
	height:100%;
	scroll-behavior: smooth;
}

body {
	margin:0;
	padding:0;
	height:100%;
	overflow:hidden;
	font-size:1em;
	direction:ltr;
	background-color: whitesmoke;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex-wrap: nowrap;
	cursor: default;
}

#top_menu-nav li { padding: 0 0.5rem }



/************************ AR hacks ***********************/
body.rtl{direction: rtl;}

body.rtl *{ text-align:right}
fieldset.tablefieldset { height: 300px }
fieldset { background-color: var(--light); border: 1px solid var(--white); border-radius: 3px;}
legend { border-radius: 3px; border-top-left-radius: 3px; padding: 0 0.5rem; width: auto; }

body.rtl .form-check-input { margin-right: -1.20rem;}
.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

body.rtl .float-right{
	float: left !important;
}

body.rtl .float-left{
	float: right !important;
}

body.rtl .ui-icon-triangle-1-w { background-position:-32px -16px;}
body.rtl .ui-icon-triangle-1-e { background-position:-96px -16px;}
body.rtl .ui-tabs .ui-tabs-nav li {  float: right; }
body.rtl .ui-corner-left{ border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px; border-top-left-radius: 0px;}
body.rtl .ui-corner-right{ border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 0px; border-top-right-radius: 0px;}

body.rtl .nav {padding-right: 0}

.form-group.rtl .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.form-group.rtl .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.form-group.rtl .input-group>.input-group-append:not(:last-child)>.btn, 
.form-group.rtl .input-group>.input-group-append:not(:last-child)>.input-group-text, 
.form-group.rtl .input-group>.input-group-prepend>.btn, 
.form-group.rtl .input-group>.input-group-prepend>.input-group-text,
.form-group.rtl .input-group>.form-control:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.form-group.rtl .input-group>.custom-select:not(:first-child), 
.form-group.rtl .input-group>.form-control:not(:first-child),
.form-group.rtl .input-group>.input-group-append>.btn:first-child,
.form-group.rtl .input-group>.input-group-append>.input-group-text   {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form-group.rtl .input-group>.form-control:not(:first-child):not(:last-child){
	border-radius: 0px;
}

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

body.rtl .address_entry select, body.rtl .email_entry select, body.rtl .phone_entry select{
	border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

body.rtl .address_entry input, body.rtl .email_entry input, body.rtl .phone_entry input,
body.rtl .address_entry .input-group-append .btn:not(:last-child), 
body.rtl .email_entry .input-group-append .btn:not(:last-child), 
body.rtl .phone_entry .input-group-append .btn:not(:last-child){
	border-radius: 0 !important;
}
body.rtl .address_entry .input-group-append .btn:last-child, 
body.rtl .email_entry .input-group-append .btn:last-child, 
body.rtl .phone_entry .input-group-append .btn:last-child{
	border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

body.rtl .toolbox .btn{
	border-radius: 0 !important;
}

body.rtl .toolbox > .btn:first-child{
	border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

body.rtl .toolbox .btn:last-child{
	border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}

.rangeslider.vertical .input-group-text{ border-radius: 0.25rem !important; }
.rangeslider.vertical input[type="range"] {-webkit-appearance: slider-vertical}

table.tableinput tbody td {padding: 0 !important;}
table.tableinput  tr.tableinput th {padding: 0 !important;}
table select, table input[type=text] {width: 100%; text-align:center; border:0; border-radius: 0; padding: 0.3rem; color: darkblue; background-color: transparent;}

.pagination{ margin-bottom: 0.25rem;}
/********************* OTHER HACKS ************************/
.d-flex.hidden { display: none !important }

/************************ COLORS ***********************/
.bg-green {background-color: #60a917 !important }
.bg-golden {background-color: #f0a30a !important }
.bg-yellow {background-color: #e3c800 !important }
.bg-blue {background-color: #16499a !important }
.bg-cyan {background-color: #00aff0 !important}
.bg-red {background-color: #ce352c !important}
.bg-turq {background-color: #00aba9 !important}

/*********************** Main Layout ****************/
/************ Nav Bar *********************************/
#page_content {
    perspective: 1500px; 
	overflow-y: auto;
	overflow-x: hidden;
}
@media (max-width: 768px){
	#module_home > div.content::-webkit-scrollbar { width: 0 !important }
	#module_home > div.content{ overflow: -moz-scrollbars-none;  -ms-overflow-style: none; }
}

.MS_ModuleDiv { 
	width:100%;
}

#sidebar {
	transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin: center left;
	z-index: 100;
	max-height: 100%;
	min-height: 100%;
	transform: rotateY(200deg);
	overflow-y: auto;
}

#sidebar.active {
	margin-left: 0;
	transform: rotateY(0deg);
}
body.rtl #sidebar{
    transform-origin: center right;
	transform: rotateY(-200deg);
}
body.rtl #sidebar.active {	
/*	margin-right: -100%; */
    transform: rotateY(0deg); /* Rotate sidebar vertically by 100 degrees. */
	margin-left: 0;
    transform-origin: center right;
}

#sidebarCollapse {
	display: none;
	position: relative;
	width: 40px;
}
@media (max-width: 768px){
	#sidebarCollapse {
		font-size:120%;
	}
}
#sidebarCollapse.active{
	border: 0;
	outline: 0 !important;
}
#sidebarCollapse .fas{  
	position: absolute;
	transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
	transform: rotate(-180deg) scale(1);
	-webkit-transform : rotate(-180deg) scale(1); 
    transform-origin: center;
	top:12px;
	left:12px;
}
#sidebarCollapse .fa-times{ 
	transform: rotate(-180deg) scale(0);
	-webkit-transform : rotate(-180deg) scale(0);
}

#sidebarCollapse.active .fa-bars{  transform: rotate(180deg) scale(0);-webkit-transform : rotate(180deg) scale(0);}
#sidebarCollapse.active .fa-times{ transform: rotate(180deg) scale(1);-webkit-transform : rotate(180deg) scale(1);}


#sidebarCollapse:active, #sidebarCollapse:focus{
	border: 0;
	outline: 0 !important;
}
@media (max-width: 768px){
	body.ltr #sidebar, body.rtl #sidebar {
		position: absolute;
    	transform: rotateY(0deg);
	}
	body.ltr #sidebar.active {
		transform: rotateY(200deg); /* Rotate sidebar vertically by 100 degrees. */
	}
	body.rtl #sidebar.active {	
		transform: rotateY(-200deg);
	}
	#sidebarCollapse{ display:inline-block;	}
	#sidebarCollapse .fa-bars{  transform: rotate(180deg) scale(0);-webkit-transform : rotate(180deg) scale(0);}
	#sidebarCollapse .fa-times{ transform: rotate(180deg) scale(1);-webkit-transform : rotate(180deg) scale(1);}#sidebarCollapse.active .fa-bars{  transform: rotate(180deg) scale(1);-webkit-transform : rotate(180deg) scale(1);}
	#sidebarCollapse.active .fa-times{ transform: rotate(180deg) scale(0);-webkit-transform : rotate(180deg) scale(0);}
}


#reconnect_div{
	justify-content: space-around; 
	position: absolute;
	width: 100%; 
	height: 100%; 
	z-index: 9999; 
	align-items: center;	
}

footer{display:block; height: 40px; min-height: 40px; min-height: 40px;} 
@media (max-width:768px){
	footer li {height: 100%; font-size: 120%;}
}


#main_menu .dropdown-menu {
	margin : 0; 
	padding:0 0 0.3rem 0;
	-webkit-border-radius: 0 0 6px 6px  ;
    -moz-border-radius: 0 0 6px 6px  ;
    border-radius: 0 0 6px 6px ;
}

#main_menu li {
	position: relative;
}



#main_menu li >  ul.dropdown-submenu,#footer >  ul.dropdown-submenu{ 
    position: absolute;
    top: 0;
    left:100%;
    display: none;
    list-style: none;
    padding: 0 0.4rem;
    margin: 0;
    white-space: nowrap;
     -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
footer >  ul.dropdown-submenu{ 
	bottom:0;
	top:unset;
}

body.rtl #main_menu li >  ul.dropdown-submenu { right: 100% }
/* @media screen and (max-width: 760px) {

	nav.navbar {position: absolute; z-index: 100; width: 100%; overflow-y: auto; max-height: 100%; padding-bottom: 10px;}
	#page_content{ padding-top: 45px; }
}
 */
#main_menu li:hover > ul.dropdown-submenu{ display: block !important }

#main_menu .nav-link {white-space: nowrap;}
body.ltr #main_menu a.nav-link .fas {margin:0 0.5rem 0 0.2rem;}
body.rtl #main_menu a.nav-link .fas {margin:0 0.2rem 0 0.5rem;}

#main_menu .dropdown-menu .nav-link { padding: 0.2rem 0.5rem !important}

.navbar-right {padding:0 }
.navbar-right a {color: #FFF } 
.navbar-right a:hover {color: #cbd3da !important}



@media (min-width: 768px){
	*[action="revealTreeList"]{
		display: none;
	}
}

.content {
	max-height: 100%;
	height: 100%;
	overflow:auto;
}

@media (max-width: 768px){
	.content.col-sm-12 {
		max-height: 100%;
		height: 100%;
		overflow:auto;
	}
}
.content .row{
	height: 100%;
}
.content .scrollable:last-child{
	overflow: auto;
	flex: 1 1 auto;
}
.container-fluid { padding: 0;}
/*************** Scroll bar ******************/
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 3px;
	background-color: #F5F5F5;

}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #888;
}
/*:hover::-webkit-scrollbar {
	background: #555; 
	width: 10px;
	height: 10px;
	border-radius: 5px;

}*/

.debug_mode_label{ position:absolute; bottom:5px; color:#F00; text-shadow:#090; font-size: 200%; pointer-events: none;}
body.ltr .debug_mode_label{ right: 5px;}
body.rtl .debug_mode_label{ left: 5px;}
#ballons_div {position: absolute; top: 30px; z-index: 10000; min-width: 150px}
body.rtl #ballons_div {left: 30px}
body.ltr #ballons_div {right: 30px}

body.rtl .modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem auto -1rem -1rem;
}

/********* Tree Layout ****************/
.tree_layout { width:100%; height:100% }
.tree_layout > div {height: 100%;}
.tree_list ul {margin-right: 0; margin-left: 0}
.tree_list .nav-link { padding: 0.2rem .5rem;}
.tree_target .tree_list, .tree_target .tree_target {background-color: transparent !important; color: #454d55 !important;}
.tree_list .collapse-toggle::before {
    display: inline-block;
    margin-left: -.255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    margin-right: 0.5rem;
}
body.rtl .tree_list .collapse-toggle::before {
    margin-right: -.255em;
    margin-left: 0.5rem;
}

body.ltr .tree_list ul.nav ul.nav { border-left: 1px solid #FFF; padding: 0 8px; margin:-2px 0px 8px 10px; }
body.rtl .tree_list ul.nav ul.nav { border-right: 1px solid #FFF; padding: 8 0px; margin:-2px 10px 8px 0px; }

body.ltr .tree_target .tree_list{ border-right: 1px solid #454d55 }
body.rtl .tree_target .tree_list{ border-left: 1px solid #454d55 }
.tree_target .tree_list ul.nav ul.nav{border-color: #343a40 !important}
.tree_target .tree_list ul.nav ul.nav{border-color: #343a40 !important;}
.tree_target .tree_list .text-light{color: #454d55 !important;}

.tree_target {display: none}
.revealTreeList .fa-chevron-right{ display: none;}
body.rtl .revealTreeList .fa-chevron-right{ display: block;}
body.rtl .revealTreeList .fa-chevron-left{ display: none;}
@media (min-width: 768px){
	.tree_target {display:block};
}
@media (max-width:768px){
	.tree_list li {padding: 0.3rem 0.02rem;}
}
/********************* Loading Div ********************/
#loading_main_div{
	width:400px;
	position:absolute;
	text-align:center;
	z-index:99999;
	
	top:50%;
	left: 50%;
	margin-top: -70px;
	margin-left: -200px;
}
@media (max-width: 768px){
	#loading_main_div{
		width:80%;
		margin: auto 10%;
		left:0;
	}
}
#loading_main_div #loading_progress  { 
    margin: 0 2px 4px;
    height: 12px;
 }

#loading_main_div .ui-progressbar .ui-progressbar-value, .progressbar { 
	background-image: url(../img/progressbar.gif); 
}

#preloading_overlay{
	position: absolute;
	width: 100vw;
	height: 100vh;
	z-index:9998;
	top:0;
	background-color: #000;
	opacity: 0.9;
}
/***************** LOader *****************/
.loader {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 4s linear infinite;
	border-top: 16px solid #17a2b8;
	border-right: 16px solid gray;
	border-bottom: 16px solid #17a2b8;
	border-left: 16px solid gray;
}

@keyframes spin {
  0% { transform: rotate(0deg); border-width: 1px }
  50% {  border-width: 59px}
  100% { transform: rotate(360deg); border-width: 1px}
}

/******************************** Helpers *****************************************/
body.ltr .reverse_align { text-align:right; direction: rtl;}
body.rtl .reverse_align { text-align:left; direction: ltr;}

body.ltr .def_align{ text-align:left}
body.rtl .def_align{ text-align:right}

body.ltr .def_float{float:left}
body.rtl .def_float{float:right}

body.ltr .rev_float{float:right}
body.rtl .rev_float{float:left;}

body.rtl .float-lg-right{float: left !important}

.text_deleted {text-decoration: line-through}
.text-bolder {font-weight: bolder !important; }
body.consol {
	background-color: #000; 
	color: green !important; 
	direction: ltr !important; 
	font-size: 14px;
	margin: 5px;
	overflow: auto
}

body.consol .debug_mode_label{display: none !important}

.btn-group .icon_true{ display: none; }
.btn-group .active .icon_true{ display: inline-block; }
.btn-group .icon_false{ display: inline-block; }
.btn-group .active .icon_false{ display:none }

.hidden{display:none}
.hand{ cursor:pointer}
.cursor_disabled { cursor: not-allowed; }
.shadowed{	box-shadow:0px 0px 15px #8C8C8C;}

.grid-center { display: grid; place-items: center; }

.big_title{ border-bottom: 1px dashed #CCC; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4)}
.big_title select{
	border-color: transparent;
    background-color: transparent;
    font-size: 200%;
    font-weight: bolder;
    margin: 0 5px;
    padding: 0 5px;
}
.big_title select:focus {
	outline: none;
}

.tree_target .big_title h2{font-size: 1.6rem}
.tree_target .tree_target .big_title h2{font-size: 1.3rem}

.circle_button { width:30px; height:30px; border-radius:50%; padding:3px; cursor:pointer; text-align: center !important;}
@media (max-width:768px){
	.circle_button{ width:36px; height:36px;}
}

.circle_button.disabled { cursor: default; }


@media (max-width:768px){
	form.inline{
		flex-direction: column;
	}
}

.toolbox > a .fas, .toolbox>a .fab { margin: 0 3px;}
.toolbox .form-group { margin:0; padding:0; }
.toolbox .form-group:not(:first-child) input, .toolbox .form-group:not(:first-child) select {
	border-top-left-radius :0 !important;
	border-bottom-left-radius: 0 !important;
}
.toolbox .form-group:not(:last-child) input, .toolbox .form-group:not(:last-child) select {
	border-top-right-radius :0 !important; 
	border-bottom-right-radius: 0 !important;
}
nav .form-group { margin:0; }

.tooltip ul {list-style: none; padding: 0.3rem; margin:0;}
legend .circle_button{ 
	width: 24px; 
	height: 24px; 
	display: inline-grid; 
	place-content: center;
	font-size: small; 
	margin: 0 5px; 
}

.rotated {    
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    justify-content:center;
    align-items:center;
    writing-mode: vertical-lr;
	white-space: nowrap;
	margin: auto;
}

.navbar-nav .dropdown-menu{ position: absolute}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/********* Messages  **********/
#count_new_msgs{
    position: absolute;
    bottom: -4px;
    border-radius: 50%;
    font-size: smaller;
    line-height: 1;
    text-align: center;
    font-size: smaller;
    font-weight: bold;
    display: none;
    animation-name: stretch;
	animation-duration: 0.7s; 
	animation-timing-function: ease-out; 
	animation-delay: 0;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-fill-mode: none;
	animation-play-state: running;
}

@keyframes stretch {
  0% {
    transform: scale(.3);
    background-color: #440000;
    border-radius: 100%;
  }
  100% {
    transform: scale(0.8);
    background-color: red;
    border-radius: 100%;
  }
}
/************************** LANCHER ********************************/
.lancher-item-icon a{
	width: 80px;
	align-items: center;
	justify-content: start;
	text-decoration: none;
	aspect-ratio: 1/1;
}
.lancher-item-icon a:hover{ text-decoration: none;}
.lancher-item-icon a b {text-align: center; line-height: 1}
.lancher-item-icon a .fas {font-size: 2rem}
.lancher-item-icon:hover{ box-shadow:0px 0px 15px #8C8C8C;}

/********************* Dialog **************************/
.ui-dialog {padding: 0 !important}

.ui-dialog .ui-dialog-titlebar{padding: 0.4rem !important;}
.ui-dialog .ui-dialog-titlebar-buttonpane > a{ width: 20px; height:20px; padding: 0 5px; }
.ui-dialog .ui-dialog-titlebar-buttonpane > a:hover{ padding-top: 2px }

body.rtl .ui-dialog-titlebar-buttonpane{direction: ltr;}
body.ltr .ui-dialog-titlebar-buttonpane{direction: rtl;}

.ui-dialog-buttonpane span.ui-button-icon.ui-icon { text-indent:0 !important }
@media (max-width: 768px){
	.ui-dialog .ui-dialog-content{
		padding:0.25rem !important;
	}
	
}

/* .ui-front { z-index: 2 !important; } */
/********************** Tabs *************************/
.ui-widget {font-family: unset !important;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: .25em .5em !important; }
.ui-tabs .ui-tabs-panel { padding: 0.8rem .5rem !important;}


/********************** Tables ***********************/
table.table-sm { font-size: 90%;}
table.table-sm .circle_button{ width: 24px; height: 24px; font-size: 80% !important;}

table .form-group{ margin: 0; padding: 0 }
table .btn {font-size: smaller;}

div.dataTables_scrollFootInner table.dataTable {margin-bottom: 0 !important;};
div.dataTables_scrollHeadInner table.dataTable {margin-top: 0 !important;};
div.dataTables_scrollHead table.dataTable{margin-bottom: 0 !important;margin-top: 0 !important;}
div.dataTables_scrollBody{ margin-top:-1px}
.dataTables_wrapper.no-footer .dataTables_scrollFoot{height: 0;}
.datatable-warp:not(.ui-tabs-panel) {
  overflow: hidden !important;
}
/*.dataTables_scroll, .dataTables_wrapper{height:100%; overflow: hidden;};
*/
/*************** Tabs *********************************/
.ui-tabs-panel { max-height: 100%; overflow:auto; height: 100%;}


/**************  ACE Editor ***********************/
.ace_editor{ height:100%; margin-bottom: 0;}

/**************  TIny Editor ***********************/
body.mce-content-body {overflow: auto;}

/**************** FORM **************************/
form.compact div.form-control-sm:not(.form-check) , .toolbox div.form-control-sm:not(.form-check) {padding: 0;}
form.compact input.form-control-sm {padding: 0 0.3rem;}
form.compact .form-text{margin-top: .125rem;}
.btn-group-toggle.form-control-sm label {padding-top: .125rem;}

span.autocomplete_search {
	position: absolute;
    right: 5px;
    top: 35%;
    font-size: 70%;
    cursor: pointer;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    z-index: 10000 !important;
	max-width: wv(100);
}
.ui-autocomplete .ui-menu-item { 
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space: nowrap; 
	max-width: wv(100); 
	width:fit-content;
}

.form-group.rtl{text-align:right; direction: rtl;}
.form-group.ltr{text-align:left; direction: ltr;}

.form-group.rtl .form-control {
	background-position: left calc(.375em + .1875rem) center;
}

.radio_group-holder .active{color :#007fff !important; font-weight: bolder;}
body .radio_group-holder .btn-group .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body.rtl .radio_group-holder .btn-group .btn:last-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

body.ltr .radio_group-holder .btn-group .btn:last-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
/**************** checklist ****************/
.list-group label {margin-bottom: 0}
body.ltr .list-group input {margin-right : 7px};
body.rtl .list-group input {margin-left : 7px};

list-group {padding-right: 0;}

/* Sortable*/
body.dragging, body.dragging * { cursor: move !important;}
.dragged {
	position: absolute;
	opacity: 0.5;
	z-index: 2000;
	right:0;
	left:0;
} 
.sortable li.placeholder {
	position: relative;
	border-top-color:blue
}
.sortable li.placeholder:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	margin-top: -5px;
	left: -5px;
	top: -4px;
	border: 5px solid transparent;
	border-left-color: red;
	border-right: none;
}


/**************** Contact **************/
.contact-main:hover {background: blue}
.contact-main  .fa {opacity: 0.3}
.contact-main.btn-primary  .fa {opacity: 1}
.contact-main:hover  .fa {opacity: 1}

.phone_entry select  {
	height: auto;
	padding: 0 0.375rem;
}
.phone_entry select:focus  {
	background-color: #e9ecef;
	box-shadow: 0;
}

/******************************************/
div.form-group div.form-group {
    margin-bottom: 0 !important;
}

.list-group-item { padding: 0.25rem 0.75rem }
.list-group-item p {margin: 0;}
/************ Clendar con menu *********************************/
/*#calender_con_menus .dropdown-menu {
	margin : 0; 
	padding:0 0 0.3rem 0;
	-webkit-border-radius: 0 0 6px 6px  ;
    -moz-border-radius: 0 0 6px 6px  ;
    border-radius: 0 0 6px 6px ;
}
*/


body.ltr #calender_con_menus li >  ul{ margin-left:1rem }
body.rtl #calender_con_menus li >  ul{ margin-right: 1rem}


/* #calender_con_menus li:hover > ul{ display: block !important } */



.calendar_week_table {
	min-height: 90%;
}

.calendar_week_table th{ text-align: center; }

.calendar_week_table td:not(:first-child) {
    width: 13%;
}
.calendar_week_table td::first-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.calendar_week_table li {
	width:100%;
}

.calendar_week_table li a {
	width:100%;
	height:100%;
	font-size: 120%;
	font-weight:bolder;
}

.calendar_week_line_ul { padding:0; margin:0 0 0.25rem 0;}
.calendar_week_line_ul button {
	flex:0 !important;
	padding:3px 2px;
	min-width: 20px;
	text-align: center;
}


.regle{ position: relative; list-style: none; padding: 0; margin: 0}
body.rtl .regle{ direction:ltr}
body.ltr .regle{ direction:rtl}
ul.regle span {position:absolute; }
ul.regle li {height:5px; border-top:1px solid #000000;}
ul.regle li.indecitor{ position:absolute; height:0px;
    border-top: 2px solid #007bff;
    border-bottom: 2px solid #007bff;
	background-color: rgb(250, 212, 46, 0.8);
	width: 100%;
	vertical-align:middle;
	text-align:center;
	height:2px;
}
/************ Messages con menu *********************************/
body.ltr #message_con_menus li >  ul.dropdown-menu{ margin-left: 1rem}
body.rtl #message_con_menus li >  ul.dropdown-menu{ margin-right: 1rem}

#message_con_menus{
	top:40px;
}
#message_con_menus li >  ul.dropdown-menu{ 
    position: initial;
    min-width: 180px;
    top: 0;
    padding: 0 0.4rem;
    margin: 0;
    white-space: nowrap;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
	float: none;
}


#message_con_menus li >  ul.navbar-nav{
	-webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
/* #message_con_menus li:hover > ul{ display: block !important } */


@media screen and (max-width: 760px) {
	#message_con_menus .dropdown > ul.dropdown-menu {position: relative;}
}


/* .dropdown-submenu { max-height: 250px; overflow-x: auto; } */

#message_con_menus .dropdown-menu .nav-link { padding: 0.2rem 0.5rem !important}

/* #message_con_menus li:hover > ul{ display: block !important } */


#message_con_menus .nav-link { padding: 0.2rem 0.5rem !important}

/*************** Upload ******************/

input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
}


#upload-drop-area{
    border: 2px dashed lightgray;
    border-radius: 3px;
    text-align: center;
    overflow: auto;
}

#upload-drop-area:hover{
    cursor: pointer;
}

#upload-drop-area h2{
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    line-height: 30px;
    color: darkslategray;
}

#upload_result { display: flex; align-items: flex-start; flex-direction: row; flex-wrap: wrap; }
.thumbnail {max-width: 160px; max-height: 90px}


/**************** Shool fees ****************/
#module_schoolfees .tabs .ui-tabs-panel{ padding: 5px 0 0 !important }


/***************  Schedule **************/
.schedule-holder a{ text-decoration: none; }
.schedule-holder a.active{ color: #007bff; }
.schedule_table, .schedule_table ul, .week_line_ul { list-style: none; margin: 0; padding: 0; }
.schedule_table > li {width: 12.5%; border: 1px solid #ebebeb; }
.schedule_table > li > div{border-bottom: 1px solid #ebebeb; }
.day_timeline { position: relative; }
.day_timeline > li{ border-bottom: 1px solid #ebebeb; position: absolute; width: 100%;  }
ul.day_timeline li.faded{opacity:0.7}
ul.day_timeline li.rec {background-color:#990066; color:#CCCCCC; padding-top:5px; }
ul.day_on{ background-color:#CCCCCC;}
ul.day_off {background:#333333; color:#CCCCCC; }
.maintenance { background-image:url(../../assets/img/maintenance.png); color:#FFFFFF; font-weight:bold; opacity:.7}
.blackTimeOut:hover{border:1px solid #D5E102}

.btn-group label span.fas{pointer-events: none;}
.btn-group label.active span.fas{color: #007fff;}

/*************** marks ***************/
.result_cell{ text-align:center}
.large_cell {font-size:12px;width:40px; height:40px;position:relative}
body.ltr ul.service_cells li{ margin-right: 1px ; }
body.rtl ul.service_cells li{ margin-left: 1px ; }
.large_cell span.tl{font-size:90%; position:absolute; top:2px; left:2px}
.large_cell span.tr{font-size:90%; position:absolute; top:2px; right:2px;color:red}
.large_cell span.bl{font-weight:bolder; position:absolute; bottom:2px; left:2px}
.large_cell span.br{font-size:90%; position:absolute; bottom:2px; right:2px;color:blue;}

/* appreciation */
.appr_grad {position:absolute; top:3px; right:3px; font-weight:bold; font-size:8px; color:#F36}


/*   ClassService Timeline */
.timeline_date:after {
	position:absolute;
	box-shadow: 0 0 0 4px #4298c3;
	right: -8px;
	background: #313534;
	border-radius: 50%;
	height: 12px;
	width: 12px;
	content: "";
	top: 6px;
}

/****************** LMS ****************/
.book_suumarys > li {width: 50%; max-height: 500px; padding-bottom: 0.25rem;}



/******************** Documents ***********************/
/** Explorer **/
.address_bar span {
	display: inline-block;
    height: 16px;
    padding: 3px 5px;
}

.address_bar a{
	float: right;
    margin: 0 2px;
	height:24px
}

#document_space_div {padding:10px 2px;}
#document_space_div span {padding:2px 6px; white-space: nowrap;}
.explorer_form li.item{
    text-align: center;
    width: 80px;
	vertical-align: top;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	position:relative;
	font-size: smaller;
	border-radius: 2px;
} 


.explorer_form li.file_name .file_tools{
	position:absolute;
	left:3px;
	top:3px;
	padding:0;
	margin:0;
	list-style:none;
	display: none;
}

.explorer_form li.item:hover{background-color: wheat;}
.explorer_form li.item.active{background-color: wheat;}

.explorer_form li.file_name:hover .file_tools{
	display: flex;
}

.explorer_form li.item .file_tools li{
	width:20px;
	height:20px;
	padding:2px;
}

.explorer_form li.item img{
	text-align: center;
	vertical-align:top;
	max-height:64px;
	max-width:64px;
}
.explorer_form li.item a {text-decoration:none;}


table.fixed td{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
table.fixed p{ margin:0}

span.shared_file_icon {
    position: absolute;
    top: 3px;
    right: 3px;
    color: brown;
}

/****************** Commands ******************
@media print { 
	.command_data{ flex-direction: row; display: flex; flex-wrap: wrap;}
	.command_data .form-group{ width:50%; float: left!important}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left!important;
	}
	.col-sm-12, .col-md-12 {
		width: 100%;
	}
	.col-sm-11, .col-md-11 {
		width: 91.66666666666666%;
	}
	.col-sm-10, .col-md-10 {
		width: 83.33333333333334%;
	}
	.col-sm-9, .col-md-9 {
		width: 75%;
	}
	.col-sm-8, .col-md-8 {
		width: 66.66666666666666%;
	}
	.col-sm-7, .col-md-7 {
		width: 58.333333333333336%;
	}
	.col-sm-6, .col-md-6 {
		width: 50%;
	}
	.col-sm-5, .col-md-5 {
		width: 41.66666666666667%;
	}
	.col-sm-4, .col-md-4 {
		width: 33.33333333333333%;
	}
	.col-sm-3, .col-md-3 {
		width: 25%;
	}
	.col-sm-2, .col-md-2 {
		width: 16.666666666666664%;
	}
	.col-sm-1, .col-md-1 {
		width: 8.333333333333332%;
	}
}*/

.ltr .ps-0{padding-left: 0!important;}
.rtl .ps-0{padding-right: 0!important;}

.ltr .pe-0{padding-right: 0!important;}
.rtl .pe-0{padding-left: 0!important;}

.ltr .ps-1{padding-left: 0.25rem!important;}
.rtl .ps-1{padding-right: 0.25rem!important;}

.ltr .pe-1{padding-right: 0.25rem!important;}
.rtl .pe-1{padding-left: 0.25rem!important;}

.ltr .ps-2{padding-left: 0.5rem!important;}
.rtl .ps-2{padding-right: 0.5rem!important;}

.ltr .pe-2{padding-right: 0.5rem!important;}
.rtl .pe-2{padding-left: 0.5rem!important;}

.ltr .ps-3{padding-left: 1rem!important;}
.rtl .ps-3{padding-right: 1rem!important;}

.ltr .pe-3{padding-right: 1rem!important;}
.rtl .pe-3{padding-left: 1rem!important;}

.ltr .ps-5{padding-left: 3rem!important;}
.rtl .ps-5{padding-right: 3rem!important;}

.ltr .pe-5{padding-right: 3rem!important;}
.rtl .pe-5{padding-left: 3rem!important;}





.accordion .card-header .btn {
    width: 100%;
    text-align: start;
}
.accordion .card-header .btn:hover {
	text-decoration: none;
}

.accordion .card-header .btn:focus {
	outline: none;
}

/*       Exercices *************/
.exercise_questions_list [action="insertQuestion"]{ 
	display: none !important;
}

.exercise_questions_list [action="removeQuestion"] { 
	display: block !important;
}
.exercise_questions_list .opts {
	display: flex !important;
}

.search_question_list [action="removeQuestion"] {
	display: none !important;
}

.search_question_list [action="insertQuestion"]{ 
	display: flex !important;
}
.question_counter{
	--w: 100px;
	--bgcolor: #007bff;
	--percentage: 100;
	width: var(--w);
	aspect-ratio: 1;
	display: inline-grid;
	place-content: center;
	font-size: 25px;
	font-weight: bold;
	transition: all 1s ease;
	border-radius: 50%;
	z-index: 1;
}
.question_counter.danger {
	animation: blinker 1s linear infinite;
}
@keyframes blinker {
	50% {
	  opacity: 0.5;
	}
}

.question_counter:before{
	content: "";
	position: absolute;
	border-radius: 50%;
	inset: 0;
	background: conic-gradient(var(--bgcolor) calc(var(--percentage)*1%),#0000 0);
	aspect-ratio: 1;
	transition: all 1s ease;
	border: 1px solid var(--bgcolor);
}

.not_time_controled .time_opts{
	display: none;
}

.exercises-control{
	top:auto !important;
	bottom: 2rem !important;
	right: 1rem !important;
}

.exercise-media {
	min-height: 240px;
	max-height: 360px;
	object-fit: contain;
}