html {
  overflow-y: scroll;
  overflow-x: auto;
}

body {
 background-color: #fbfbfb;
 padding-bottom: 140px;
 padding-top: 48px;
 direction: rtl;
 font-family: 'Assistant', Helvetica, Arial, sans-serif;
}

::-webkit-scrollbar {
  width: 16px;
}

/* Track */
.thin-scrollbar::-webkit-scrollbar { 
  width: 8px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #dde; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #A1AFC4; 
  border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #758295; 
}

.nav-app {  
  background-color: #0079a0;
  border-top-right-radius: 36px;
  border-bottom-right-radius: 36px;
  padding-left: 6px;
  padding-right: 16px;
}
.navbar-fixed-top {
  min-height: 48px;
}
.navbar-fixed-top .nav-brand {
  padding-top: 3px;
}

.nav-app .nav-brand {
  font-size: 1.4em;    
}
.nav-brand small {
  font-size: 0.8em;    
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: rgb(255 255 255);
}
.nav-app .logop {
  margin-right: 18px;
}
a.nav-brand {
  text-decoration: none;
}

.navbar-toggle {
  margin-top: 6px;
  margin-bottom: 6px;
}

.nav-brand {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  float: right;
  padding-top: 4px;
}
.navbar a.nav-brand:hover, .navbar a.nav-brand:focus {
  color: #fff;
  text-decoration: none;
}
.breadcrumb {
  padding: 2px 20px 2px 15px;
  margin-bottom: 0px;
}

footer {
  margin: 40px 0 0 0;
  padding: 20px 0;
  text-align: center;
}
.rtl {
  direction: rtl;
}
.static {
  position: static !important;

}
.d-block {
  display: block;
}
.responsive-div {
  overflow-x:auto;
  min-height: 600px;
}
.modal-body {
 overflow-y: unset;
}
.navbar-header sup {
  color: #85bbea;
  position: absolute;
  top: 10px;
  left: 10px;
}

.dropdown-menu .divider {
  height: unset;
  margin: 0;
  padding: 0 20px;
  font-size: 0.7em;
  line-height: 1.1em;
  background: #fff;
  color: rgb(175, 175, 175);
}
.navbar-right .btn-group {
  margin: 0 6px;
}
.navbar-right ul.dropdown-menu {
  top: 110%;
  overflow:auto;
}

.col-div {
  float: right;
  margin-right: 12px;
  padding: 6px;
}
.nums {
  white-space: nowrap;
}
.form-group-sm select.form-control {
  line-height: 1.5;
}
.files-uploader {
  margin-top: 8px;
}
.f-uploader {
  margin: 2px 8px;
  text-align: center;
}
.i-recording {
  border: 2px dashed rgb(134, 39, 39) !important;
  outline: none;
  color: rgb(134, 39, 39) !important;
  outline-style: none;
}
.f-recorded {
  border: 2px dashed rgb(40, 100, 0) !important;
}
.videoMirrored
{
    transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg); /* Safari and Chrome */
    -moz-transform:rotateY(180deg); /* Firefox */
}
.video-takepic {
  z-index: 99999;
  border: 2px dashed rgb(40, 100, 0) !important;
  position: relative;
}
.snap-btn {
  position: absolute;
  bottom: 6px;
  right: 12px;
  opacity: 0.9;
  cursor: pointer;
  display: inline-block;
  color: #fff;
}
.snap-btn:hover {
  opacity: 0.4;
}
.vspacer {
  height: 16px;
}
.btn span.caret {
  margin-right: 4px;
}
.btn span.glyphicon  {
  margin-left: 4px;
}
.btn-rounded span.glyphicon {
  margin-left: 0px;
}
.btn span.nopad  {
  margin-left: 0;
}
.login {
    max-width: 420px;
    margin: 10px auto;
}

h7 {
  text-decoration: underline;
  font-size: 13px;
}

img.logo {
    height: 38px;
    margin: 5px 6px 0px 14px;
    float: right;
}

table.table-tiny > thead > tr > th, .table-tiny > tbody > tr > td {
  font-size: 12px;
  padding:0 3px;
  width: auto;
}
table.table.sub-table {
  width: 100% !important;
}
tr.master-tr {
  background-color: #5b610d !important;
}
tr.master-tr > td {
  padding: 1px !important;
}
input.score {
    max-width: 52px;
    min-width: 30px;
}
select.tiny {
  height: 1.8em;
  padding: 2px 4px 0 14px;
}
input.tiny {
  height: 1.4em;
  max-width: 42px;
  display: inline-block;
}

input.thin {
  height: 1.4em;
  display: inline-block;
}
input.grade {
    max-width: 140px;
}
input.seder {
  max-width: 40px
}
textarea.st-remark {
  width:auto;
  min-width: 220px;
  width: 100%;
  min-height: 32px;
  resize: both;
}
.checkboxo {
  position: relative;
}

.max-line {
  max-width: 680px;
  padding-right: 3px;
}

.img-wrapper {
  margin: 0;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  z-index: 9900;
}
.avatar img {
  height: 100px;
  width: 100px;
}

span.pressme {
  display: inline-block;
  padding: 2px 4px;
  color: #00517a ; 
  font-weight: bold;
  background: #fde355;
  cursor: pointer;
}

.study-year-title {
  font-size: 0.8em;
  text-align: center;
  padding-bottom: 8px;
}

.welcome-teacher {
  float: left;
  line-height: 1em;
  padding: 8px 0 0 12px;
}
.navbar-right button {
    margin: 9px 8px 0 0;
}
.rightmenu {
  padding: 12px 3px;
}
.small-f {
  font-size: 8px;
}
/* svg {
  float: right;
  height: 52px;
  margin: 6px 0 2px 8px;
  fill: #0e5f14;
}
.st0{fill:rgb(185, 24, 46);}
 .st1{fill:rgb(112, 13, 151);}
 .navbar-fixed-top {
  background-color: #45bdf1;
}
*/
.navbar-inverse {
  z-index: 999989;
}
.navbar-right {
  padding-bottom: 6px;
}

