@import url('https://fonts.googleapis.com/css?family=Assistant:300,400,700');

#content { min-height: calc(100vh - 430px); }

.huji_title {line-height: 40px !important;} 
.huji_username { text-align: left;  float: left; max-width: 175px !important; width: 175px !important; min-width:  0 !important;    font-size: 14px !important;}
.frm .huji_username ~ label {  top: -15px !important;right: 154px !important;}
.huji_mail { font-size: 18px;line-height: 48px;}

.AlertMsg { font-size: 20px; display: block; color: #fff !important; border: none; box-shadow: 0px 0px 20px rgba(13, 19, 22, 0.5); border-radius: 0px; }
.AlertMsg.green { background: #0C0 !important; }
.AlertMsg.red { background: #ec493d!important; }
.AlertMsg .close { background:none; }
.AlertMsg .close:after { content: "x"; color: #fff;  }
.AlertMsg .inner { font-weight: 400;}


html{background:#fff; color:#333; }
a{ color:#333; text-decoration:none; outline:none;}

html, body, input, textarea, select{ font:16px 'Assistant', sans-serif;  }

body.rtl { direction:rtl; text-align: right; }
body.ltr { direction:ltr; text-align: left; }

img{ border:none; vertical-align:middle;}

input[type=text], input[type=password], textarea, select{border:1px solid #acadb2; padding:3px; outline:none; font-size:13px; color:#616161;}
textarea { resize:none;}
* {margin: 0; padding: 0; box-sizing: border-box; }

input[type=text], input[type=password], textarea, select { width:150px;}
.DateSimple select { width:auto !important; }


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=checkbox] { width:auto !important; }
table, th, td {border: #000;}
a { cursor:pointer;}

::-webkit-input-placeholder { color: #A1A1A1; }
:-moz-placeholder { color: #A1A1A1; }
::-moz-placeholder { color: #A1A1A1; }
:-ms-input-placeholder { color: #A1A1A1; }

td.field { padding-bottom: 15px; }
td.field input { margin-bottom:0px; }
td.field label { color: #535353; }


.square { position: relative;background-repeat: no-repeat;}
.square:after {content: "";display: block;padding-bottom: 100%; }
.square .pic_box { position: absolute;width: 100%;height: 100%;background-size: cover; background-repeat: no-repeat;}
.square .inner {
  position: absolute;
  width: 100%;
  height: 100%
}

@media (min-width: 992px)
{
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {float: right;} }

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	float: right; }

@media (min-width: 768px)
{
	.show_mobile { display: none !important; }
	.navbar-nav>li { float: right; } 
}

.rtl .checkbox label, .radio label { padding:  0px;}
.rtl [type="checkbox"].filled-in+label:before { left: auto; right: 10px !important; }
.rtl [type="checkbox"].filled-in+label:after { left: auto; right: 0px; }

.pic_fx { overflow:hidden; position:relative; }
.pic_fx span { display:block; background:#E1E1E1 center center no-repeat; background-size:cover;
transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}

.pic_fx:hover span, article:hover .pic_fx span { 
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
}

.pic_fx span { height:100%; width:100%; }



/* Custum classes */
.gray{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.hr { clear:both; border-bottom:1px solid #CCC; height:1px; background:#E6E6E6; margin:20px 0px; }
input.error, .ms-parent.error { box-shadow:0px 0px 0px 1px #FF1D21;}

body.rtl .fr { float:right; }
body.ltr .fr { float:left; }
body.rtl .fl { float:left; }
body.ltr .fl { float:right; }


.accessibility_div_wrap { display: block !important; }
/*
#accessibility_action1 { display: none !important; }
#accessibility_action2 { display: none !important; }
*/
/* UI elements */
.container { padding:15px; border:1px solid #CCC; border-radius:9px;}
.btn { display:inline-block; border:none; height: 30px; line-height: 30px; background: #fff; color: #4A90E2; padding: 0px 15px; font-size: 14px; border-radius: 0px; }
.btn.blue { background: #32a3d5;  }

input[type=submit]:active, .sbm:active, .btn:active { opacity:0.8;}

input.txt, textarea.txt { }
textarea.txt { padding:10px;}

form table td {  }


.radio a.selected { }

.frmUL li { margin-bottom:20px !important;}
.frmUL li input[type=text],
.frmUL li select,
.frmUL li input[type=password] { height: 50px; /*border: 1px solid #E6E9EC;*/ padding: 0 20px; width: 100%; min-width: 300px; box-sizing: border-box; }
.frmUL li select {  }
.frmUL li label.noLBL { width:auto; margin-left:0px; }

.frmUL li label.noLBL { font-weight: bold; font-size: 18px; color: #333; }

.frm .effect-24 ~ label { top:11px; right: 24px; width: auto; }
.frm .effect-24:focus ~ label, .frm .has-content.effect-24 ~ label { left:auto !important; background: #1C1C1C; padding: 2px 10px; top: -8px; z-index:999; color: #fff; width:auto; }

.frm .effect-24:focus { border-color:#333; }

.frm .sbm_area input {display: block; margin: 0 auto; height:50px; border-radius: 50px; font-size: 18px; font-weight: 500; background-color: #1C1C1C; color: #fff; border: none; padding: 0px 40px; }

.fb_btn { text-align: center; width: 100%; height:34px; line-height:34px; background:#30487b url(images/f_ico.png) 10px center no-repeat; display:inline-block; color:#fff; font-size:16px; padding:0 15px; padding-left:41px; }

.g_btn {height:34px;line-height:34px;background: #be1d1d url(images/g_btn.png) left center no-repeat;display:inline-block;color: #fff !important;font-size:16px;padding:0 15px;padding-left:41px; margin-top: 15px;background-size: 19px;background-position: 9px; width: 100%; }

#direct_card { position: absolute;bottom: 113px;max-width: 570px;}
#direct_card span { display: block; font-weight: 600; font-size: 14px;}



.paging { text-align:center; margin:10px 0px;}
.paging a { display:inline-block; padding:3px; width:12px; font-size:12px; text-align:center; background:#CCC; color:#333; margin-right:2px;  -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 14px; border-radius: 12px; }
.paging span { display:inline-block; padding:3px; width:14px; font-size:12px; text-align:center; border:1px solid #CCC; color:#333; margin-right:2px;  -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; }
 
.agd_btn { display: inline-block; line-height: 40px; border-radius: 40px; background: #fff; color: #44B352; padding: 0 15px; font-weight: bold; text-decoration: none; margin-right: 25px; }
.agd_btn:hover, .agd_btn:active { text-decoration: none; box-shadow: 0 0 15px 0 rgba(0,0,0,0.13) }

.reg_btn {
    color: #44B352;
    font-weight: bold;
}
.btn_login {
    color: #fff;
    text-decoration:none;
}
.send_btn {
    display: block;
    margin: 0 auto !important;
}

#stars_payment { text-align: center; line-height: 1.5; padding-bottom: 40px;}
#stars_payment h4 {font-size: 1.28rem !important; }
#stars_payment #discount {color: #069009; font-size: 24px; margin-right: 5px;    display: inline-block; }
#stars_payment .action_btn { cursor: pointer; margin-top: 16px; display: inline-block;}
#stars_payment .action_btn:hover { color: #1109C7; border-bottom: 1px solid;}
#stars_payment #btn_yes { margin-left: 25px; }



#popLoginPage {text-align: center;}
#popLoginPage .full_btn {width: 100%; margin-bottom: 10px;}

#order_details { margin-bottom: 15px; padding-right: 128px; font-weight: 600;}
/* ----------------------------------------------- */
/* Page layout */
/* ----------------------------------------------- */
.not-active {
   pointer-events: none;
   cursor: default;
}
.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.hide_in_mobile {display: block !important;}
.show_in_mobile {display: none !important;}
@media (max-width: 462px){
  .hide_in_mobile {display: none !important;}
  .show_in_mobile {display: block !important;}
}


/* ----- myFancy  ----- */ 

.myFancy .fancy_title {margin: 0; min-width: 500px;}

/* ----- main_head  ----- */ 
.main_head {	background-color: #989898; position: relative;background-size: cover; background-position: center; height: 20vh;  padding: 25px 0; text-align: center; color: #fff;z-index: 2; }
.main_head .content { padding: 10px 0 25px 0; margin: 0 auto; }
/*.main_head:after {content: ""; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background-color: #878787; opacity: 0.5; z-index: -1;    mix-blend-mode: multiply;}*/

.box {padding: 0px 10px; position: relative;    background: none !important;}

.pos {width: 100%; position: relative; }
.pos_middle {  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;}

/* ----- titles  ----- */ 
h1, h2 {font-family: 'font37regular';}
.title { display: inline-block;  font-family: 'font37regular';  color: #FFFFFF;   margin-bottom: 15px;    white-space: nowrap;}
.title_basic { display: inline-block;   line-height: 90px; color: #FFFFFF; margin-bottom: 15px;   white-space: nowrap;}


/* ----- btns and icons  ----- */ 
.img_middle {content: "";display: block; background-repeat: no-repeat !important;  background-size: contain ; position: absolute;top: 50%;  transform: translate(0, -50%); }
.img_middle:before {content: "";display: block; background-repeat: no-repeat !important;  background-size: contain ; position: absolute;top: 50%;  transform: translate(0, -50%); }

[data-logo~="pc"] {width: 110px; height: 40px; right: 15px; background-size: 100%; background-repeat: no-repeat;}

[data-logo]:before {background-size: 100% !important;} 
[data-logo~="green"]:before {background: url(images/logo_green.svg) no-repeat;}
[data-logo~="white"]:before {background: url(images/logo.svg);}
[data-logo~="pc"]:before {width: 110px; height: 40px; right: 15px;  }
[data-logo~="mobile"]:before {width: 80px; height: 30px; right: 0px;  }


[data-icon] {position: relative;}
[data-icon]:before {content: "";display: block; background-repeat: no-repeat !important;  background-size: contain !important; position: absolute;top: 50%; right: -30px; transform: translate(0, -50%); background-size: 100%; height: 20px; width: 20px;}

[data-icon="date"]:before {content: url(images/f_ico.png);}
[data-icon="location_greey"]:before {background: url(images/loction_icon_greey.png);}
[data-icon="location_green"]:before {background: url(images/loction_icon_green.png);}
[data-icon="phone"]:before { background:url(images/call_icon.png) no-repeat; }
[data-icon="mail"]:before {background:url(images/mail_icon.png)  no-repeat; }
[data-icon="calendar"]:before {background: url(images/calendar_icon.png) no-repeat; right: -30px; }
[data-icon="facebook"]:before {background: url(images/f_ico.png) no-repeat;}

[data-font-icon]:before {display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;
    font-variant: normal;text-transform: none;text-rendering: auto;line-height: 0.5;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; margin-left: 8px; vertical-align: middle;}

[data-font-icon]:after {display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;
    font-variant: normal;text-transform: none;text-rendering: auto;line-height: 0.5;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; margin-right: 8px; vertical-align: middle;}


[data-font-icon="clock"]:before {content: "\f402";}
[data-font-icon="loction"]:before {content: "\f455";}
[data-font-icon="facebook"]:before {content: "\f231"; font-size: 24px;vertical-align: middle;}
[data-font-icon="phone"]:before {content: "\f4b9"; }
[data-font-icon="phone-outline"]:before {content: "\f4b8";}
[data-font-icon="email"]:before { content: "\f132";}
[data-font-icon="add"]:before { content: "\f2c7";}
[data-font-icon="down"]:before {    content: "\f123";}
[data-font-icon="down-left"]:after {    content: "\f123";}
[data-font-icon="right-vector"]:before {    content: "\f125";}
[data-font-icon="left-vector"]:before {    content: "\f124";}
[data-font-icon="plus-round"]:before { content: "\f217";}
[data-font-icon="event"]:before { content: "\f117";}
[data-font-icon="article"]:before { content: "\f12f";}
[data-font-icon="board"]:before { content: "\f376";}
[data-font-icon="download-out-line"]:before { content: "\f41f";}
[data-font-icon="list-out-line"]:before { content: "\f453";}
[data-font-icon="list-clipboard"]:before { content: "\f127";}
[data-font-icon="arrow-right"]:before { content: "\f10b";}
[data-font-icon="calendar"]:before { content: "\f3f3";}
[data-font-icon="navigate"]:before { content: "\f398";}
[data-font-icon="X"]:before { content: "\f12a"; }
[data-font-icon="i"]:before { content: "\f149"; }
[data-font-icon="person"]:before { content: "\f213"; }

/*marathons*/
[data-font-icon="walk"]:before { content: "\f3bb";}
[data-font-icon="stopwatch"]:before { content: "\f4b4";}
[data-font-icon="help"]:before { content: "\f27c";}
[data-font-icon="check"]:before { content: "\f373";}

[data-font-icon="left"]:after {    content: "\f117";}

.list_open [data-font-icon="down"]:before { transform: rotate(180deg); }

[data-btn_basic] {display: flex; align-items: center;background-color: #ffffff;}
[data-btn_basic]:hover {text-decoration: none; }
[data-btn_basic~="pc"] {font-size: 16px; height: 30px; padding: 0px 15px;}
[data-btn_basic~="green"] {color: #46B549;border: 1px solid #46B549;}
[data-btn_basic~="green"]:hover {color: #fff;background:#46B549;}

[data-btn="full"]{background-color: #44B352;height: 40px;font-size: 16px; line-height: 40px; text-align: center; margin: 10px 0px;}

a.basic_btn:hover {text-decoration: none;}
.basic_btn {height: 22px; padding: 0px 15px; background-color: #ffffff;line-height: 20px; font-size: 14px;color: #46B549;border: 1px solid #46B549; }

.full_btn {border:none; background-color: #44B352;height: 40px; line-height: 40px; text-align: center; margin: 10px 0px;box-shadow: none;
cursor: pointer;text-transform:capitalize;color: #fff;    white-space: nowrap;}
.full_btn.wide {width: 100%;display: block;}


.facebook_btn  {background: #3B5998; color: #fff;}
.calendar_btn {color: #fff;}
    
#select_campus {text-align: center;}
.checkbox_type { width: 300px; height: 40px;  line-height: 40px; border: 1px solid #E4E4E4; margin-top: 25px; text-align: center;font-family: 'font37regular'; font-size: 25px;display: block;}
 
.checkbox_type:hover {-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;-webkit-transition:.3s ease-out;transition:.3s ease-out; background: #CCC;}


.menu { line-height: 40px; background-color: #F4F4F4; overflow: hidden;}
.menu a { display: block; float: right; width:25%; color: #A3A3A3; font-size: 13px; text-align: center; }
.menu a.active { background-color: #4A90E2; color: #fff; }


/* tabs */
#about_page .tabs { text-align: center;}
#search_page .tabs { text-align: center;}
.tabs { height: 60px; }
.tabs:after { content: ""; display: block; position: absolute; border-bottom: 2px solid #F0F0F0; left: 0px; right: 0px; bottom: 0px; z-index: 0; }
.tabs .indicator { background-color:#44B352; z-index: 2; }
.tabs .tab { height: 60px; line-height: 60px; }
.tabs .tab a { color: #A3A3A3;  font-weight: bold;}
.tabs .tab.active a, .tabs .tab:hover a {color: #44B352; text-decoration: none; }

/* ----- filter  ----- */

.filter {display: block; height: 60px; line-height: 60px; width: 100%;}
@media (max-width: 462px){ .filter { height: 48px;    line-height: 48px;} }

.filter .warpper {display: table; height: 100%; margin: 0 auto;position: relative;}
.filter .warpper .in_line { display: block; position: absolute; left: 0px; right: 0px; bottom: 0px;border-bottom: 2px solid #44B352; }
.filter .table_mod {display: table; width:100%; height: 100%; }
.filter form {display: table-cell;  vertical-align: middle;}

.filter form span {display: inline-block; color: #A3A3A3; }
.filter form select {display: inline-block; border: none;color: #44B352;font-weight: bold; background: none;outline: none; position: relative;  border-bottom: 2px solid #44B352;}


.filter .tab {display: table-cell; vertical-align: middle; cursor: pointer;position: relative;color: #A3A3A3; white-space: nowrap; text-align: center;}
.filter .tab .icon_menu {position: relative; background-size: cover; cursor: pointer;margin: 0 auto;}
.filter #settings_tab .icon_menu {font-size: 51px;}
/*.filter .tab:after {content: ""; display: block; position: absolute; left: 0px; right: 0px; bottom: 0px;border-bottom: 2px solid #44B352;width: 100%; visibility: hidden; }*/
.filter .tab:hover:after {visibility:visible;}
.filter .tab.active {color: #44B352;   border-bottom: 2px solid;}
.filter .tab.active:after {visibility:visible;}

.filter .table_mod .tab {display: table-cell; height: 100%;}
 
.tab_win.active {display: block;}
.tab_win {display: none;}


.filter .input-field {display: flex;}
.filter .input-field .select-wrapper input.select-dropdown {color: #44B352;}
.filter .input-field .dropdown-content li {text-align: right;}
.filter .input-field .select-wrapper {flex-grow: 1;  }
.filter .input-field select::-ms-expand {
    display: none;
}
.filter .input-field .select-wrapper span.caret {left: 0 !important;     right: initial;}
#home_page .filter .input-field .select-wrapper input.select-dropdown {min-width: 250px;}

/* ----- clasic_list  ----- */
.clasic_list {position: relative;display: inline-block;}
.clasic_list .title_list h3 {display: block;}
.clasic_list .title_list span {display: block;}
.clasic_list .content_list span {display: block; word-wrap: break-word;}

.circle_pic {border-radius: 100%; background:#fff center center no-repeat; background-size: cover;}
.fonts_icon {display: block; margin: 0; text-align: center; top: auto;}

/* ----- month_list  ----- */

#calendar_box {}
#calendar_box .empty_day {text-align: center;}
 #calendar_box .empty_day #poop_icon {display: inline-block; height: 30px; width: 30px; background-image: url(images/poop.png); background-size: 100%}
#calendar_box .empty_day h1 {display: inline-block; margin-right: 8px;}

.month_list {padding: 0 !important;}
.month_list .days {display:inline-block;padding: 10px 0px; text-align: center; width: 14.285714%;color: #636363; border-bottom: 1px solid #d8d8d8; float: right;}
.month_list .days:not(.disabled):hover {background-color: #46B549; color: #fff; border-bottom: 1px solid #46B549; }
.month_list .days.disabled {  color: #d8d8d8; }
.month_list .days.active {background-color: #46B549; color: #fff; border-bottom: 1px solid #46B549; }
.month_list .days .num_day {   font-weight: 100; position: relative; }
.month_list .days span {display: block; font-size: 12px; margin-bottom: 5px; }

.month_list .days .num_day:after { display: block; font-size: 20px; color: #46B549; text-align: center; position: absolute; bottom: -5px; width: 100%; }
.month_list .days.events_num_1 .num_day:after { content: "."; }
.month_list .days.events_num_2 .num_day:after { content: ".."; }
.month_list .days.events_num_3 .num_day:after { content: "..."; }
.month_list .days.events_num_4 .num_day:after { content: "...."; }
.month_list .days.events_num_5 .num_day:after { content: "....."; }

.month_list .days.active .num_day:after { color: #fff; }



.month_list .header {position: relative; } 
.month_list .header [data-font-icon] { cursor: pointer; color: #44B352 !important; }
.month_list .header [data-font-icon]:hover { color: #000;}

.month_list .header [data-font-icon="right-vector"]:before {position: absolute;  z-index: 99999;}
.month_list .header [data-font-icon="left-vector"]:before {position: absolute; z-index: 99999;}


/* ----- article  ----- */

article .article_pic {display: block;text-align: right; background:#ccc center center no-repeat; background-size: cover;}
article h2 {display: block;}
article img {width: 100%; height: auto; max-width: 100%;}
article .article_short_text {color: #707070; margin-bottom: 20px;   }
article .article_text {color: #707070; word-wrap: break-word;}

/*Table of Contents*/

.article_toc {text-align: right; margin-top: 20px; }
.article_toc.fixed {position: fixed; top: 90px;}
.article_toc a {padding-right: 10px; color: #000; display: block; width: 100%; line-height: 40px; text-decoration: none;}
.article_toc a:hover {border-right: 1px solid #000;}
.article_toc a.active {border-right: 1px solid #000;}
/* ----- header section  ----- */
.sec_pic {display: flex; width: 100%;background-size: cover; align-items: center; }
.sec_pic h1 { margin: 0 auto; color: #fff; }
.sec_title { text-align: center; border-bottom: 2px solid #f0f0f0; margin: 0px; margin-bottom: 25px; }
.sec_title span { display: inline-block; padding: 0 15px; background: #fff; bottom: -13px; position: relative; color: #929292; font-size: 18px;	line-height: 18px; }


/* ----- calendar_sec  ----- */
.calendar_sec .clasic_list {padding: 15px 0px; position: relative;}
.calendar_sec .clasic_list .title_list {display: block; text-align: center; padding-top: 15px;}
.calendar_sec .clasic_list .title_list .circle_pic {}
.calendar_sec .clasic_list .title_list #add_to_calendar {margin: 10px auto;}
.calendar_sec .clasic_list .content_list {display:block;text-align: right; position: relative;}
.calendar_sec .clasic_list .content_list h3 {display: block; color: #44B352;}
.calendar_sec .clasic_list .content_list .inform {color: #CBCBCB;}
.calendar_sec .clasic_list .content_list .inform span {display: inline-block;}
.calendar_sec .clasic_list .content_list .inform span:first-child {margin-left: 20px;}
.calendar_sec .clasic_list .content_list .short_text {margin-top: 8px;margin-bottom: 35px;display: block; color: #6D6D6D;}
.calendar_sec .clasic_list .content_list .pos { }
.calendar_sec .clasic_list .content_list .pos #read_more {position: absolute; left: 0px; bottom: -5px;}
.calendar_sec .clasic_list .content_list .pos:after {
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    height: 0.5em;
    border-top: 1px solid #dbdbdb;
    z-index: -1; 
}



/* ----------------------------------------------- */
/* FOOTER  */
/* ----------------------------------------------- */


footer {    clear: both;position: relative;background-color: #f2f2f2; padding: 10px;}
footer .kampus  { list-style-type: none; }
footer .filter  { position: relative;}
footer .kampus .logo_green { top: 20px;  }
footer .kampus form {height: 20px; float: left !important; height: 70px;line-height: 70px;}
footer .kampus form select {font-size: 15px;border: none; border-bottom: 1px solid #979797; background: none;display: inline-block;}
 
footer .kampus .inform_box {text-align: right;}
footer .kampus .inform_box [data-font-icon]:before {font-size: 24px; }
footer .kampus .inform_box .title_list {border-bottom: 1px solid #DCDCDC;line-height: 19px; padding: 15px 0px;}
footer .kampus .inform_box .content_list {border-bottom: 1px solid #DCDCDC; color: #6C6F74; line-height: 50px;}
 
footer .menus {display: block; color: #63656A; }
footer .menus li {display: block;}
footer .menus li h3 {display: block; font-size: 20px;	font-weight: bold;	line-height: 21px;     white-space: nowrap;}
footer .menus li span {display: block; font-size: 14px;	line-height: 28px; cursor: pointer;}

/* ----------------------------------------------- */
/*  team_panel_page */
/* ----------------------------------------------- */

#team_panel_page .menu { height: 68px;width: 80%;   padding: 0 30px;overflow: visible;}
#team_panel_page .menu a { display: inline-block; width: auto;   margin-left: 15px; float: initial;}
#team_panel_page .input-field { display: inline-block; margin-left: 15px;}
#team_panel_page .select-wrapper {display: inline-block; margin-left: 10px;}


/* ----------------------------------------------- */
/* HOME PAGE */
/* ----------------------------------------------- */

 .pic {  background-size: 100% 100%; position: relative;}
 .pic:after { content: ""; display: block; padding-bottom: 100%;}
 .pic span { display: block; position: absolute; left: 0%; top: 0%; bottom: 0%; right: 0%; background: center center no-repeat; background-size: cover; }




/* ----- service_menu  ----- */
.service_menu {position: relative;padding-top: 1px; text-align: center; }
.service_menu h3 {    margin-bottom: 9px;}
.service_menu a {position: relative; display: inline-block;text-align: center;text-decoration: none; outline: none;}
.service_menu a .icon-img { background-size: contain;background-repeat: no-repeat;margin: 0 auto;}
.service_menu a span {font-weight: bold; display: block;}
.service_menu a span:after {content: ""; display: block;border-bottom: 2px solid #fff; max-width: 70px; width: 0%; visibility: hidden; margin: 0 auto; margin-top: -15px; transition: width 1s ease;}
.service_menu a:hover span:after {visibility:visible; width: 100%;}

/* ----- article_list  ----- */
.article_list {margin-top: 10px; }
.article_list .pic:after {padding-bottom: 70%; }
.article_list .content  {overflow: hidden; max-height: 110px;}
.article_list .content label {font-weight: bold; width: 100%; display: block; margin-top: 5px;}
.article_list .content span {width: 100%; display: block; color: #6C6F74;font-size: 14px;}
.article_list .short_text { max-height:50px; overflow: hidden;  margin-bottom: 15px; }

.article_list a {width: 100%;text-decoration: underline;margin-top: 5px; display: block; line-height: 11px;}

/* ----------------------------------------------- */
/* ABOUT AGD PAGE */
/* ----------------------------------------------- */

#about_page .filter {text-align: center;}
#about_page .filter .warpper {margin: 0 auto;}

/* ----- months  ----- */

#about_page #months-sec .clasic_list {display: flex; align-items: center;padding: 15px 0px;     border-bottom: 1px solid #CCC;}
#about_page #months-sec .clasic_list .title_list {display: block;}
#about_page #months-sec .clasic_list .title_list h3 {font-size: 1.92rem; white-space: nowrap;}
#about_page #months-sec .clasic_list .content_list {display:block;text-align: right;}
#about_page #months-sec .clasic_list .content_list span {display: block; font-size: 14px;color: #929292;}

/* ----- stuff  ----- */
#about_page #stuff-sec .clasic_list {padding: 15px 0px; text-align: center;}
#about_page #stuff-sec .clasic_list .title_list {display: block;}
#about_page #stuff-sec .clasic_list .title_list .circle_pic {height: 100px; width: 100px; margin: 0 auto;}
#about_page #stuff-sec .clasic_list .content_list h3 {display: block;    margin: 5px 0; font-size: 25px;
}
#about_page #stuff-sec .clasic_list .content_list span {display: block; font-size: 14px;color: #929292;}
#about_page #stuff-sec .clasic_list .opt_list {display: block;text-align: right;}
#about_page #stuff-sec .clasic_list .opt_list span {display: block; font-size: 12px;line-height: 18px;color: #6D6D6D;}

/* ----- TRANSPARENT  ----- */
#transparent_page .filter {border: none; }
#transparent_page  .search_inp {margin: 0;}
#transparent_page  .filter .input-field {margin: 0;}
#transparent_page .filter .input-field .select-wrapper input.select-dropdown {margin: 0;}

#transparent_page .clasic_list {display: flex; align-items: center;padding: 10px 0px 25px 0px;}
#transparent_page .clasic_list .title_list {padding: 10px;}
#transparent_page .clasic_list .title_list .pic span {background-size: contain !important;}
#transparent_page .clasic_list .content_list {display: inline-block;text-align: right;color: #63656A;font-size: 16px;}
#transparent_page .clasic_list .content_list label {	color: #63656A !important;font-size: 20px;}
#transparent_page .clasic_list .content_list span {display: block;	color: #A8A8A8; font-size: 16px; line-height: 28px;}
#transparent_page .clasic_list:after {content: ""; display: block;border-bottom: 1px solid #F0F0F0; position: absolute; bottom: 0; left: 0; width: 100%;}

#transparent_page .opt_list [data-font-icon="download-out-line"]:before {font-size:40px;}

 
/* ----------------------------------------------- */
/* BOARDS PAGE */
/* ----------------------------------------------- */

#boards_page .main_head .pos_middle .title_basic {position: relative; }
#boards_page .main_head .pos_middle .title_basic  [data-font-icon="i"] {position: absolute; font-size: 32px;  left: -56px;top: -39px; color: #44B352; cursor: pointer;z-index: 4; }

#boards_page .info {display: block; border-bottom: 1px solid #44B352; border-top: 7px solid #44B352; padding: 15px 20px; background-color: #fff; position: relative;  color: #000; cursor: pointer;}
#info_close {text-align: left;}
 .dark_bg { position: fixed;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0,0,0,0.8);overflow: hidden;z-index: 3; display: none;}

#boards_page .main_head .pos {position: absolute; bottom: 10px; }
#boards_page .main_head .pos .centered {text-align: right; }
#boards_page .main_head .pos .centered a#btn_new_post { position: fixed; bottom: 20px;}
#boards_page .main_head .pos [data-font-icon="plus-round"]:before {margin-left: 3px; font-size: 22px; }

#boards_page .article_list {margin-bottom: 20px; margin-top: 10px;}
#boards_page .article_list .pic:after {padding-bottom: 65% !important;}
#boards_page .article_list label {color: #6D6D6D;font-size: 20px;	line-height: 18px;}
#boards_page .article_list span {font-size: 16px;}
#boards_page .article_list a {text-align: right; color: #6D6D6D;font-size: 16px;}




#boards_page .clasic_list {border-bottom: 2px solid #deded9;}
#boards_page .clasic_list {padding: 15px 0px;}
#boards_page .clasic_list .title_list {display: inline-block;color: #6C6F74;text-align: right;}
#boards_page .clasic_list .title_list h3 {margin: 0 0 5px 0;}

#boards_page .clasic_list  .post_pic {
    height: 69px;
    background-size: contain; 
    background-position: right; 
    background-repeat: no-repeat;

}
#boards_page .clasic_list .content_list {display: inline-block;text-align: right; }
#boards_page .clasic_list .content_list span {color: #999999;margin-top: 20px;	}
#boards_page .clasic_list .opt_list {display: inline-block;text-align: right;}
#boards_page .clasic_list .opt_list span {display: block; color: #6D6D6D; white-space: nowrap;}

#boards_page .full_btn {color: #FFFFFF !important;    padding: 0 10px;}

 form#call_action { padding: 0px 10px; }
form#call_action  h4 { font-size: 1.30rem; cursor: pointer;}

form#call_action #contact_information  {  display: none; line-height: 1.8;}

form#call_action #contact_information label { font-size: 0.9rem;}
form#call_action #contact_information span {    margin-left: 10px;}


form#new_post span.caret {left: 0px !important; right: auto;}
form#new_post .dropdown-content li {text-align: right !important;}

form#new_post textarea {width: 100%;}
form#new_post button {display: block; margin: 0 auto; margin-top: 20px; min-width: 180px;}

form#call_action button {display: block; margin: 0 auto; margin-top: 20px;min-width: 180px;}
form#call_action textarea {width: 100%;}

#marathon_reg button {display: block; margin: 0 auto; margin-top: 20px;}
#class_reg button {display: block; margin: 0 auto; margin-top: 20px;}

#stiky_row {margin-bottom: 30px;}

 
#stiky_row .clasic_list {border-bottom: 2px solid #44B352;}


.checkbox_title {    font-size: 1rem;}
[type="checkbox"]+label {float: right;  padding-right: 25px; white-space: nowrap; font-size: 16px !important; color: #333;  }

.rtl [type="radio"]:not(:checked)+label, .rtl [type="radio"]:checked+label { padding-left: 0px; padding-right: 35px; }
.rtl [type="radio"]+label:before, .rtl [type="radio"]+label:after { left: auto; right: 0px; }

#form_page {margin: 45px auto;}
#form_page #clasic_form {margin: 20px 0; margin-bottom: 40px;}
#form_page #clasic_form .sec_code_area {position: relative;}
#form_page #clasic_form .sec_code_area img {position: absolute; top: 0; left: 0; width: auto; height: auto;} 
/* ----------------------------------------------- */
/* boards_list_page PAGE */
/* ----------------------------------------------- */
 
#boards_list_page .title_basic {border-top: 7px solid; border-bottom: 7px solid;}
#boards_list_page .main_head {border-top: 5px solid #000; border-bottom: 5px solid #000;}



/* ----------------------------------------------- */
/* POST PAGE */
/* ----------------------------------------------- */
 
#post_page  { max-width: 800px;}
#post_page .clasic_list  .post_pic {
    height: 148px;
    background-size: contain; 
    background-position: right; 
    background-repeat: no-repeat;

}

#post_page .clasic_list #inform span { display:  inline-block;}
#post_page .clasic_list #inform label { margin-left: 10px;}
#post_page .clasic_list .content_list { padding-bottom: 30px; }
#post_page .clasic_list .opt_list { margin: 28px 0; }
#post_page .clasic_list .opt_list span {display: block;}
#post_page .clasic_list #btn_action_post {max-width: 200px;}



  

/* ----------------------------------------------- */
/* marathons PAGE */
/* ----------------------------------------------- */

/*Shared Classes*/
 .reg_close {color: darkred !important;}
 .reg_full {color: cornflowerblue !important;}


#marathons .search_inp {font-size: 20px; height: 40px; line-height: 40px;}

#marathons .main_head .pos {position: absolute; bottom: 10px; }
#marathons .main_head .pos .centered {text-align: right; }
#marathons .main_head .pos .centered a#btn_new_post { position: fixed; bottom: 20px;}
#marathons .main_head .pos [data-font-icon="plus-round"]:before {margin-left: 3px; font-size: 22px; }

#marathons .article_list {margin-bottom: 20px; margin-top: 10px;}
#marathons .article_list .pic:after {padding-bottom: 65% !important;}
#marathons .article_list label {color: #6D6D6D;font-size: 20px;	line-height: 18px;}
#marathons .article_list span {font-size: 16px;}
#marathons .article_list a {text-align: right; color: #6D6D6D;font-size: 16px;}


#marathons .clasic_list {border-bottom: 2px solid #F0F0F0;}
#marathons .clasic_list {padding: 15px 0px; display: flex; align-items: center;}
#marathons .clasic_list [data-font-icon]:before{}
#marathons .clasic_list .title_list {display: inline-block;color: #6C6F74;text-align: right;}
#marathons .clasic_list .title_list h3 {margin: 0; margin-bottom: 5px; }
#marathons .clasic_list .title_list span {}
#marathons .clasic_list .title_list .post_pic {
    height: 69px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
#marathons .clasic_list .content_list {display: inline-block;text-align: right; }
#marathons .clasic_list .content_list span {color: #999999;	}
#marathons .clasic_list .opt_list {display: inline-block;text-align: right;}
#marathons .clasic_list .opt_list span {display: block; color: #6D6D6D; margin-bottom: 8px;}


#marathons .num_places:before{top: 8px;}
#marathons .num_places:after{bottom: 2px;}

#marathons .full_btn {color: #FFFFFF !important;    padding: 0 10px;}

[type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {right: 0!important;}
/* ---------------------  marathon_page -------------------------- */

#marathon_page th, td {text-align: center!important; line-height: 50px;}
#marathon_page  .add_event_box {margin-top: 30px;}
#marathon_page  #inform {text-align: center;    margin-top: 35px; }
#marathon_page  #inform a {display: block; margin-bottom: 20px;    text-decoration: underline; }
#marathon_page  #inform .reg_start {font-size: 30px;}
 #marathon_page #inform .reg_start:before {content: "סיום הרשמה";display: block;position: relative; font-size: 16px;color: #63656A;}
 #marathon_page .short_text { font-size: 16px;color: #63656A;}

 .num_places { }
 .num_places:before {content: "נותרו";display: block;position: relative; top:27px;color: #63656A;}
 .num_places:after {content: "מקומות פנויים";display: block;position: relative;  bottom: 14px;color: #63656A;}

 .num_reg {font-size: 50px; }
 .num_reg:after {content: "נרשמו כבר";display: block;position: relative;    bottom: 2px;font-size: 16px;color: #63656A;}

#marathon_page #touter_area h3 {float: right; width: 100%;}
#marathon_page #touter_area h3 .circle_pic {height: 50px; width: 50px; float: right;margin-left: 10px;}
#marathon_page #touter_area span {margin-right: 60px;}

/* ----------------------------------------------- */
/* class PAGEs */
/* ----------------------------------------------- */

/* ---------------------  campus list -------------------------- */

.cmp_box { 
    position: relative;
    font-family: 'font37regular'; 
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #EBEBEB;
}
.cmp_box:after {
  content: "";
  display: block;
  padding-bottom: 100%;
    
}
.cmp_box .inner {
  position: absolute;
  width: 100%;
  height: 100%;
}
.cmp_box:hover {background-color: #44B352; }
.cmp_box:hover h3 {color: #fff; }
.cmp_box h3   {font-size: 1.92rem !important;}

/* ---------------------  class list -------------------------- */


/*Shared Classes*/
 .reg_close {color: darkred !important;}
 .reg_full {color: cornflowerblue !important;}


 #class  .main_head { background-position: center 58%; height: 35vh !important;}
#class  .content { margin: 10px 0px;} 

#class form {}
#class #search_class {}

#class .search_inp {font-size: 20px; height: 64px; line-height: 40px;}

#class .main_head .pos {position: absolute; bottom: 10px; }
#class .main_head .pos .centered {text-align: right; }
#class .main_head .pos .centered a#btn_new_post { position: fixed; bottom: 20px;}
#class .main_head .pos [data-font-icon="plus-round"]:before {margin-left: 3px; font-size: 22px; }

#class .article_list {margin-bottom: 20px; margin-top: 10px;}
#class .article_list .pic:after {padding-bottom: 65% !important;}
#class .article_list label {color: #6D6D6D;font-size: 20px;	line-height: 18px;}
#class .article_list span {font-size: 16px;}
#class .article_list a {text-align: right; color: #6D6D6D;font-size: 16px;}


#class .clasic_list {border-bottom: 2px solid #F0F0F0;}
#class .clasic_list {padding: 15px 0px; display: flex; align-items: center;}
#class .clasic_list [data-font-icon]:before{}
#class .clasic_list .title_list {display: inline-block;color: #6C6F74;text-align: right;}
#class .clasic_list .title_list h3 {margin: 0; margin-bottom: 5px; }
#class .clasic_list .title_list span {}
#class .clasic_list .title_list .post_pic {
    height: 69px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
#class .clasic_list .content_list {display: inline-block;text-align: right; }
#class .clasic_list .content_list span {color: #999999;	}
#class .clasic_list .opt_list {display: inline-block;text-align: right;}
#class .clasic_list .opt_list span {display: block; color: #6D6D6D; margin-bottom: 8px;}


#class .num_places:before{top: 8px;}
#class .num_places:after{bottom: 2px;}

#class .full_btn {color: #FFFFFF !important;    padding: 0 10px;}

[type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {right: 0!important;}
/* ---------------------  class_page -------------------------- */
#class_page .cmp_locaion {margin-bottom: 10px;}
#class_page th, td {text-align: center!important; }
#class_page  .add_event_box {margin-top: 30px;}
#class_page  #inform {text-align: center;    margin-top: 35px; }
#class_page  #inform a {display: block; margin-bottom: 20px;    text-decoration: underline; }
#class_page  #inform .reg_start {font-size: 30px;}
 #class_page #inform .reg_start:before {content: "סיום הרשמה";display: block;position: relative; font-size: 16px;color: #63656A;}

 .num_places { }
 .num_places:before {content: "נותרו";display: block;position: relative; top:27px;color: #63656A;}
 .num_places:after {content: "מקומות פנויים";display: block;position: relative;  bottom: 14px;color: #63656A;}

 .num_reg {font-size: 50px; }
 .num_reg:after {content: "נרשמו כבר";display: block;position: relative;    bottom: 2px;font-size: 16px;color: #63656A;}

#class_page #touter_area h3 {float: right; width: 100%;}
#class_page #touter_area h3 .circle_pic {height: 50px; width: 50px; float: right;margin-left: 10px;}
#class_page #touter_area span {margin-right: 60px;}




/* ----------------------------------------------- */
/* POINTS PAGE */
/* ----------------------------------------------- */
#stars_form_page .filter {padding: 0px !important; background-color: #fff !important; border-bottom: 1px solid #DEDEDE; }


#stars_form_page .add_ask .request_box {margin-top: 30px; padding: 0px 20px 20px 20px;display: none; }
#stars_form_page .request_box .short_text.active {display: block;}
#stars_form_page .request_box .short_text {display: none; width: 100%; margin: 10px 0px;}

#stars_form_page .request_box .frm.active {display: block;}
#stars_form_page .request_box .frm {display: none;}

#stars_form_page .add_ask input { margin-bottom: 10px;}
#stars_form_page .add_ask #add_file {height: 40px;font-size: 18px;line-height: 40px; color: #A9A9A9; background-color: #EAEAEA; }
#stars_form_page .add_ask [data-font-icon="add"]:before {margin-left: 15px;}
#stars_form_page .add_ask #sub {color: #fff; margin: 0;height: 56px;font-size: 20px;line-height: 56px;}

/* ----------------------------------------------- */
/* EVENT PAGE */
/* ----------------------------------------------- */


#event_page article {margin-top: 20px;}
#event_page article h2 {font-size: 50px; line-height:51px; }


.add_event_box {text-align: center;}
.add_event_box .status_box {display: inline-block; position: relative; text-align: center; 	border: 1px solid #EBEBEB;}

.add_event_box .status_box.active {border: 1px solid #44B352;}
.add_event_box .status_box .reg_btn {display: none;}
.add_event_box .status_box .reg_article {display: block; white-space: nowrap; margin-top: 5px;}
.add_event_box .status_box.active .reg_btn {display: block;}
.add_event_box .status_box.active .reg_article {display: none;} 

.add_event_box .status_box span.clasic_span:before {content: "";display: block; background-repeat: no-repeat ;  background-size: contain;    margin: 0 auto;}
.add_event_box #status-guest {float: right;} 
.add_event_box #status-student {}
.add_event_box #status-registered-student {float: left;}
.add_event_box #status-guest span:before {background-image: url(images/guest_icon.png);}
.add_event_box #status-student span:before {background-image: url(images/hat_student_icon_greey.png);}
.add_event_box #status-registered-student span:before {background-image: url(images/hat_student_icon_greey.png);}
.add_event_box .status_box .price {line-height: 18px;font-weight: bold;color: #6D6D6D; }
.add_event_box .status_box .off {text-decoration: line-through; white-space: nowrap; display: block;    pointer-events: none;}
.add_event_box .status_box .price:after {content: "₪"; display: inline-block;color: #6D6D6D; font-size: 15px;}
.add_event_box .full_btn {color: #fff;padding: 0px 10% !important;  margin-top: 30px; min-width: 125px;position: relative;padding: 0px 5%; display: inline-block;}
.add_event_box .facebook_btn { margin-left: 20px;}

/* CALENDAR */

.events {display: none;}
.events.active {display: block;}

/* TEACHRES PAGE */
#teachers_page .filter {display: block; height: 40px;	background-color: #F0F0F0; padding: 0px 10px;}
#teachers_page .filter form:first-child {margin-left: 20px;}
#teachers_page .filter form:last-child {text-align: left;}
#teachers_page .filter form {display: inline-block; width: 45%; line-height: 40px;}
#teachers_page .filter form span {display: inline-block; line-height: 18px;	font-size: 12px;	color: #818181; }
#teachers_page .filter form select {  width: 60%;border: none;color: #44B352;font-weight: bold;	 font-size: 13px; background: none;line-height: 18px;}

#teachers_page .teachers_list {position: relative; height: 100px;  padding-left: 18px; padding-right: 105px; padding-bottom: 10px; border-bottom: 1px solid #E4E4E4; }
#teachers_page .teachers_list .pic {position: absolute; right: 0px; top:-4px; height: 93px;width: 105px; }
#teachers_page .teachers_list .pic span {border-radius: 100%; top:15%;right:18%;left:15%;bottom:15%;}
#teachers_page .teachers_list  {color: #6D6D6D;}
#teachers_page .teachers_list .details  {display: inline-block;}
#teachers_page .teachers_list .details h3 {word-wrap: break-word; font-weight: bold; margin-bottom: 0px; font-size: 22px;line-height: 18px;}
#teachers_page .teachers_list .details label {word-wrap: break-word;font-size: 13px;}
#teachers_page .teachers_list .details span {word-wrap: break-word;font-size: 12px; margin-top: 8px; display: block;}
#teachers_page .teachers_list aside {float: left; height: 100%; padding-top: 20px;}
#teachers_page .teachers_list aside span {font-size: 10px; color: #4A4A4A;}
#teachers_page .teachers_list aside .price {font-size: 15px; font-weight: bold;	color: #44B352;	line-height: 18px; position: relative;}
#teachers_page .teachers_list aside .price:after {    content:"לשעה";font-size: 8px;color: #818181; position: absolute; bottom: -10px; right: 0;}

#teachers_page .reviews {background-color: #F8F8F8;}
#teachers_page .reviews .head { display: block; height: 20px;padding-left: 18px; padding-right: 15px;}
#teachers_page .reviews .head span { font-size: 10px;color: #4A4A4A;}
#teachers_page .reviews .head #add_reviews { float: left;}
#teachers_page .reviews .head #count_reviews { float: right;}

#teachers_page .reviews_list {position: relative;  height: 100px; padding-left: 18px; padding-right: 75px; padding-bottom: 10px;  }

/* ----------------------------------------------- */
/* month report PAGE */
/* ----------------------------------------------- */


#month_report_page .main_head .pos_middle {width: 100%;}

#month_report_page .main_head [data-font-icon] {cursor: pointer; color: #fff !important;}
#month_report_page .main_head [data-font-icon]:before:hover { color: #000;}
#month_report_page .main_head [data-font-icon="right-vector"] {float: right;}
#month_report_page .main_head [data-font-icon="left-vector"] {float: left;}
#month_report_page .main_head .pos {position: absolute;}

#month_report_page .collapsible .collapsible-body {    background-color: rgba(221, 221, 221, 0.15);}


.rtl .dropdown-content li { text-align: right; }
.rtl .select-wrapper span.caret { left:0px; right: auto; }
.rtl .input-field label { left:auto; right: 0px;}


/* FANCY */
body .myFancy { border-top:9px solid #44B352; }
body .myFancy .fancy_title { background:#fff; margin: 0px; color: #000; text-align: center; font-size: 36px; font-weight: bold; padding-left:10px; 
        margin-top: 15px;
    color: #44B352;
    font-size: 40px;
    font-weight: bold;
    margin: 0px; }
body .myFancy .fancy_close { background:none;  right: 0px; left: auto; width:30px; height: 30px; text-align: center; line-height: 30px;}
body .myFancy .fancy_close:after { content: "x"; font-size: 24px; font-family: Arial;}
body .myFancy .inner {  max-width: 1300px; }


#month_report_page .collapsible-body ul:not(.browser-default)>li {  list-style-type: disc !important; }
/* ----------------------------------------------- */
/* STUDENTS PAGE */
/* ----------------------------------------------- */


#students_page  {max-width: 270px;  min-height: 265px; margin: 0 auto;}
@media only screen and (max-width: 500px) {
    
    #students_page  {margin: 80px 22px !important;}
}
#students_page .clear_fast {cursor: pointer;}
#students_page [data-font-icon="X"]:before { content: "\f12a"; color: darkblue; font-size: 1rem; position: absolute;right: 16px;top: 21px;}
#students_page {margin-top: 80px; }
#students_page  .input-field {position: relative;   width: 100%; margin: 0 auto;}
#students_page  .input-field .effect-24 ~ label {top: -6px;}
#students_page  .input-field .btn {position: absolute; left: -64px; top: 12px;}
#students_page  .input-field #inp_id_card {box-sizing: border-box;   padding-right: 50px;}

#students_page  [data-font-icon]:before {z-index: 9999;}
#students_page  [data-font-icon="is_member"]:before { content: "\f122"; color: green; position: absolute;left: 12px;top: 16px;font-size: 30px;}
#students_page  [data-font-icon="not_member"]:before { content: "\f12a"; color: red;position: absolute;left: 12px;top: 16px;font-size: 30px;}

/* --- form ---*/
#students_page .switch, .switch * {float: right;display: inline-block;}
#students_page .switch label .lever {float: right;display: inline-block;}
#students_page .no-effects-inp label {display: inline-block !important;}
#students_page .btn {margin: 0 auto;}
/* --- msg ---*/
#students_page #results #msg {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    background: #fff;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid #ddd;
}
#students_page #results #msg {margin-bottom: 10px;}
#students_page #results #msg .msg-header {width: 100%; font-size: 16px; border-bottom: 1px solid #ddd;    padding: 14px;  }
#students_page #results #msg .msg-header.member {background-color: #4bc15a; color: #fff;}
#students_page #results #msg .msg-header.not_member {background-color: red; color: #fff;}
#students_page #results #msg .msg-body  { padding: 14px;}
#students_page #results #msg .msg-body span {display: block; font-size: 14px; line-height: 22px; }

#students_page #std_inform { text-align: center; }
/* ----------------------------------------------- */
/* PAGES PAGE */
/* ----------------------------------------------- */

.normal_page {text-align: center; max-width: 650px; margin: 0 auto; padding: 30px 0px;}

.team_panel {margin-top: 80px;}
#team_panel_login {max-width: 400px; margin: 0 auto;}
#team_panel_login .title {color: #000;}

#signup_box .main_head, #popLoginPage .main_head { display: none; }


.poll_wrapper { max-width:600px; margin: 0 auto; border: 1px solid #eee; padding: 20px; }
.poll_wrapper h3 { font-size: 22px; font-weight: bold; }

/* ----------------------------------------------- */
/* PERSONAL PAGE */
/* ----------------------------------------------- */

#personal_page .filter { height: 113px !important;}
#personal_page .filter {border-bottom: 2px solid #F0F0F0;}

.num_circle {    
    position: absolute;
    background-color: #7ED321;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    left: -9px;
    top: 18px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    text-align: center;
    line-height: 13px;
    font-weight: 200;
}
#updates_tab .num_circle {left: -14px;}


.embed_view_wrap { min-width:80vw; min-height:80vh;}
.embed_view_wrap .inner { max-width:100% !important; height:100% !important; padding: 0px !important; position: absolute !important; left: 0px; right:0px; top:0px; }

/* ----------------------------------------------- */
/* faq PAGE */
/* ----------------------------------------------- */

#faq_table { border: none; font-size: 20px; box-shadow: none;}
#faq_table .collapsible-header {position: relative;}
#faq_table .collapsible-header span {   position: absolute;left: 0; top: 25px;}
#faq_table .collapsible-header.active { border: none; }
#faq_table .collapsible-body {  font-size: 18px; }
 

/* ----------------------------------------------- */
/* payments pages PAGE */
/* ----------------------------------------------- */

#form_pay ul { margin-bottom: 30px;}
#form_pay ul li { display: block;  position: relative;	border-bottom: 1px solid #ccc; }
#form_pay ul li label {font-size: 40px;  height: 30px;margin: 20px 0; color: #ccc; width: 100%;}
#form_pay ul li label:hover { color: #333;}
#form_pay ul li input[type=radio]:checked + label {color: #26a69a;} 
#form_pay ul li [type="radio"]+label:before, [type="radio"]+label:after  { width: 20px;height: 20px;}
#form_pay ul li label span {font-size: 35px;  }
#form_pay #price { text-align: center;  margin: 10px 0px;}
#form_pay #price span { font-size: 40px;}
#form_pay .full_btn  { display: block;  margin: 0 auto; min-width: 200px;}