.indent {
  padding-right: 32px;
}

.nav-toggler {
  color: #fff;
  font-size: 32px;
  float: right;
  margin: 16px 4px 0 22px;
  cursor: pointer;
}
.pad {
  padding: 12px
}
.pad-v {
  padding: 12px 0;
}
.pad-h {
  padding: 0 12px;
}
.pad-right2 {
  display: inline-block;
  margin-right: 20px
}
.actbtn {
  margin: 3px 0 0 6px;
  cursor: pointer;
}

.small-rounded {
  border-radius: 1em;
}



.sub-menu-top button {
  margin-left: 12px;
}

/** Tables **/
.table tr.teven {
  background: #eee;
}
.table tr.todd {
  background: #fff;
}

.table tbody tr:hover {
  background: rgba(175, 218, 255, 0.5);
}
.table tbody tr.selected {
  background: rgba(153, 208, 255, 0.5);
}
.table tr.summary td {
  background: #64cdbe9b;
  font-weight: bold;
  text-align: center;
}
.selected {
  background: rgba(153, 208, 255, 0.5);
  font-weight: bold;
 }

 .multiselect .h6 {
  white-space: pre-wrap;
 }
 .checkboxes .selected {
   background-color: rgba(153, 208, 255, 0.5);
   color: #000;
   font-weight: normal;
 }
.table thead th {
  padding-left: 8px;
  padding-right: 8px;
}
th.sorted, th.sortable {
  cursor: pointer;
  margin-left: 12px;
}
.action-table thead th, .table-editor thead th, .reports-table thead th  {
  cursor: pointer;
  user-select: none;
}
.table thead th .glyphicon {
  font-size: 12px;
}

table.table {
  margin-bottom: 6px;
}

.has-inputdate {
  min-height: 400px;
}

.reports-table-toolsbar {
  white-space: nowrap;
  margin: 12px 0 8px 0;
}
.reports-table button {
  margin-left: 12px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently  supported by Chrome and Opera */
}
.spacer {
  display: inline-block;
  width: 20px;
}

.responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.responsive > div {
  width:auto;
  max-width: none;
}

.table-responsive {
  -webkit-overflow-scrolling: touch;
  margin: 8px 0;
}

.table-responsive table {
  width:auto;
  max-width: none;
}

table.skills tr td {
  margin: 6px 0;
}
.table tr.filters {
  background: #f8faf9;
}

.right-margin {
  margin-right: 60px;
}
.right-margin1 {
  margin-right: 12px;
  display: inline-block;
}
.margin4-12 {
  margin: 12px;
}
.margin4-6 {
  margin: 6px;
}
.sc_rem {
  font-size: 90%;
  line-height: 1em;  
}
.scheduled-hour .sc_rem {  
  color: #dfdfe0;
}
.tt-classes .sc_rem, .weekly-schedule .sc_rem {  
  color: #353333;
}

.context-menu {
    position: absolute;
    border: 1px #eee solid;
    border-radius: 4px;
    min-width: 220px;
    min-height: 40px;
    background: #fff;
    box-shadow:2px 2px 2px rgba(0,0,0,.2),0px 0px 6px rgba(0,0,0,.2);
    z-index: 999999999;
}
.contextmenu {
    padding: 3px 6px;
}

.rTable { display: table; margin: 0 0 6px 0;}
.rTableRow { display: table-row; }
.rTableHeading { display: table-header-group;background-color: #ddd; }
.rTableBody { display: table-row-group; }
.rTableFoot { display: table-footer-group; }
.rTableCell, .rTableHead { display: table-cell; }

.rTableHead, .rTableFoot {
  	background-color: #DDD;
  	font-weight: bold;
}

.rTableCell, .rTableHead {
  	border: 1px solid #999999;
  	padding: 2px;
    text-align: center;

    color: #292525;
    font-size: 13px;
    line-height: 13px;
}

/** Misc. **/

.pagination>li>a { 
  border-radius: 16px !important;
  margin: 5px;
  padding: 1px 6px;
  background-color: #d1eaff;
}
.pagination>li.active>a {  
  padding: 1px 12px;
}
.pagination>li>span { 
  border-radius: 50% !important;
  margin: 5px;
}
.pointy {
  cursor: pointer;
}
.underline {
  text-decoration: underline;
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

tr[draggable] {
  cursor: move;
}

.draggable {
  cursor: move;
}
.strike {
  text-decoration: line-through;
}
.dragOver {
  border-top: 2px dashed #000;
}

.glyphicon-ok {
    color: green;
}
.glyphicon-pencil {
	color: green;
}
.glyphicon-remove, .red {
	color: red;
}
.glyphicon-duplicate {
	color: orange;
}

.m-blue {
    color: #69c2ed;    
}

.l-blue {
  color: #8597a7
}

.autocomplete input {
  display: inline;
}

/* Form */
.form-horizontal .form-group { margin: 8px 0;}

::placeholder {    color: #ccc;}
::-webkit-input-placeholder {  color: #ccc;}
::-moz-placeholder {   color: #ccc;}
:-ms-input-placeholder {  color: #ccc;}
:-moz-placeholder {   color: #ccc;}

.help-block {
    display: none;
}
.has-error .help-block {
    display: block;
}

.multiselect {
  max-height: 220px;
  overflow: auto;
  min-width: 200px;
  margin: 2px 4px;
  background:  #ebf7ff;
}
.multiselect label.disabled {
  background: #92c3ed;
}

.auto-height {
  max-height: auto;
}

.checkboxes {
  border: 1px #dadada solid;
  min-height: 42px;
  clear: both;
}

.checkboxes label {
  display: block;
  padding: 3px 8px;
  margin:0;
  cursor: pointer;
}

.checkboxes label:hover {
  background-color: #d9f6f8;
}

.selects-header, .checkboxes label.selects-header:hover {
  background-color: #F2F6F7;
}

/** Widgets **/
.modal-container {
  z-index: 9999999;
  position: relative;
}
.modal {
  z-index: 999999;
}
.modal-backdrop {
  z-index: 999990;
}

.modal-dialog {
  width: auto
}
.modal { overflow: auto;}


.switch-btn {display: inline-block;position:relative;width:2em;height:1em;border-radius:0.6em;padding:0.1em;cursor:pointer;}
.switch-btn-enabled {background:#01bad2;}
.switch-btn-disabled {background:#cccccc;}
.switch-btn-in {display: inline-block;position:relative;width:1em;height:1em;border-radius:0.5em;background:#fff;left:0;transition:left 0.1s ease;}
.switch-btn-disabled .switch-btn-in {left:1em;}
.switch-btn-disabled:hover{background:#d6d6d6;}
.switch-btn:hover{background:#34c8db}


.checkitem {
  font-size: 18px;
}
i.checkitem {
  font-size: 18px;
}

i.checkitem.yes {
  color: green;
}
i.checkitem.no {
  color: grey;
}

label.checkit {
  margin-left: 4px;
}

.arrow_box {
	border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100px;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
  z-index: -1
}

.arrow_box:after {
  border-width: 0 80px 80px 80px;
  border-color: transparent transparent #fff transparent;
}
.arrow_box1:before {
  border-width: 0 80px 80px 80px;
  border-color: transparent transparent #fff transparent;
}

.noticeable {
  position: relative;
  top:0;
  border-radius:5px;
  -webkit-box-shadow:3px 3px 3px rgba(0,0,0,.2),0px 0px 6px rgba(0,0,0,.2);
  -moz-box-shadow:3px 3px 3px rgba(0,0,0,.2),0px 0px 6px rgba(0,0,0,.2);
  -ms-box-shadow:3px 3px 3px rgba(0,0,0,.2),0px 0px 6px rgba(0,0,0,.2);
  -o-box-shadow:3px 3px 3px rgba(0,0,0,.2),0px 0px 6px rgba(0,0,0,.2);
  box-shadow:3px 3px 3px rgba(0,0,0,.2),0px 0px 6px rgba(0,0,0,.2);
  padding: 8px 8px;
  margin: 4px auto 12px auto;
}

.widget-wrapper {
    display: inline-block;
    position: relative;

}

.widget-inner {
    position: absolute;
    top: 32px;
    top: 100%;
    display: inline-block;
    border: 1px #eee solid;
    z-index: 999999;
    color: black;
}

.t-calendar-outer {
  background: #fff;
  width: 100%;
  padding: 3px
}

.t-calendar-header {
  text-align: center;
  font-weight: bold;
}
tr.calendar-days th {
  text-align: center;
}
table.t-calendar td {
  margin:0;
  padding: 3px 6px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}
table.t-calendar td:hover {
  background: #006fdd;

}

table.t-calendar td.cal-empty-day, table.t-calendar td.cal-empty-day:hover {
  background: #fff;
}

td.tday {
  font-weight: bold;
  background: rgb(255, 245, 235);
}
tfoot td {
  font-weight: bold;
}

.datetime {
  direction: ltr;
  text-align: right;
  font-size: 0.9em;
}
td.datetime {
  max-width: 160px;
}
/******** Generic Pop menu ************/

.menu-wrapper {
    display: inline-block;
    position: relative;
}

.menu-inner {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 9999;
  background: #fff;
  border: #888 1px solid;
  padding: 3px;
  border-radius: 3px;
}

/******** Generic Combo ************/


.combo-wrapper {
    display: inline-block;
    position: relative;
}
.combo-wrapper-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9999;
    background: #fff;
    border: #c2c0be 1px solid;
    max-height: 600px;
    overflow: auto;
}
.combo-wrapper-close-btn {
    margin: 2px;
    float: left;
    color: #222;
    text-decoration: none;
    cursor: pointer;
}

.option {
  padding: 3px 6px;
  cursor: pointer;
  font-size: 0.9em;
  min-width: 120px;
}

.option:hover {
  background: #c4e17f
}

.combo-bottom {
  text-align: center;
  padding: 10px 0 0 0;
}

/* Multiselect settings */

select.lowlong {
  height: 1.4em;
  font-size: 1em;  
  max-width: 40em;
  width: auto;
  display: inline-block;
  vertical-align: middle;  padding: 0 3px 0 12px;
}

.t-calendar-footer button {
  float: left;
}

.w-multiselect{
  min-width:330px;
  white-space: nowrap;

}

.w-multiselect i {
  margin: 5px;
  display: inline-block;
}
.multiselect  {
  text-align: right;
}

.w-checkboxes{
  background-color: white;
  width: 100%;
  padding: 0 5px;
  border: 1px solid #2196F3;
}

.radioselect-horizontal {
  display: inline-block;
  vertical-align: middle;
}

.radioselect-horizontal.bordered {
  border: 1px rgb(112, 183, 216) solid;
  margin-left: 2px;
}

.radioselect-horizontal.bordered .checkboxes label {
  margin-left: 10px;
  padding: 0 4px;
}
.radio-as-tab input {
  display: none
}
.widget-inner.w-checkboxes > label{
  display: block;
}
.widget-inner.w-checkboxes > label:hover{
  display: block;
  background: rgb(155, 209, 253);
  color:white;
}
.widget-inner {
  left: 0;
  padding: 6px;
  background:#fff;
}
.table > thead > tr > th.th-without-bottom-border{
  border-bottom: none;
  border-top: 1px solid #ddd;
  text-align: center;
}
.table > thead > tr > th.th-without-top-border{
  border-top: none;
  text-align: center;
}


select.form-control, input.form-control, textarea.form-control {
  background-color: #d1eaff;
  margin: 2px 0;
  border-radius: 5px !important;  
  vertical-align: middle;
}

textarea.thin {
  height: 32px !important;
}
.seperator-header {
   width: 100%;
   text-align: center;
   border-bottom: 4px solid #59acff;
   line-height: 0.1em;
   margin: 30px 0 20px;
}

.seperator-header span {
    background:#fff;
    padding:0 10px;
}
.seperator-header .tab-header {
    font-family: inherit;
    font-weight: bold;
    font-size: 18px;
    color: #444;
}

.input-medium {
  width: 50%;
  display: inline-block;
  padding: 0;
}

.o-visible {
  height: 100%;
  overflow: visible;
}

.sep2 {
  border-bottom-color: #ce1804;
}

.inlined {
  max-width: 160px;
  width: auto;
  display: inline-block;
}
.strong {
  font-weight: bold;
}

.top-btns {
  position: absolute;
  top: 0;
  right:0;
}

.pre-brake{
  white-space: pre-wrap;
}
.nowrap {
  white-space: nowrap;
}

.avatar .text-bold {
  float: right;
}


.cell-schedule {
  line-height: 1.2em;
  height: 40px;
  width: 120px;
  overflow: hidden;
}

.cell-empty {
  background: #eee;
  color: #888;
}

.hour-schedule{
    font-weight: bold;
}

/*icon loader  */

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

/* notifications .notification */
.notifications-container {
  position: fixed;
  min-width: 160px;
  top: 72px;
  right: 2px;
  z-index: 999999;
}

.notifications-container .alert {
  padding: 4px;
  margin: 4px;
}

.system-notification .alert {
  padding: 4px 25px;
  margin: 4px;
  display: inline-block;
}
.s-short {
  height: 1.2em;
  display: inline-block;
  width: auto;
}
select.numbers-select {
  min-width: auto;
  height: auto;
  padding:2px 2px 2px 12px;
}
.filters .form-control {
  height: 33px;
  line-height: 1.5em;
}

.btn-spacer {
  margin: 4px 20px;
}
.actions {
  white-space: nowrap;
}
.actions .btn {
  margin: 2px;
}

select.short {
  margin: 0;
  height: 28px;
  line-height: 1em;
  max-width: 360px;
  min-width: auto;
  padding-right: 3px;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 40%);
}


.table-condensed > tbody > tr > td {
  line-height: 1.3em;
  font-size: 0.9em;   
}

.breakwords {
  word-break: break-all;
}
.elipsis {
  text-overflow: ellipsis;
}

.condensed > tbody > tr > td {
  line-height: 1em;
  padding: 0 1px;
}

.table-condensed > thead > tr > th {
  font-size: 0.9em;
  line-height: 1em;
  white-space: pre-wrap;
}

.nohover-tbl > tbody > tr:hover {
  background: inherit;
}

/* helper */

.icon-help{
  margin: 2px;
  background: white;
  position: relative;
  top: 2px;
  cursor: pointer;
}
.icon-help:hover{
  color: rgb(54, 184, 14);
}
.help-inner{
  min-width: 260px;
  padding: 0px;
  border: 1px solid #0c84e4;
}

.breadcrumb > li div {
  font-weight: normal;
}

.help-header{
  background-color: #0c84e4;
  color: white;
  margin: 0px;
  padding: 6px;
  font-weight: bold;
}
.close-header{
  background-color: #0c84e4;
  color: white;
  position: absolute;
  font-weight: normal;
  top: 6px;
  left: 6px;
}
.help-content{
  padding: 6px;
}

.help-arrow::after{
  content: '';
	display: block;
	position: absolute;
	right: 1px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 8px solid #0c84e4;
	border-top: 8px solid transparent;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.seperator-blocks {
  padding: 0;
  margin: 40px 10px;
  height: 1px;
  border: 2px dashed #808080;
}

table.autowidth {
  width: auto;
}
.autowidth-btn .btn {
  width: auto !important;
}
.center {
  text-align: center !important;
}

.wrapper {
  display: inline-block;
  position: relative;
}
.wrapper-pop {
  position: absolute;
  top: 0;
  right: 30px;
  background: #fff;
  z-index: 9998;
  padding: 3px 6px;
  border: #db4034 solid 1px;
  border-radius: 3px;
  font-weight: normal;
  min-width: 220px;
  min-height: 80px;
}

.periodical-reports-wrapper .wrapper-pop {
 min-width: 760px;
 max-height: 800px;
 overflow: auto;
}

.xclose-top {
  position: absolute;
  top: 4px;
  left:4px;
  cursor: pointer;
}
.xclose-bottom {
  position: absolute;
  left:2px;
  bottom: 4px;
  margin: 2px;
}
.lesson-events-grouped .table {
  text-align: right;
  width: auto;
}
.students-list sup {
  color: #625E5E;
}
label.disabled{
  background: #eee;
}

th.sortable {
  cursor: pointer;
}

span.label {
  margin-left: 2px;
}

/* teachers list*/
table.teachers-list td,table.teachers-list th{
 padding: 1px 10px;
 border: 1px #000 solid;
}
.btn-list-teacher{
 margin: 1px 5px;
}
.on-print {
  display: none;
}

.prints-break-after {
  page-break-after: always;
}
.prints-break {
  page-break-before: always;
}
.no-break {
  page-break-inside: avoid;
}
.radioselect {
  margin: 2px;
  text-align: right;
}
.radioselect-horizontal {
  position: relative;
  white-space: nowrap;
  width: auto;
  max-width: auto;
}

.radioselect-horizontal .checkboxes {
  border: 0;
  padding: 0;
  min-height: auto;
}

.radioselect-horizontal .checkboxes label {
  float: right;
  margin: 2px 0 2px 12px;
  padding: 0 4px 0 4px;
  border-radius: 5px;
}
.radio-as-tab {
  border: 1px solid #cadfea;
  line-height: 1.4em;
}
.student-events-report {
  position: relative;
}
.reports-table-toolsbar {
  text-align: right;
}

td.comment {
  background: rgb(245, 243, 243);
  white-space: pre-wrap;
}
td.highlighted {
  background: #edfde7;
  white-space: pre;
}
.highlight {
  background: #63f325;
}
.strength {
  font-weight: bold;
  color: rgb(211, 139, 7);
}
.strength-ok {
  font-weight: bold;
  color: rgb(102, 189, 3);
}

option.disabled {
  background: rgba(9, 107, 184, 0.7686274509803922);;
  color: #fff;
}


.alert-warning a {
  color: #0947f3;
  font-weight: bold;
}
.app-alert {
  position: fixed;
  z-index: 9999999;
}

/* support css*/
.message-chat{
  margin: 5px 20px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #78d477;
  width: 85%;
  position: relative;
}
.message-left{
float: right;
border-radius: 8px;
border-top-right-radius:0;
}
.message-left::before{
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: -10px;
  top: 0;
  bottom: auto;
  border: 5px solid;
  border-color: #78d477 transparent transparent #78d477;
  }

.message-right{
  border-radius: 8px;
  border-top-left-radius: 0;
 float: left;
 background-color: #78d4777d;
}
.message-right::before{
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -10px;
  bottom: auto;
  right: auto;
  top: 0;
  border: 5px solid;
  border-color:#78d4777d  #78d4777d transparent transparent ;
  }
.message-header{
  font-weight: bold;
  font-size: 75%;
  color: white;
}

.message-header .date{
  left: 15px;
  float: left;
  direction: ltr;
}
.message-content{
  white-space: normal;
  line-height: 1.1em;
}
textarea.support-message {
  height: 120px !important;
}
textarea,  textarea.form-control {
  line-height: 1.4em;
}
.uploads textarea {
  height: 32px;
  line-height: 1.4em;
}

.study-plan-configs textarea {
  height: 120px;
  width: 400px;
}
.sched-hour {
  font-size: 1.1em;
  text-align: center;
  white-space: nowrap;
}
.sched-day {
  text-align: center;
}
.teachers-schedule table tbody td {
  white-space: nowrap;
}

.label.schedule-label {
  display: block;
  white-space: pre-wrap;
  margin: 1px;
}

.no-auto-responive {
  position: relative;
  overflow-x: inherit;
}

#fixed-headers-tbl {
  background: #fff;
  top: 0;
  right: 0;
  position: absolute;
  visibility: hidden;
}

.conflict {
  background: #d25f01;
}

.mark-positive {
  background: #9eff95;
}
.mark-negative {
  background: #fd8e8e;
}
.mark-parve {
  background: #d67eda;
}

.table-schedule .rTableCell {
  border-color: #2089cf;
}

.fixed {
  position: fixed;
}
.sched-hour .small {
  color: #086f7f;
  font-size: 1em;
  font-weight: bold;
}


.fund-name {
  color: #027c5a;
}
.room-name {
  color: #953d0a;
}



.teaching {
  color: #01363e; /* #7201aa; */
}
.replacing {
  color: #af2057;
}
.partani {
  color: #007a10;
}
.staying {
  color: #af1ff7;
}
.set-sched {
  display: inline-block;
  white-space: nowrap;
  margin: 3px 20px 0 0;
}
.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0px;
  z-index: 9998;
  background-color: #f5f1f1;
}
.sticky-right {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  right: 0px;
  background-color: #f5f1f1;
  z-index: 999;
}
thead.sticky-h
{
  position: sticky;
  background-color: #ffffff;
  top: 48px;
  z-index: 9998;
}
.h-zindex {
  z-index: 99999;
}
.sticky-right2 {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  right: 0px;
  background-color: #f5f1f1;
  z-index: 999;
}
.app-stick {
  top: 48px;
  display: inline-block;
}


.show-rooms {
  color: #d25f01;
}
.show-funding {
  color: #017ed2;
}
.statistic-send{
  white-space: pre-wrap;
}
select.period-select {
  margin-left: 18px;
}
.wrap-alert-upload-error{
  /* text-align: center;    */
    margin: 15px 10px;
}
.wrap-alert-upload-error > span{
  padding: 10px 50px;
    margin: 20px;

}
#importer{
  margin-top:16px;
}

.my-schedules td {
  min-width: 80px;
}

th.num, .table > tbody > tr > td.num {
  max-width: 24px;
  width: 24px;
  font-size: 80%;
}
.my-schedules th.num, .my-schedules td.num {
  min-width: 16px;
  width: 16px;
}
.scheduled-hour {
  cursor: pointer;
}
.day {
  font-weight: bold;
  text-align: center;
}

.day1 {
  background: #99e6a3;
 }
 .day2 {
  background: #82f5f5;
 }
 .day3 {
  background: #F9AC18;
 }
 .day4 {
  background: #28e7f5;
 }
 .day5 {
  background: #4eb80a;
 }
 .day6 {
  background: #6fbfe4;
 }
 .bg-red {
  background: #fc4444 !important;
}
 .bg-orange {
  background: rgb(248, 70, 0) !important;
 }
 .bg-orange-light {
  background: rgb(244, 174, 147) !important;
 }
 .bg-blue {
  background: rgb(8, 112, 248);
 }
 .bg-gray {
  background: #e1f0fb !important;
}
.bg-royal {
 background: #417289 !important;
}

.bg-green {
  background: green !important;
 }
.period-report strong.bg-gray {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 12px;
}

 .widget-inner.buildin{
   position: initial;
 }

 .student-assesments-report {
   text-align: right;
   padding-top: 12px;
 }

 .tprint {
   margin: auto;
   padding: 40px 10px 10px 10px;
 }
 .disable{
  color: #eee;
 }

 .teacher-missing{
   padding: 10px 20px;
 }

 input.warning {
  color: orange
}
input.danger {
  color: rgb(255, 0, 0)
}

tr.changed {
  background: rgb(247, 172, 172)
}

.table.diary-table {
  min-width: 60%;
  max-width: none;
}
.table.diary-table > thead > tr > th,  .table.diary-table > tfoot > tr > th{
  font-size: 12px;
  line-height: 14px;
  vertical-align: top;
}
.table.diary-table > tbody > tr > td {
  font-size: 12px;
  line-height: 14px;
}
.diary-table .tname {
  white-space: nowrap;
}

.lessonH {
  color: rgb(2, 100, 228);
  white-space: nowrap;
}
.lessonH.cancelled {
  color: rgb(66, 76, 88);
  text-decoration: line-through;
}

.scheduleH {
  color: rgb(175, 71, 2);
  white-space: nowrap;
  font-style: italic;
}

th.seperate, td.seperate, .table-condensed > tbody > tr > td.seperate, .table-condensed > thead > tr > th.seperate, .table-condensed > tfoot > tr > th.seperate {
  width: 2px;
  max-width: 2px;
  min-width: 2px;
  padding: 0;
  border: 0 !important;
  background: #8798f5;
}

em.sender-warn {
  font-size: 11px;
  color: rgb(243, 180, 180);
  display: block;
  margin: 30px 0 20px 0;
}

.header-move {
  cursor: move;
  background: #eee;
  padding: 3px;
}
.is-invisible {
  opacity: 0;
}

.to-visible {
  transition: opacity 1s;
}

span.ranges {
  display: inline-block;
  margin: 0 12px;

}
.filesDropZone {
  border: 2px rgb(139, 138, 138) dashed;
  padding: 8px;
  clear: left;
  margin-bottom: 2px;
}

.h-range {
  max-width: 100px;
  width: 100px;
}

.l_descr {
  white-space: pre-wrap;
}

label.l-upload {
  background: #00eaff;
  border-radius: 4px;
  padding: 4px 12px;
  cursor: pointer;
  display: inline-block;
}
label.l-upload:hover {
  background: #85e4ec;
}
label.l-reset {
  background: rgba(240, 138, 5, 0.767);
  border-radius: 4px;
  padding: 3px 4px;
  cursor: pointer;
  margin-top : 4px
}
.d-btn-left {
  text-align: left;
}

.cal-title {
  color: #222;
  font-size: 20px;
  text-align: center;
  white-space: pre-wrap;
}
.table > tbody > tr > td.vtop {
  vertical-align: top;
  white-space: pre-wrap;
}

.login .contact {
  padding: 6px;
  text-align: center;
  font-size: 12px;
}

input.w-date {
  width: 92px;
}
.widget-inner.align-right {
  left: unset;
  right : 0;
}
select.f-hours {
  width: 40px;
  display: inline-block;
  margin : 0 2px;
}

.reports-table tbody tr td {
  vertical-align: top;
}

.tt-cell {
  font-weight: bold;
  text-align: center;
}

.black {
  color: black;
}
.asses-title {
  white-space: pre-wrap;
  max-width: 110px;
  line-height: 1.1em;
  font-size: 1em;
  font-weight: normal;
}

.info-menu {
  text-align: right;
}

.info-menu-in {
  position: absolute;
  top: 0;
  background: #fff;
  z-index: 999;
  padding: 3px;
  box-shadow: 0 2px 4px 2px rgba(0, 12, 94, 0.53);
}

.total-week {
  direction: ltr;
  background: #f5fc42cc;
  text-align: center;
  font-weight: bold;
}
.total-day {
  direction: ltr;
  background: #2e9dff80;
  text-align: center;
  font-weight: bold;  
}

.pointy-h {
  cursor: pointer;
}
.pointy-h:hover {
  background: #82ecfa;
}

.hour-points {
  direction: ltr;
}

.trophy {
  color: #f44904;
  font-size: 1.2em;
}
.trophy span {
  line-height: inherit;
  padding: 0 3px;
}


.scores-item {
  display: inline-block;
  padding: 0 2px;
  margin: 0 2px;
  background: #eee;
  vertical-align: text-top;
}
.p_data {
  margin-bottom: 8px;
}
.p_name {
  white-space: nowrap;
  border-bottom: 1px rgb(9, 139, 182) solid;
  text-align: center;
}
.p_scores { 
  white-space: nowrap;
}

.p_subject {
  font-size: 0.8em;
  line-height: 1em;
}

.scores-item .p_rem {
  font-size: 0.8em;
  font-style: italic;
}

.scores-td .table > tbody > tr > td {
 border: 0;
 padding: 0;
}

span.p_score {
  font-weight: bold;
  font-size: 1.2em;
}
span.p_grade {
  font-weight: bold;
  font-size: 1.1em;
}

.stat {
  font-size: 0.9em;
  line-height: 0.9em;
}

.no-data {
  font-size: 1.2em;
  font-weight: bold;
  color: rgb(245, 108, 17);
}

.p-skill {
  display: inline-block;
  vertical-align: text-top;
  margin: 2px;
  background: #ebfbf3;
}

.inline-form-input {
  position: relative;
  top: 0;
}
.inline-form-input input, .inline-form-input select, .inline-form-input textarea {
  position: absolute;
  top: 0;
  z-index: 999;
}

.inline-form-input .multiselect, .inline-form-input .radioselect {
  background: #f3f3f3;
  position: absolute;
  top: 0;
  z-index: 999;
  min-width: 100px;
}

.inline-form-input .multiselect input, .inline-form-input .radioselect input{
  position: relative;
}

.inline-form-input .closing-link {
  text-align: center;
  padding: 4px;
  margin: 4px 8px;
  border: 1px rgb(119, 118, 118) solid;
  font-weight: bold;
}

.table > thead > tr.profile-tr th {
  font-size: 0.8em;
  line-height: 0.8em;
  font-weight: normal;
  white-space: pre-wrap;
}
.th-auto .table > thead > tr.profile-tr th {
  white-space: wrap;
}
.table > thead > tr.sub1 th {
  text-align:center;
  white-space: wrap;
  vertical-align: top;
}
.table > thead > tr.sub3 th {
  text-align:center;
  font-size: 0.8em;
  line-height: 0.9em;
}

.weekly-study-plan {
  overflow-x: auto;
}

.weekly-study-plan td {
  vertical-align: top;
  max-width: 120px;
}
.weekly-study-plan .subj {
  color: rgb(5, 71, 156);
  line-height: 1.2em;
  text-align: center;
  font-weight: bold;
}
.weekly-studies .subj {
  font-weight: bold;
}
.weekly-studies.table-responsive table {
  width: 100%;
}

.weekly-studies.table-responsive>.table>tbody>tr>td {
  white-space: inherit;
}

:fullscreen {
  background-color: rgb(253, 250, 250);
}

.weekly-studies .table td {
  max-width: 240px;
  min-width: 120px;
}
.hour-study-plan {
  box-shadow:1px 1px 1px rgba(0,0,0,.2),0px 0px 2px rgba(0,0,0,.2);
  margin: 1px 0;
}

.hour-study {
  margin: 2px 0;
  padding: 0 2px;
  min-width: 220px;
  max-width: 400px;
  border-right: 6px #1c81d4 solid;
  text-align: right;
}
.hour-study:hover {
  background: #ebf4fb;
}
.hour-study .descr {
  line-height: 1.1em;
  font-size: 0.8em;
}
.hour-study .subject {
  line-height: 1.1em;
  font-size: 0.9em;
}
.weekly-study-plan .descr {
  color: #16860f;
  line-height: 1.2em;
  font-size: 0.9em;
}

.lessons-dates-nav {
  text-align: center;
  margin-bottom: 3px;
}

table.month-cal{
  table-layout: fixed;
  border: 1px solid #ab6b6b;
}
table.month-cal tbody tr:hover {
  background: initial;
  cursor: pointer;
}

table.month-cal tbody td.cal-day:hover {
  background: #81e77c;
}


.wrapper-day{
  position: relative;
  min-height: 80px;
  margin: 0;
  padding: 0;
}
.en-date{
  position: absolute;
  left: 1px;
  top: 1px;
  font-size: 0.8em;
}
.he-date{
  position: absolute;
  right: 1px;
  bottom: 1px;
  font-size: 0.8em;
}

.data-cell {
  padding: 20px 2px 16px 0;
}
.data-cell .label {
  cursor: pointer;
  white-space: pre-wrap;
  display: block;
  padding: 1px 2px 2px 1px;
  margin: 1px 0;
}

.cal-day{
  position: relative;
  margin: 0;
  padding: 0;
}
.month-cal > tbody > tr > td, .month-cal > thead > tr > th {
  margin: 0;
  padding: 0;
  border: 1px solid #ab6b6b;
}

/* Tables
================================== */
.ftable {
  display: flex !important;
  flex-wrap: wrap;                    /*  allow items to wrap  */
  justify-content: space-between;     /*  vertical  */
  align-items: stretch;
}
.ftable-cell {
  background-color: #e2f5e3;
  padding: 4px;
  box-sizing: border-box;
}

/* Table column sizing */

.ftable-2cols > .ftable-cell  { flex-basis: 50%; }
.ftable-3cols > .ftable-cell  { flex-basis: 33.33%; }
.ftable-4cols > .ftable-cell  { flex-basis: 25%; }
.ftable-5cols > .ftable-cell  { flex-basis: 20%; }
.ftable-6cols > .ftable-cell  { flex-basis: 16.6%; }


.JesterBox div {
  position: fixed;
  top: 5%;
  right: 5%;
  bottom: 5%;
  left: 5%;
  z-index: 75;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}

.JesterBox div:before {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 74;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.5s ease-out;
}
.JesterBox p {
  z-index: 78;
  display: inline-block;
  background: #fff;
  opacity: 0.8;
}
.JesterBox a {
  z-index: 78;
  display: inline-block;
  padding: 6px 18px;
  border: 1px #eeeeee solid;
  cursor: pointer;
}
.JesterBox div img {
  position: relative;
  z-index: 77;
  max-width: 100%;
  max-height: 100%;
  margin-left: -9999px;
  opacity: 0;
  transition-property: all, opacity;
  transition-duration: 0.5s, 0.2s;
  transition-timing-function: ease-in-out, ease-out;
}


.JesterBox div img {
  margin-left: 0px;
  opacity: 1;
}

span.tbl-svg-icon {
  float: right;
}
span.tbl-svg-icon svg {
  height: 24px;
}



.sk-part .radioselect {
    max-height: 220px;
    overflow: auto;
    min-width: 200px;
    margin: 2px 4px;
}

.box-condenced label {
  white-space: nowrap;
  overflow: hidden;
  float: right;
  width: 126px;
  border-bottom: 1px #8b8989 solid;
}
.box-condenced .checkboxes {
  border: 0;
}
.box-condenced {
  max-height: 360px;
}

.listbox label {
  display: inline-block;
  margin: 2px 0 2px 2px;
}
.listbox small {  
  display: inline-block;
  margin: 2px 0 2px 16px;
  text-decoration: underline;
  cursor: pointer;
}

.listbox small:hover {
  background: rgb(183, 243, 245);
}

.listbox-inlined {
  display: inline-block;
  
}
.recipients {
  display: inline-block;
}
.recipients label.label {
  color:rgba(0, 0, 0, 0.7);
  background: #b6e0fd;
  border-radius: 8px;
  display: inline-block;
  font-size: 14px;
  margin: 1px;
  line-height: 16px;
}

.recipients .badge {
  padding: 2px 4px;
  
}

table.table.msg-table > tbody > tr {
  cursor: pointer;
}


table.table.msg-table > tbody > tr > td {
  vertical-align: middle;
}
.main-tr {
  background: #e8f2f5;
  font-weight: bold;
}
.msg-container {
  max-width: 800px;
  margin: auto;
}

td.msg-check {
  width: 26px;
  max-width: 26px;
}

td.msg-starred {
  width: 26px;
  max-width: 26px;
}
.msg-not-seen {
  background-color: #fff9e9; 
}
.msg-reaction-bar {
  height: 28px;
  background: #eef2f9;
  padding: 0 4px;
  vertical-align: middle;
}

.msg-action-bar {
  height: 28px;
  background: #e9f4ff;
  padding: 0 4px;
  vertical-align: middle;
}

.msg-content-body {
  padding: 16px 8px 8px 8px;  
  background-color: #fff;
}

td.msg-date-sent {
  width: 80px;
  max-width: 80px;
}
.msg-date-sent {
  max-width: 120px;
  text-align: right;
  font-size: 0.8em !important;
  font-weight: bold;
}
.msg-check div {
  padding: 4px 4px 4px 0;
}
hr.condensed {
  margin: 0;
}
tr.horizontal-details2 td {
 border-top: 0 !important;
}
label.selectable {
  display: inline-block;
  margin: 2px 0 2px 12px;
  padding: 1px 6px;
  cursor: pointer;
  border: 1px solid #eee;
}

label.selectable:hover {
  background-color: #d9f6f8;
}
.btn-rounded {
  box-shadow: 1px 1px 2px rgb(0 0 0 / 40%);
  border-radius: 50%;
  margin: 0 2px;
  color: #017d9d;
}

.msg-starred .glyphicon-star {
  color: rgb(228, 175, 3);
}

.msg-subject {
  font-size: 1.2em;
  padding: 4px;
  margin: 0;
  text-align: right;
}
.h5.msg-subject {
  padding: 12px;
}

.msg-title {
  font-size: 1.2em;
  margin: 0; 
  text-align: right;
}

.h-break-2, .h-break-3 {
  background: rgb(209, 180, 98);
}
.h-break{
  background: #b7e284;
}
.tbl-center td, .tbl-center th {
  text-align: center !important;
}

.blue {
  color: rgb(8, 112, 248)
}
.green {
  color: rgb(1, 134, 12)
}
.orange {
  color: rgb(248, 70, 0)
}
.orange-light {
  color: rgb(255, 163, 127)
}
.brown {
  color: rgb(168, 110, 2);
}
.turkiz {
  color: rgb(0, 145, 150)
}
.select-group-items label {
  padding: 1px 5px 3px 30px;
}

.group-messaging {
  padding: 15px;
}
.group-item {
  padding-right: 3px;
  cursor: pointer;

}
.group-item:hover{
  background-color: rgb(160, 160, 238);
  color: white;
}

.group-items {  
  overflow: auto;
  background: #eee; 
}
.group-items-header {
  font-weight: bold;
}
.flex {
  display: flex;
}

.replies-chat {
  max-height: 40vh;
  overflow: auto;
}

.reply-created {
  text-align: left;
  font-size: 0.8em;
  color: #738ba3;
  direction: ltr;
}

.who-reply {
  color: #5d7185;
  font-weight: bold;
}

.zebra0 {
  background: rgb(219, 219, 219);
  border-top: 1px solid #cfdae1;
}

.zebra1 {
  border-top: 1px solid #cfdae1;
  background: rgb(253, 251, 251);
}

.reply {
  color: #333f4d;
}


ul.tree-view, ul.tree-view ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.tree-nodes {  
  white-space: nowrap;
  overflow: hidden;
  width: 100%;  
  
}
ul.tree-nodes li {
  margin-right: 2em;
}
li.tree-node {
  background-color: #fff7ed;
}
.parent-actions {
  margin-right: 2em;
}

.node-title:hover {
  background-color: #fffefb;
  cursor: pointer;
}

.node-caret {
  cursor: pointer;
  user-select: none;
}
.node-caret::before {
  content: "\25C0";
  color: rgb(114, 61, 0);
  display: inline-block;
  padding: 2px 6px;
}
.node-caret:hover {
  background-color: #fff1cc;
}
.node-caret-down::before {
  transform: rotate(-90deg);
}
.node-hidden {
  display: none;
}

.tree-drop-space {
  border: 2px dashed #acb4b4;
  padding: 6px 4px;
}

.server-notifications-container {
  position:fixed;
  top : 48px;
  left: 0;
  min-width: 20vw;
  height: 92vh;
  background-color: #fffefe;  
  z-index: 9999999;
  border-right: 2px #ffacac dashed;  
  overflow: auto;
}
.server-notification { 
  padding: 8px 16px 8px 8px; 
  border-bottom: 2px #ffacac dashed;
  margin: 16px 0;
}
.notification-content ul {
  list-style-type: none;
}

.notification-content li {
  padding: 8px;
  margin: 8px 0;
  border: 1px #eee solid;
}
.alert-evt-dates span {
  display: inline-block;
  margin: 3px 6px;
  background-color: #ffcbcb;
}
.hour-desc {
  line-height: 12px !important;
  font-size: 12px;
  background: #c6e3f6;
  text-align: center;
}

td.sc-range {
  background: #fffdff;    
  vertical-align: middle;  
}

.tt-h-range {  
  line-height: 14px !important;  
}
.tt-h-desc {   
  font-size: 12px;
  line-height: 16px !important;
  vertical-align: bottom;
}

.lesson-partani {
  background-color: #b1ffbc;
}
.lesson-class {
  font-weight: bold;
}
.lesson-type {  
  color: #f80dfb;
}
@media print {
  
  table.teachers-list {
    font-size: 11px;
  }
  table.teachers-list td,table.teachers-list th{
    padding: 1px 10px;
    border:  1px #000 solid;
  }

  .noticeable {
    border-radius:0;
    box-shadow: none;
    padding: 6px;
  }
  .teacher-schedule .label {
      background: none !important;
      border: 1px rgb(168, 168, 168) solid;
      border-radius: 8px;
  }

  .on-print {
    display: block;
  }

  body { 
    print-color-adjust: exact; 
    -webkit-print-color-adjust: exact; 
  }
  .sticky, .sticky-right, thead.sticky-h, .sticky-right2 {
    position: static;
  }
  .container-fluid {
    margin-right: 0;
    margin: 0;
  }
}