* {
  font-family: Arial;
  box-sizing: border-box; }

html, body {
  width: 100%;
  margin: 0;
  font-size: 12px;
  height: 100%;
  color: #555; }

html.init {
  background: url('../img/logo.png') no-repeat center center;
  background-size: 50%;
  opacity: 1; }

html {
  overflow: hidden; }

body {
  opacity: 0; }

a {
  text-decoration: none;
  color: #555; }

ul, ol, li {
  list-style: none;
  margin: 0;
  padding: 0; }

*:hover {
  text-decoration: none; }

.row {
  width: 100%;
  margin: 0 auto;
  *zoom: 1; }

.row:before, .row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

img {
  height: auto;
  border: none;
  -ms-interpolation-mode: bicubic; }

img, object, embed, iframe {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle; }

.center {
  float: none !important;
  margin: 0 auto; }

.text_left, .txt_l {
  text-align: left !important; }

.text_center, .txt_c {
  text-align: center !important; }

.text_right, .txt_r {
  text-align: right !important; }

.text_justify {
  text-align: justify !important; }

.top {
  top: 0px; }

.bottom {
  bottom: 0px; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix, .clear {
  clear: both !important; }

.bg {
  background: #eee; }

.circular {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%; }

.fw {
  width: 100% !important; }

.hide {
  display: none; }

.margin_top_0 {
  margin-top: 0px !important; }

.margin_5 {
  margin: 5px; }

.margin_top_5 {
  margin-top: 5px; }

.margin_right_5 {
  margin-right: 5px; }

.margin_bottom_5 {
  margin-bottom: 5px; }

.margin_left_5 {
  margin-left: 5px; }

.margin_10 {
  margin: 10px; }

.margin_top_10 {
  margin-top: 10px; }

.margin_right_10 {
  margin-right: 10px; }

.margin_bottom_10 {
  margin-bottom: 10px; }

.margin_left_10 {
  margin-left: 10px; }

.margin_15 {
  margin: 15px; }

.margin_top_15 {
  margin-top: 15px; }

.margin_right_15 {
  margin-right: 15px; }

.margin_bottom_15 {
  margin-bottom: 15px; }

.margin_left_15 {
  margin-left: 15px; }

.margin_20 {
  margin: 20px; }

.margin_top_20 {
  margin-top: 20px; }

.margin_right_20 {
  margin-right: 20px; }

.margin_bottom_20 {
  margin-bottom: 20px; }

.margin_left_20 {
  margin-left: 20px; }

.margin_25 {
  margin: 25px; }

.margin_top_25 {
  margin-top: 25px; }

.margin_right_25 {
  margin-right: 25px; }

.margin_bottom_25 {
  margin-bottom: 25px; }

.margin_left_25 {
  margin-left: 25px; }

.margin_30 {
  margin: 30px; }

.margin_top_30 {
  margin-top: 30px; }

.margin_right_30 {
  margin-right: 30px; }

.margin_bottom_30 {
  margin-bottom: 30px; }

.margin_left_30 {
  margin-left: 30px; }

.margin_35 {
  margin: 35px; }

.margin_top_35 {
  margin-top: 35px; }

.margin_right_35 {
  margin-right: 35px; }

.margin_bottom_35 {
  margin-bottom: 35px; }

.margin_left_35 {
  margin-left: 35px; }

.margin_40 {
  margin: 40px; }

.margin_top_40 {
  margin-top: 40px; }

.margin_right_40 {
  margin-right: 40px; }

.margin_bottom_40 {
  margin-bottom: 40px; }

.margin_left_40 {
  margin-left: 40px; }

.margin_45 {
  margin: 45px; }

.margin_top_45 {
  margin-top: 45px; }

.margin_right_45 {
  margin-right: 45px; }

.margin_bottom_45 {
  margin-bottom: 45px; }

.margin_left_45 {
  margin-left: 45px; }

.margin_50 {
  margin: 50px; }

.margin_top_50 {
  margin-top: 50px; }

.margin_right_50 {
  margin-right: 50px; }

.margin_bottom_50 {
  margin-bottom: 50px; }

.margin_left_50 {
  margin-left: 50px; }

.padding_5 {
  padding: 5px; }

.padding_top_5 {
  padding-top: 5px; }

.padding_right_5 {
  padding-right: 5px; }

.padding_bottom_5 {
  padding-bottom: 5px; }

.padding_left_5 {
  padding-left: 5px; }

.padding_10 {
  padding: 10px; }

.padding_top_10 {
  padding-top: 10px; }

.padding_right_10 {
  padding-right: 10px; }

.padding_bottom_10 {
  padding-bottom: 10px; }

.padding_left_10 {
  padding-left: 10px; }

.padding_15 {
  padding: 15px; }

.padding_top_15 {
  padding-top: 15px; }

.padding_right_15 {
  padding-right: 15px; }

.padding_bottom_15 {
  padding-bottom: 15px; }

.padding_left_15 {
  padding-left: 15px; }

.padding_20 {
  padding: 20px; }

.padding_top_20 {
  padding-top: 20px; }

.padding_right_20 {
  padding-right: 20px; }

.padding_bottom_20 {
  padding-bottom: 20px; }

.padding_left_20 {
  padding-left: 20px; }

.padding_25 {
  padding: 25px; }

.padding_top_25 {
  padding-top: 25px; }

.padding_right_25 {
  padding-right: 25px; }

.padding_bottom_25 {
  padding-bottom: 25px; }

.padding_left_25 {
  padding-left: 25px; }

.padding_30 {
  padding: 30px; }

.padding_top_30 {
  padding-top: 30px; }

.padding_right_30 {
  padding-right: 30px; }

.padding_bottom_30 {
  padding-bottom: 30px; }

.padding_left_30 {
  padding-left: 30px; }

.padding_35 {
  padding: 35px; }

.padding_top_35 {
  padding-top: 35px; }

.padding_right_35 {
  padding-right: 35px; }

.padding_bottom_35 {
  padding-bottom: 35px; }

.padding_left_35 {
  padding-left: 35px; }

.padding_40 {
  padding: 40px; }

.padding_top_40 {
  padding-top: 40px; }

.padding_right_40 {
  padding-right: 40px; }

.padding_bottom_40 {
  padding-bottom: 40px; }

.padding_left_40 {
  padding-left: 40px; }

.padding_45 {
  padding: 45px; }

.padding_top_45 {
  padding-top: 45px; }

.padding_right_45 {
  padding-right: 45px; }

.padding_bottom_45 {
  padding-bottom: 45px; }

.padding_left_45 {
  padding-left: 45px; }

.padding_50 {
  padding: 50px; }

.padding_top_50 {
  padding-top: 50px; }

.padding_right_50 {
  padding-right: 50px; }

.padding_bottom_50 {
  padding-bottom: 50px; }

.padding_left_50 {
  padding-left: 50px; }

.col_0-1 {
  display: none; }

.col_1-1 {
  width: 100%;
  float: left; }

.col_1-2 {
  width: 50%;
  float: left; }

.col_2-2 {
  width: 100%;
  float: left; }

.col_1-3 {
  width: 33.33333%;
  float: left; }

.col_2-3 {
  width: 66.66667%;
  float: left; }

.col_3-3 {
  width: 100%;
  float: left; }

.col_1-4 {
  width: 25%;
  float: left; }

.col_2-4 {
  width: 50%;
  float: left; }

.col_3-4 {
  width: 75%;
  float: left; }

.col_4-4 {
  width: 100%;
  float: left; }

.col_1-5 {
  width: 20%;
  float: left; }

.col_2-5 {
  width: 40%;
  float: left; }

.col_3-5 {
  width: 60%;
  float: left; }

.col_4-5 {
  width: 80%;
  float: left; }

.col_5-5 {
  width: 100%;
  float: left; }

.col_1-6 {
  width: 16.66667%;
  float: left; }

.col_2-6 {
  width: 33.33333%;
  float: left; }

.col_3-6 {
  width: 50%;
  float: left; }

.col_4-6 {
  width: 66.66667%;
  float: left; }

.col_5-6 {
  width: 83.33333%;
  float: left; }

.col_6-6 {
  width: 100%;
  float: left; }

.col_1-7 {
  width: 14.28571%;
  float: left; }

.col_2-7 {
  width: 28.57143%;
  float: left; }

.col_3-7 {
  width: 42.85714%;
  float: left; }

.col_4-7 {
  width: 57.14286%;
  float: left; }

.col_5-7 {
  width: 71.42857%;
  float: left; }

.col_6-7 {
  width: 85.71429%;
  float: left; }

.col_7-7 {
  width: 100%;
  float: left; }

.col_1-8 {
  width: 12.5%;
  float: left; }

.col_2-8 {
  width: 25%;
  float: left; }

.col_3-8 {
  width: 37.5%;
  float: left; }

.col_4-8 {
  width: 50%;
  float: left; }

.col_5-8 {
  width: 62.5%;
  float: left; }

.col_6-8 {
  width: 75%;
  float: left; }

.col_7-8 {
  width: 87.5%;
  float: left; }

.col_8-8 {
  width: 100%;
  float: left; }

.col_1-9 {
  width: 11.11111%;
  float: left; }

.col_2-9 {
  width: 22.22222%;
  float: left; }

.col_3-9 {
  width: 33.33333%;
  float: left; }

.col_4-9 {
  width: 44.44444%;
  float: left; }

.col_5-9 {
  width: 55.55556%;
  float: left; }

.col_6-9 {
  width: 66.66667%;
  float: left; }

.col_7-9 {
  width: 77.77778%;
  float: left; }

.col_8-9 {
  width: 88.88889%;
  float: left; }

.col_9-9 {
  width: 100%;
  float: left; }

.col_1-10 {
  width: 10%;
  float: left; }

.col_2-10 {
  width: 20%;
  float: left; }

.col_3-10 {
  width: 30%;
  float: left; }

.col_4-10 {
  width: 40%;
  float: left; }

.col_5-10 {
  width: 50%;
  float: left; }

.col_6-10 {
  width: 60%;
  float: left; }

.col_7-10 {
  width: 70%;
  float: left; }

.col_8-10 {
  width: 80%;
  float: left; }

.col_9-10 {
  width: 90%;
  float: left; }

.col_10-10 {
  width: 100%;
  float: left; }

.col_1-11 {
  width: 9.09091%;
  float: left; }

.col_2-11 {
  width: 18.18182%;
  float: left; }

.col_3-11 {
  width: 27.27273%;
  float: left; }

.col_4-11 {
  width: 36.36364%;
  float: left; }

.col_5-11 {
  width: 45.45455%;
  float: left; }

.col_6-11 {
  width: 54.54545%;
  float: left; }

.col_7-11 {
  width: 63.63636%;
  float: left; }

.col_8-11 {
  width: 72.72727%;
  float: left; }

.col_9-11 {
  width: 81.81818%;
  float: left; }

.col_10-11 {
  width: 90.90909%;
  float: left; }

.col_11-11 {
  width: 100%;
  float: left; }

.col_1-12 {
  width: 8.33333%;
  float: left; }

.col_2-12 {
  width: 16.66667%;
  float: left; }

.col_3-12 {
  width: 25%;
  float: left; }

.col_4-12 {
  width: 33.33333%;
  float: left; }

.col_5-12 {
  width: 41.66667%;
  float: left; }

.col_6-12 {
  width: 50%;
  float: left; }

.col_7-12 {
  width: 58.33333%;
  float: left; }

.col_8-12 {
  width: 66.66667%;
  float: left; }

.col_9-12 {
  width: 75%;
  float: left; }

.col_10-12 {
  width: 83.33333%;
  float: left; }

.col_11-12 {
  width: 91.66667%;
  float: left; }

.col_12-12 {
  width: 100%;
  float: left; }

.col_1-13 {
  width: 7.69231%;
  float: left; }

.col_2-13 {
  width: 15.38462%;
  float: left; }

.col_3-13 {
  width: 23.07692%;
  float: left; }

.col_4-13 {
  width: 30.76923%;
  float: left; }

.col_5-13 {
  width: 38.46154%;
  float: left; }

.col_6-13 {
  width: 46.15385%;
  float: left; }

.col_7-13 {
  width: 53.84615%;
  float: left; }

.col_8-13 {
  width: 61.53846%;
  float: left; }

.col_9-13 {
  width: 69.23077%;
  float: left; }

.col_10-13 {
  width: 76.92308%;
  float: left; }

.col_11-13 {
  width: 84.61538%;
  float: left; }

.col_12-13 {
  width: 92.30769%;
  float: left; }

.col_13-13 {
  width: 100%;
  float: left; }

.col_1-14 {
  width: 7.14286%;
  float: left; }

.col_2-14 {
  width: 14.28571%;
  float: left; }

.col_3-14 {
  width: 21.42857%;
  float: left; }

.col_4-14 {
  width: 28.57143%;
  float: left; }

.col_5-14 {
  width: 35.71429%;
  float: left; }

.col_6-14 {
  width: 42.85714%;
  float: left; }

.col_7-14 {
  width: 50%;
  float: left; }

.col_8-14 {
  width: 57.14286%;
  float: left; }

.col_9-14 {
  width: 64.28571%;
  float: left; }

.col_10-14 {
  width: 71.42857%;
  float: left; }

.col_11-14 {
  width: 78.57143%;
  float: left; }

.col_12-14 {
  width: 85.71429%;
  float: left; }

.col_13-14 {
  width: 92.85714%;
  float: left; }

.col_14-14 {
  width: 100%;
  float: left; }

.col_1-15 {
  width: 6.66667%;
  float: left; }

.col_2-15 {
  width: 13.33333%;
  float: left; }

.col_3-15 {
  width: 20%;
  float: left; }

.col_4-15 {
  width: 26.66667%;
  float: left; }

.col_5-15 {
  width: 33.33333%;
  float: left; }

.col_6-15 {
  width: 40%;
  float: left; }

.col_7-15 {
  width: 46.66667%;
  float: left; }

.col_8-15 {
  width: 53.33333%;
  float: left; }

.col_9-15 {
  width: 60%;
  float: left; }

.col_10-15 {
  width: 66.66667%;
  float: left; }

.col_11-15 {
  width: 73.33333%;
  float: left; }

.col_12-15 {
  width: 80%;
  float: left; }

.col_13-15 {
  width: 86.66667%;
  float: left; }

.col_14-15 {
  width: 93.33333%;
  float: left; }

.col_15-15 {
  width: 100%;
  float: left; }

.col_1-16 {
  width: 6.25%;
  float: left; }

.col_2-16 {
  width: 12.5%;
  float: left; }

.col_3-16 {
  width: 18.75%;
  float: left; }

.col_4-16 {
  width: 25%;
  float: left; }

.col_5-16 {
  width: 31.25%;
  float: left; }

.col_6-16 {
  width: 37.5%;
  float: left; }

.col_7-16 {
  width: 43.75%;
  float: left; }

.col_8-16 {
  width: 50%;
  float: left; }

.col_9-16 {
  width: 56.25%;
  float: left; }

.col_10-16 {
  width: 62.5%;
  float: left; }

.col_11-16 {
  width: 68.75%;
  float: left; }

.col_12-16 {
  width: 75%;
  float: left; }

.col_13-16 {
  width: 81.25%;
  float: left; }

.col_14-16 {
  width: 87.5%;
  float: left; }

.col_15-16 {
  width: 93.75%;
  float: left; }

.col_16-16 {
  width: 100%;
  float: left; }

.col_1-17 {
  width: 5.88235%;
  float: left; }

.col_2-17 {
  width: 11.76471%;
  float: left; }

.col_3-17 {
  width: 17.64706%;
  float: left; }

.col_4-17 {
  width: 23.52941%;
  float: left; }

.col_5-17 {
  width: 29.41176%;
  float: left; }

.col_6-17 {
  width: 35.29412%;
  float: left; }

.col_7-17 {
  width: 41.17647%;
  float: left; }

.col_8-17 {
  width: 47.05882%;
  float: left; }

.col_9-17 {
  width: 52.94118%;
  float: left; }

.col_10-17 {
  width: 58.82353%;
  float: left; }

.col_11-17 {
  width: 64.70588%;
  float: left; }

.col_12-17 {
  width: 70.58824%;
  float: left; }

.col_13-17 {
  width: 76.47059%;
  float: left; }

.col_14-17 {
  width: 82.35294%;
  float: left; }

.col_15-17 {
  width: 88.23529%;
  float: left; }

.col_16-17 {
  width: 94.11765%;
  float: left; }

.col_17-17 {
  width: 100%;
  float: left; }

.col_1-18 {
  width: 5.55556%;
  float: left; }

.col_2-18 {
  width: 11.11111%;
  float: left; }

.col_3-18 {
  width: 16.66667%;
  float: left; }

.col_4-18 {
  width: 22.22222%;
  float: left; }

.col_5-18 {
  width: 27.77778%;
  float: left; }

.col_6-18 {
  width: 33.33333%;
  float: left; }

.col_7-18 {
  width: 38.88889%;
  float: left; }

.col_8-18 {
  width: 44.44444%;
  float: left; }

.col_9-18 {
  width: 50%;
  float: left; }

.col_10-18 {
  width: 55.55556%;
  float: left; }

.col_11-18 {
  width: 61.11111%;
  float: left; }

.col_12-18 {
  width: 66.66667%;
  float: left; }

.col_13-18 {
  width: 72.22222%;
  float: left; }

.col_14-18 {
  width: 77.77778%;
  float: left; }

.col_15-18 {
  width: 83.33333%;
  float: left; }

.col_16-18 {
  width: 88.88889%;
  float: left; }

.col_17-18 {
  width: 94.44444%;
  float: left; }

.col_18-18 {
  width: 100%;
  float: left; }

.col_1-19 {
  width: 5.26316%;
  float: left; }

.col_2-19 {
  width: 10.52632%;
  float: left; }

.col_3-19 {
  width: 15.78947%;
  float: left; }

.col_4-19 {
  width: 21.05263%;
  float: left; }

.col_5-19 {
  width: 26.31579%;
  float: left; }

.col_6-19 {
  width: 31.57895%;
  float: left; }

.col_7-19 {
  width: 36.84211%;
  float: left; }

.col_8-19 {
  width: 42.10526%;
  float: left; }

.col_9-19 {
  width: 47.36842%;
  float: left; }

.col_10-19 {
  width: 52.63158%;
  float: left; }

.col_11-19 {
  width: 57.89474%;
  float: left; }

.col_12-19 {
  width: 63.15789%;
  float: left; }

.col_13-19 {
  width: 68.42105%;
  float: left; }

.col_14-19 {
  width: 73.68421%;
  float: left; }

.col_15-19 {
  width: 78.94737%;
  float: left; }

.col_16-19 {
  width: 84.21053%;
  float: left; }

.col_17-19 {
  width: 89.47368%;
  float: left; }

.col_18-19 {
  width: 94.73684%;
  float: left; }

.col_19-19 {
  width: 100%;
  float: left; }

.col_1-20 {
  width: 5%;
  float: left; }

.col_2-20 {
  width: 10%;
  float: left; }

.col_3-20 {
  width: 15%;
  float: left; }

.col_4-20 {
  width: 20%;
  float: left; }

.col_5-20 {
  width: 25%;
  float: left; }

.col_6-20 {
  width: 30%;
  float: left; }

.col_7-20 {
  width: 35%;
  float: left; }

.col_8-20 {
  width: 40%;
  float: left; }

.col_9-20 {
  width: 45%;
  float: left; }

.col_10-20 {
  width: 50%;
  float: left; }

.col_11-20 {
  width: 55%;
  float: left; }

.col_12-20 {
  width: 60%;
  float: left; }

.col_13-20 {
  width: 65%;
  float: left; }

.col_14-20 {
  width: 70%;
  float: left; }

.col_15-20 {
  width: 75%;
  float: left; }

.col_16-20 {
  width: 80%;
  float: left; }

.col_17-20 {
  width: 85%;
  float: left; }

.col_18-20 {
  width: 90%;
  float: left; }

.col_19-20 {
  width: 95%;
  float: left; }

.col_20-20 {
  width: 100%;
  float: left; }

.col_1-21 {
  width: 4.7619%;
  float: left; }

.col_2-21 {
  width: 9.52381%;
  float: left; }

.col_3-21 {
  width: 14.28571%;
  float: left; }

.col_4-21 {
  width: 19.04762%;
  float: left; }

.col_5-21 {
  width: 23.80952%;
  float: left; }

.col_6-21 {
  width: 28.57143%;
  float: left; }

.col_7-21 {
  width: 33.33333%;
  float: left; }

.col_8-21 {
  width: 38.09524%;
  float: left; }

.col_9-21 {
  width: 42.85714%;
  float: left; }

.col_10-21 {
  width: 47.61905%;
  float: left; }

.col_11-21 {
  width: 52.38095%;
  float: left; }

.col_12-21 {
  width: 57.14286%;
  float: left; }

.col_13-21 {
  width: 61.90476%;
  float: left; }

.col_14-21 {
  width: 66.66667%;
  float: left; }

.col_15-21 {
  width: 71.42857%;
  float: left; }

.col_16-21 {
  width: 76.19048%;
  float: left; }

.col_17-21 {
  width: 80.95238%;
  float: left; }

.col_18-21 {
  width: 85.71429%;
  float: left; }

.col_19-21 {
  width: 90.47619%;
  float: left; }

.col_20-21 {
  width: 95.2381%;
  float: left; }

.col_21-21 {
  width: 100%;
  float: left; }

.col_1-22 {
  width: 4.54545%;
  float: left; }

.col_2-22 {
  width: 9.09091%;
  float: left; }

.col_3-22 {
  width: 13.63636%;
  float: left; }

.col_4-22 {
  width: 18.18182%;
  float: left; }

.col_5-22 {
  width: 22.72727%;
  float: left; }

.col_6-22 {
  width: 27.27273%;
  float: left; }

.col_7-22 {
  width: 31.81818%;
  float: left; }

.col_8-22 {
  width: 36.36364%;
  float: left; }

.col_9-22 {
  width: 40.90909%;
  float: left; }

.col_10-22 {
  width: 45.45455%;
  float: left; }

.col_11-22 {
  width: 50%;
  float: left; }

.col_12-22 {
  width: 54.54545%;
  float: left; }

.col_13-22 {
  width: 59.09091%;
  float: left; }

.col_14-22 {
  width: 63.63636%;
  float: left; }

.col_15-22 {
  width: 68.18182%;
  float: left; }

.col_16-22 {
  width: 72.72727%;
  float: left; }

.col_17-22 {
  width: 77.27273%;
  float: left; }

.col_18-22 {
  width: 81.81818%;
  float: left; }

.col_19-22 {
  width: 86.36364%;
  float: left; }

.col_20-22 {
  width: 90.90909%;
  float: left; }

.col_21-22 {
  width: 95.45455%;
  float: left; }

.col_22-22 {
  width: 100%;
  float: left; }

.col_1-23 {
  width: 4.34783%;
  float: left; }

.col_2-23 {
  width: 8.69565%;
  float: left; }

.col_3-23 {
  width: 13.04348%;
  float: left; }

.col_4-23 {
  width: 17.3913%;
  float: left; }

.col_5-23 {
  width: 21.73913%;
  float: left; }

.col_6-23 {
  width: 26.08696%;
  float: left; }

.col_7-23 {
  width: 30.43478%;
  float: left; }

.col_8-23 {
  width: 34.78261%;
  float: left; }

.col_9-23 {
  width: 39.13043%;
  float: left; }

.col_10-23 {
  width: 43.47826%;
  float: left; }

.col_11-23 {
  width: 47.82609%;
  float: left; }

.col_12-23 {
  width: 52.17391%;
  float: left; }

.col_13-23 {
  width: 56.52174%;
  float: left; }

.col_14-23 {
  width: 60.86957%;
  float: left; }

.col_15-23 {
  width: 65.21739%;
  float: left; }

.col_16-23 {
  width: 69.56522%;
  float: left; }

.col_17-23 {
  width: 73.91304%;
  float: left; }

.col_18-23 {
  width: 78.26087%;
  float: left; }

.col_19-23 {
  width: 82.6087%;
  float: left; }

.col_20-23 {
  width: 86.95652%;
  float: left; }

.col_21-23 {
  width: 91.30435%;
  float: left; }

.col_22-23 {
  width: 95.65217%;
  float: left; }

.col_23-23 {
  width: 100%;
  float: left; }

.col_1-24 {
  width: 4.16667%;
  float: left; }

.col_2-24 {
  width: 8.33333%;
  float: left; }

.col_3-24 {
  width: 12.5%;
  float: left; }

.col_4-24 {
  width: 16.66667%;
  float: left; }

.col_5-24 {
  width: 20.83333%;
  float: left; }

.col_6-24 {
  width: 25%;
  float: left; }

.col_7-24 {
  width: 29.16667%;
  float: left; }

.col_8-24 {
  width: 33.33333%;
  float: left; }

.col_9-24 {
  width: 37.5%;
  float: left; }

.col_10-24 {
  width: 41.66667%;
  float: left; }

.col_11-24 {
  width: 45.83333%;
  float: left; }

.col_12-24 {
  width: 50%;
  float: left; }

.col_13-24 {
  width: 54.16667%;
  float: left; }

.col_14-24 {
  width: 58.33333%;
  float: left; }

.col_15-24 {
  width: 62.5%;
  float: left; }

.col_16-24 {
  width: 66.66667%;
  float: left; }

.col_17-24 {
  width: 70.83333%;
  float: left; }

.col_18-24 {
  width: 75%;
  float: left; }

.col_19-24 {
  width: 79.16667%;
  float: left; }

.col_20-24 {
  width: 83.33333%;
  float: left; }

.col_21-24 {
  width: 87.5%;
  float: left; }

.col_22-24 {
  width: 91.66667%;
  float: left; }

.col_23-24 {
  width: 95.83333%;
  float: left; }

.col_24-24 {
  width: 100%;
  float: left; }

.col_1-25 {
  width: 4%;
  float: left; }

.col_2-25 {
  width: 8%;
  float: left; }

.col_3-25 {
  width: 12%;
  float: left; }

.col_4-25 {
  width: 16%;
  float: left; }

.col_5-25 {
  width: 20%;
  float: left; }

.col_6-25 {
  width: 24%;
  float: left; }

.col_7-25 {
  width: 28%;
  float: left; }

.col_8-25 {
  width: 32%;
  float: left; }

.col_9-25 {
  width: 36%;
  float: left; }

.col_10-25 {
  width: 40%;
  float: left; }

.col_11-25 {
  width: 44%;
  float: left; }

.col_12-25 {
  width: 48%;
  float: left; }

.col_13-25 {
  width: 52%;
  float: left; }

.col_14-25 {
  width: 56%;
  float: left; }

.col_15-25 {
  width: 60%;
  float: left; }

.col_16-25 {
  width: 64%;
  float: left; }

.col_17-25 {
  width: 68%;
  float: left; }

.col_18-25 {
  width: 72%;
  float: left; }

.col_19-25 {
  width: 76%;
  float: left; }

.col_20-25 {
  width: 80%;
  float: left; }

.col_21-25 {
  width: 84%;
  float: left; }

.col_22-25 {
  width: 88%;
  float: left; }

.col_23-25 {
  width: 92%;
  float: left; }

.col_24-25 {
  width: 96%;
  float: left; }

.col_25-25 {
  width: 100%;
  float: left; }

#top {
  position: relative;
  width: 100%;
  clear: both;
  display: block;
  border-bottom: 1px solid #EEE;
  background: #fff;
  height: 61px; }

#left {
  position: relative;
  width: 15%;
  height: 100%;
  background: #EEE;
  border-right: 1px solid #E0E5E6;
  float: left;
  display: inline-block;
  -webkit-transition: width 300ms ease-in-out;
          transition: width 300ms ease-in-out;
  /*ul li {
		font-weight: 200;
		font-family: $font;
		font-size: 18px;
	}*/ }
  #left .handle {
    width: 10px;
    height: 40px;
    background: #555;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 0px;
    display: block !important;
    content: "";
    z-index: 9;
    opacity: 0.5; }
  #left .handle:hover {
    opacity: 1;
    cursor: pointer; }
  #left.hidden {
    width: 11px; }
  #left.hidden > * {
    display: none; }

#middle {
  position: relative;
  height: 100%;
  width: 70%;
  background: #fff;
  -webkit-transition: width 300ms ease-in-out;
          transition: width 300ms ease-in-out;
  float: left;
  overflow-x: auto;
  max-height: 100%;
  /*margin-top: 50px; */
  }
  #middle.full-width {
    width: calc(100% - 11px); }
  #middle.panel-open {
    width: calc(100% - 15% - 2px); }

#right {
  position: relative;
  height: 100%;
  width: 15%;
  background: #EEE;
  border-left: 1px solid #E0E5E6;
  float: right;
  display: inline-block;
  -webkit-transition: width 300ms ease-in-out;
          transition: width 300ms ease-in-out; }
  #right .handle {
    width: 0;
    height: 50px;
    background: #555;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 0px;
    display: block !important;
    content: "";
    z-index: 9;
    opacity: 0.5; }
  #right .handle:hover {
    opacity: 1;
    cursor: pointer; }
  #right.hidden {
    width: 0px; }
  #right.hidden > * {
    display: none; }

span.ui-helper-hidden-accessible {
  display: none !important; }

.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 0.8s;
  -webkit-animation-duration: 0.8s; }

@keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.0; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }

  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

::-webkit-scrollbar {
  width: 7px;
  height: 7px; }

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px; }

::-webkit-scrollbar-thumb {
  background: #c8c8c8;
  border: 1px solid #c0c0c0;
  border-radius: 50px; }

::-webkit-scrollbar-thumb:hover {
  background: #8c8c8c; }

::-webkit-scrollbar-thumb:active {
  background: #787878; }

::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
  border-radius: 50px; }

::-webkit-scrollbar-track:hover {
  background: #ffffff; }

::-webkit-scrollbar-track:active {
  background: #ffffff; }

::-webkit-scrollbar-corner {
  background: transparent; }

/* ---------- LOGIN ---------- */
.login_bg {
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../img/login_bg.jpg') no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../img/login_bg.jpg') no-repeat;
  background-size: 100%; }

.login-container {
  left: 50%;
  position: fixed;
  top: 40%;
  width: 30%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

#login-form {
  width: 80%;
  margin: 0 auto;
  box-shadow: 0px 0px 0px #aaa;
  border-radius: 7px; }
  #login-form h3 {
    margin: 0;
    background-color: #0091E6;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 14px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase; }
  #login-form a {
    color: #999;
    text-decoration: none; }
  #login-form a:hover {
    color: #0091E6; }
  #login-form fieldset {
    border: none;
    margin: 0; }
  #login-form .msg {
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    text-align: center; }

/* ---------- LOGIN-FORM ---------- */
#login-form fieldset {
  background: #fff;
  border-radius: 0 0 5px 5px;
  padding: 20px;
  position: relative; }

#login-form fieldset:before {
  background-color: #fff;
  content: "";
  height: 8px;
  left: 50%;
  margin: -4px 0 0 -4px;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px; }

#login-form input {
  font-size: 14px;
  border: 1px solid #dcdcdc;
  padding: 12px 10px;
  width: 100%; }

#login-form button {
  border-radius: 4px;
  background: #555;
  text-align: center;
  color: #fff;
  position: relative;
  margin: 10px 0 0 10px;
  padding: 10px;
  outline: none;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  float: right; }
  #login-form button:hover {
    background: #0091E6; }
  #login-form button.authentication {
    width: 80%; }
  #login-form button.login {
    width: 20%; }

.gn-menu-main, .gn-menu-main ul {
  margin: 0;
  padding: 0;
  background: white;
  color: #555;
  list-style: none;
  line-height: 60px;
  z-index: 100; }

.gn-menu-main li {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #555;
  list-style: none;
  z-index: 100;
  font-weight: bold; }

.gn-menu a[class*='icon-'] {
  background-position: left 20px center;
  background-repeat: no-repeat;
  background-size: 20px; }

.gn-menu a.icon-add {
  background-image: url('https://cdn4.iconfinder.com/data/icons/e-commerce-icon-set/48/More-20.png'); }

.gn-menu a.icon-help {
  background-image: url('../img/icons/icon-globe-dark.svg'); }

.gn-menu li:hover a.icon-help {
  background-image: url('../img/icons/icon-globe-light.svg');
  color: #fff; }

.gn-menu a.icon-question {
  background-image: url('../img/icons/icon-question-dark.svg'); }

.gn-menu li:hover a.icon-question {
  background-image: url('../img/icons/icon-question-light.svg');
  color: #fff; }

.gn-menu a.icon-admin {
  background-image: url('../img/icons/icon-admin-dark.svg'); }

.gn-menu li:hover a.icon-admin {
  background-image: url('../img/icons/icon-admin-light.svg');
  color: #fff; }

.gn-menu a.icon-home {
  background-image: url('../img/icons/icon-home-dark.svg'); }

.gn-menu li:hover a.icon-home {
  background-image: url('../img/icons/icon-home-light.svg');
  color: #fff; }

.gn-menu a.icon-learning-area {
  background-image: url('../img/icons/icon-learning-area-dark.svg'); }

.gn-menu li:hover a.icon-learning-area {
  background-image: url('../img/icons/icon-learning-area-light.svg');
  color: #fff; }

.gn-menu a.icon-media {
  background-image: url('../img/icons/icon-media-dark.svg'); }

.gn-menu li:hover a.icon-media {
  background-image: url('../img/icons/icon-media-light.svg');
  color: #fff; }

.gn-menu li:hover {
  background: #555;
  color: #fff; }

.gn-menu li:active {
  background: #2489C5;
  color: #fff; }

.gn-menu-main {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  height: 60px;
  display: inline-block; }

.gn-menu-main a {
  display: block;
  height: 100%;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  padding: 0 0 0 60px; }

.no-touch .gn-menu-main a:hover, .no-touch .gn-menu li.gn-search-item:hover, .no-touch .gn-menu li.gn-search-item:hover a {
  background: #000;
  color: #000; }

.gn-menu-main > li {
  display: block;
  float: left;
  height: 100%; }

.gn-menu-main li.gn-trigger {
  position: relative;
  width: 60px;
  background: #fff; }

.gn-menu-main > li:last-child {
  float: left;
  border-right: none; }

.gn-menu-main > li > a {
  padding: 0 30px;
  text-transform: uppercase;
  letter-spacing: 1px; }

.gn-menu-main:after {
  display: table;
  clear: both;
  content: ""; }

.gn-menu-wrapper {
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 60px;
  background: #fff  ;
  border-top: 1px solid #eee;
  -webkit-transform: translateX(-60px);
  -ms-transform: translateX(-60px);
      transform: translateX(-60px);
  -webkit-transition: -webkit-transform 0.3s, width 0.3s;
  transition: transform 0.3s, width 0.3s; }

.gn-scroller {
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  width: 370px;
  height: 100%; }

.gn-menu {
  text-align: left; }

input.gn-search {
  position: relative;
  background: transparent; }

.gn-search:focus::-webkit-input-placeholder, .no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
  color: transparent; }

input.gn-search:focus {
  cursor: text; }

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
  color: white; }

.gn-menu-main a.gn-icon-search {
  position: absolute;
  top: 0;
  left: 0; }

.gn-icon::before {
  display: inline-block;
  width: 60px;
  text-align: center;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased; }

.gn-icon span {
  width: 0;
  height: 0;
  display: block;
  overflow: hidden; }

.gn-icon-menu::before {
  margin-left: -15px;
  vertical-align: -2px;
  width: 30px;
  height: 3px;
  background: #000;
  box-shadow: 0 3px white, 0 -6px #000, 0 -9px white, 0 -12px #000;
  content: ''; }

.no-touch .gn-icon-menu:hover::before, .no-touch .gn-icon-menu.gn-selected:hover::before {
  background: white;
  box-shadow: 0 3px #2489C5  , 0 -6px white, 0 -9px #2489C5  , 0 -12px white; }

.gn-icon-menu.gn-selected::before {
  background: #2489C5  ;
  box-shadow: 0 3px white, 0 -6px #2489C5  , 0 -9px white, 0 -12px #2489C5  ; }

.gn-menu-wrapper.gn-open-all, .gn-menu-wrapper.gn-open-part {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
      transform: translateX(0px);
  box-shadow: 3px 1px 5px #ddd; }

.gn-menu-wrapper.gn-open-all {
  width: 15%; }

.gn-menu-wrapper.gn-open-all .gn-submenu li {
  height: 60px; }

@media screen and (max-width: 422px) {
  .gn-menu-wrapper.gn-open-all {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
        transform: translateX(0px);
    width: 100%; }
  .gn-menu-wrapper.gn-open-all .gn-scroller {
    width: 100%; } }

*:focus, *:active, *:focus {
  outline: 0;
  outline: none; }

select {
  min-width: 150px; }

button, input[type="button"], .btn, .button {
  padding: 7px 35px 7px 10px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  vertical-align: bottom;
  text-transform: capitalize;
  border-radius: 3px;
  border: 1px solid #EEE;
  display: inline-block;
  background-size: 20px; }
  button:hover, input[type="button"]:hover, .btn:hover, .button:hover {
    background: #0091E6;
    color: #fff;
    border-color: #0091E6; }
  button.red:hover, input[type="button"].red:hover, .btn.red:hover, .button.red:hover {
    background-color: #E6412D !important;
    border-color: #E6412D !important; }
  button.grey:hover, input[type="button"].grey:hover, .btn.grey:hover, .button.grey:hover {
    background-color: #555 !important;
    border-color: #555 !important; }
  button.add:hover, input[type="button"].add:hover, .btn.add:hover, .button.add:hover {
    background-color: #0091E6;
    border-color: #0091E6; }
  button.green:hover, input[type="button"].green:hover, .btn.green:hover, .button.green:hover {
    background-color: #009144 !important;
    border-color: #009144 !important; }
  button.teal:hover, input[type="button"].teal:hover, .btn.teal:hover, .button.teal:hover {
    background-color: #1abc9c !important;
    border-color: #1abc9c !important; }
  button[class*='icon-'], input[type="button"][class*='icon-'], .btn[class*='icon-'], .button[class*='icon-'] {
    background-position: right 5px top 6px;
    background-repeat: no-repeat;
    background-size: 15px; }
  button.reverse, input[type="button"].reverse, .btn.reverse, .button.reverse {
    padding: 7px 10px 7px 35px;
    background-position: left 5px top 3px; }
  button.icon-save, input[type="button"].icon-save, .btn.icon-save, .button.icon-save {
    background-image: url('../img/icons/icon-check-dark.svg'); }
  button.icon-save:hover, .page-options button.icon-save, input[type="button"].icon-save:hover, .page-options input[type="button"].icon-save, .btn.icon-save:hover, .page-options .btn.icon-save, .button.icon-save:hover, .page-options .button.icon-save {
    background-image: url('../img/icons/icon-check-light.svg');
    background-color: #009144;
    border-color: #009144; }
  button.icon-add, input[type="button"].icon-add, .btn.icon-add, .button.icon-add {
    background-image: url('../img/icons/icon-plus-dark.svg');
    background-size: 12px;
    background-position: right 5px top 7px; }
  button.icon-add:hover, .page-options button.icon-add, input[type="button"].icon-add:hover, .page-options input[type="button"].icon-add, .btn.icon-add:hover, .page-options .btn.icon-add, .button.icon-add:hover, .page-options .button.icon-add {
    background-image: url('../img/icons/icon-plus-light.svg');
    background-color: #0091E6;
    border-color: #0091E6; }
  button.icon-back, input[type="button"].icon-back, .btn.icon-back, .button.icon-back {
    background-image: url('../img/icons/icon-arrow-left-dark.svg');
    background-size: 18px;
    background-position: left 5px top 5px; }
  button.icon-back:hover, .page-options button.icon-back, input[type="button"].icon-back:hover, .page-options input[type="button"].icon-back, .btn.icon-back:hover, .page-options .btn.icon-back, .button.icon-back:hover, .page-options .button.icon-back {
    background-image: url('../img/icons/icon-arrow-left-light.svg');
    background-color: #555;
    border-color: #555; }
  button.icon-delete, input[type="button"].icon-delete, .btn.icon-delete, .button.icon-delete {
    background-image: url('../img/icons/icon-trash-dark.svg');
    background-size: 14px; }
  button.icon-delete:hover, .page-options button.icon-delete, input[type="button"].icon-delete:hover, .page-options input[type="button"].icon-delete, .btn.icon-delete:hover, .page-options .btn.icon-delete, .button.icon-delete:hover, .page-options .button.icon-delete {
    background-image: url('../img/icons/icon-trash-light.svg'); }
  button.icon-bibliography, input[type="button"].icon-bibliography, .btn.icon-bibliography, .button.icon-bibliography {
    background-image: url('../img/icons/icon-bibliography-dark.svg'); }
  button.icon-bibliography:hover, .page-options button.icon-bibliography, input[type="button"].icon-bibliography:hover, .page-options input[type="button"].icon-bibliography, .btn.icon-bibliography:hover, .page-options .btn.icon-bibliography, .button.icon-bibliography:hover, .page-options .button.icon-bibliography {
    background-image: url('../img/icons/icon-bibliography-light.svg'); }
  button.icon-close, input[type="button"].icon-close, .btn.icon-close, .button.icon-close {
    background-image: url('../img/icons/icon-close-dark.svg'); }
  button.icon-close:hover, .page-options button.icon-close, input[type="button"].icon-close:hover, .page-options input[type="button"].icon-close, .btn.icon-close:hover, .page-options .btn.icon-close, .button.icon-close:hover, .page-options .button.icon-close {
    background-image: url('../img/icons/icon-close-light.svg'); }
  button.icon-insert, input[type="button"].icon-insert, .btn.icon-insert, .button.icon-insert {
    background-image: url('../img/icons/icon-insert-dark.svg');
    background-size: 16px; }
  button.icon-insert:hover, .page-options button.icon-insert, input[type="button"].icon-insert:hover, .page-options input[type="button"].icon-insert, .btn.icon-insert:hover, .page-options .btn.icon-insert, .button.icon-insert:hover, .page-options .button.icon-insert {
    background-image: url('../img/icons/icon-insert-light.svg');
    background-color: #0091E6;
    border-color: #0091E6; }
  button.icon-media, input[type="button"].icon-media, .btn.icon-media, .button.icon-media {
    background-image: url('../img/icons/icon-media-dark.svg');
    background-size: 18px; }
  button.icon-media:hover, input[type="button"].icon-media:hover, .btn.icon-media:hover, .button.icon-media:hover {
    background-image: url('../img/icons/icon-media-light.svg'); }
  button.icon-edit, input[type="button"].icon-edit, .btn.icon-edit, .button.icon-edit {
    background-image: url('../img/icons/icon-edit-dark.svg');
    background-size: 15px; }
  button.icon-edit:hover, .page-options button.icon-edit, input[type="button"].icon-edit:hover, .page-options input[type="button"].icon-edit, .btn.icon-edit:hover, .page-options .btn.icon-edit, .button.icon-edit:hover, .page-options .button.icon-edit {
    background-image: url('../img/icons/icon-edit-light.svg');
    background-color: #0091E6;
    border-color: #0091E6; }
  button.icon-editor-view, input[type="button"].icon-editor-view, .btn.icon-editor-view, .button.icon-editor-view {
    background-image: url('../img/icons/icon-editor-view-dark.svg');
    background-size: 20px; }
  button.icon-editor-view:hover, .page-options button.icon-editor-view, input[type="button"].icon-editor-view:hover, .page-options input[type="button"].icon-editor-view, .btn.icon-editor-view:hover, .page-options .btn.icon-editor-view, .button.icon-editor-view:hover, .page-options .button.icon-editor-view {
    background-image: url('../img/icons/icon-editor-view-light.svg');
    background-color: #0091E6;
    border-color: #0091E6; }
  button.icon-search, input[type="button"].icon-search, .btn.icon-search, .button.icon-search {
    background-image: url('../img/icons/icon-search-dark.svg');
    background-size: 22px;
    background-position: right 5px top 2px;
    margin: 5px 0; }
  button.icon-search:hover, input[type="button"].icon-search:hover, .btn.icon-search:hover, .button.icon-search:hover {
    background-image: url('../img/icons/icon-search-light.svg');
    background-color: #0091E6;
    border-color: #0091E6; }
  button[class*='icon-only-'], input[type="button"][class*='icon-only-'], .btn[class*='icon-only-'], .button[class*='icon-only-'] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    padding: 14px;
    margin: 5px 0;
    display: block; }
  button.icon-only-search, input[type="button"].icon-only-search, .btn.icon-only-search, .button.icon-only-search {
    background-image: url('../img/icons/icon-search-dark.svg'); }
  button.icon-only-search:hover, input[type="button"].icon-only-search:hover, .btn.icon-only-search:hover, .button.icon-only-search:hover {
    background-image: url('../img/icons/icon-search-light.svg');
    background-color: #0091E6; }

input {
  position: relative;
  margin: 5px 0;
  border-radius: 0px;
  width: 100%;
  padding: 7px;
  border: 1px solid #EEE; }

input[type=date] {
  padding: 5px 7px; }

textarea {
  position: relative;
  height: 80px;
  width: 100%;
  margin: 5px 0;
  border-radius: 0px;
  padding: 3px;
  border-color: #EEE; }
  textarea.inline-edit {
    border: none;
    height: auto;
    padding: 20px 0 20px 0;
    margin: 0;
    text-align: left; }

input[type="file"] {
  padding: 4px; }

.onoffswitch {
  position: relative;
  width: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.onoffswitch-checkbox {
  display: none; }

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #EEE;
  border-radius: 0px;
  margin: 5px 0; }

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s; }

.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 28px;
  padding: 0;
  line-height: 28px;
  font-size: 12px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box; }

.onoffswitch-inner:before {
  content: "Locked";
  padding-left: 10px;
  background-color: #0091E6;
  color: #FFFFFF; }

.onoffswitch-inner:after {
  content: "Unlocked";
  padding-right: 10px;
  background-color: #EEEEEE;
  color: #555;
  text-align: right; }

.onoffswitch-switch {
  display: block;
  width: 28px;
  margin: 2px;
  background: #FFFFFF;
  border: 1px solid #EEE;
  border-radius: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 68px;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px; }

.notes-content {
  background: #fff;
  height: 80px;
  width: 100%;
  margin: 10px 0;
  border-radius: 0px;
  padding: 3px; }

#edit-form [class*='col_'] {
  padding: 5px 10px; }
#edit-form .chosen-container {
  margin: 5px 0; }

#edit-content-text-form [class*='col_'] {
  padding: 5px 5px; }
#edit-content-text-form .chosen-container {
  margin: 5px 0; }

.cke_chrome {
  box-shadow: none !important; }

/* FF FIXES */
button::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px; }

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -2px;
  margin-bottom: -2px; }

/* --------------------------------------------------
Reveal Modals
-------------------------------------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.45);
  z-index: 100;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
  visibility: hidden;
  top: 5%;
  left: 50%;
  margin-left: -360px;
  width: 720px;
  background: #fff;
  position: absolute;
  z-index: 101;
  padding: 30px 15px 35px;
  box-sizing: border-box;
  border-radius: 0px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); }
  .reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
    font-weight: bold;
    cursor: pointer; }
  .reveal-modal .modal-heading {
    font-size: 14px;
    color: #fff;
    margin: -30px -15px 15px -15px;
    padding: 15px;
    background: #34495e;
    z-index: 9;
    position: relative; }
    .reveal-modal .modal-heading span {
      line-height: 30px; }
    .reveal-modal .modal-heading .close-reveal-modal {
      color: #fff; }
    .reveal-modal .modal-heading .modal-heading-tab {
      line-height: 48px;
      display: inline-block;
      width: auto;
      padding: 0 30px;
      margin: -15px 10px -15px -15px; }
      .reveal-modal .modal-heading .modal-heading-tab:hover {
        background-color: #EEE;
        color: #34495e;
        cursor: pointer; }
      .reveal-modal .modal-heading .modal-heading-tab.active {
        background-color: #fff;
        color: #34495e; }
  .reveal-modal .modal-heading-tab.disabled:hover {
    cursor: default;
    background: transparent;
    color: #fff; }
  .reveal-modal .modal-heading-tab-content {
    display: none; }
    .reveal-modal .modal-heading-tab-content.active {
      display: block; }
    .reveal-modal .modal-heading-tab-content .upload {
      margin: -15px;
      padding: 15px;
      background: #fff;
      width: calc(100%+30px); }
      .reveal-modal .modal-heading-tab-content .upload.divider {
        border-left: 1px solid #eee;
        padding-left: 45px; }
  .reveal-modal .modal-media-items-holder {
    margin: 30px 15px 15px -15px;
    padding: 0 15px;
    display: block;
    overflow: auto; }
  .reveal-modal .modal-question-items-holder, .reveal-modal .modal-question-set-items-holder, .reveal-modal .modal-large-items-holder {
    margin: 30px 0 15px 0;
    display: block;
    overflow: auto; }
  .reveal-modal .num-questions {
    position: absolute;
    bottom: 15px;
    right: 45px; }
  .reveal-modal #edit-form [class*='col_'] {
    padding: 5px 10px; }
  .reveal-modal .modal-inner-max-height {
    max-height: 730px;
    overflow: auto;
    padding: 0 10px 0 0;
    margin: 10px 3px 0 0; }
  .reveal-modal a.icon-loading {
    background-image: url('../img/loading.gif');
    background-size: 32px;
    display: inline-block;
    margin: 20px auto;
    background-repeat: no-repeat;
    padding: 0 0 0 40px;
    line-height: 32px; }
  .reveal-modal #msg {
    background-color: #EEE;
    position: absolute;
    top: 7.5px;
    right: 7.5px;
    width: 60%;
    padding: 15px 7.5px;
    color: #555;
    text-align: center;
    border-radius: 3px;
    display: none;
    font-size: 12px;
    font-weight: bold;
    z-index: 999; }

#modalWindowSmall {
  margin-left: -180px;
  width: 360px; }

#modalMedia, #modalQuestions {
  margin: 0;
  width: 95%;
  height: 95%;
  top: 2.5%;
  left: 2.5%;
  background: #f9f9f9; }
  #modalMedia .update-media-btn, #modalMedia .update-question-btn, #modalMedia .insert-media-btn, #modalQuestions .update-media-btn, #modalQuestions .update-question-btn, #modalQuestions .insert-media-btn {
    display: none; }
  #modalMedia.change-image .update-media-btn, #modalMedia.change-file .update-media-btn, #modalMedia.change-video .update-media-btn, #modalMedia.change-question .update-question-btn, #modalMedia.change-question-set .update-question-btn, #modalQuestions.change-image .update-media-btn, #modalQuestions.change-file .update-media-btn, #modalQuestions.change-video .update-media-btn, #modalQuestions.change-question .update-question-btn, #modalQuestions.change-question-set .update-question-btn {
    display: inline-block; }
  #modalMedia.insert-media .insert-media-btn, #modalQuestions.insert-media .insert-media-btn {
    display: inline-block; }

#modalMedia .modal-heading .icon-close, #modalQuestions .modal-heading .icon-close {
  margin: -15px 0 0 0;
  top: 7.5px;
  position: relative; }

#modalContent, #modalLarge {
  margin: 0;
  width: 95%;
  height: 95%;
  top: 2.5%;
  left: 2.5%;
  background: #f9f9f9; }

/*

NOTES

Close button entity is ×

Example markup

<div id="myModal" class="reveal-modal">
<h2>Awesome. I have it.</h2>
<p class="lead">Your couch.  I it's mine.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
<a class="close-reveal-modal">&#215;</a>
</div>

*/
input[type="text"].ui-widget-content.ui-autocomplete-input {
  background: #fff;
  color: #555;
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  border: 1px none #eee;
  padding: 0;
  height: 24px;
  width: 100%;
  text-transform: lowercase; }

ol.tagit {
  background: #fff;
  padding: 2.5px;
  cursor: text;
  margin: 5px 0; }

ol.tagit li.tagit-choice {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 1px solid #555;
  background: none;
  background-color: #555;
  font-weight: normal; }

ol.tagit li.tagit-choice .tagit-label:not(a) {
  color: #eee;
  text-transform: lowercase; }

ol.tagit li.tagit-choice a.tagit-close {
  text-decoration: none; }

ol.tagit li.tagit-choice .tagit-close {
  right: .4em; }

ol.tagit li.tagit-choice .ui-icon {
  display: none; }

ol.tagit li.tagit-choice .tagit-close .text-icon {
  display: inline;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  color: #fff; }

ol.tagit li.tagit-choice:hover, ol.tagit li.tagit-choice.remove {
  background-color: #8E44AD;
  border-color: #8E44AD; }

ol.tagit li.tagit-choice a.tagLabel:hover, ol.tagit li.tagit-choice a.tagit-close .text-icon:hover {
  color: #fff; }

ol.tagit input[type="text"] {
  color: #333333;
  background: none;
  text-transform: lowercase; }

.ui-widget {
  font-size: 1.1em; }

/* Forked from a jQuery UI theme, so that we don't require the jQuery UI CSS as a dependency. */
.tagit-autocomplete.ui-autocomplete {
  position: absolute;
  cursor: default; }

* html .tagit-autocomplete.ui-autocomplete {
  width: 1px; }

/* without this, the menu expands to 100% in IE6 */
.tagit-autocomplete.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left; }

.tagit-autocomplete.ui-menu .ui-menu {
  margin-top: -3px; }

.tagit-autocomplete.ui-menu .ui-menu-item {
  margin: 0;
  padding: 3px;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%; }

.tagit-autocomplete.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1; }

.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover, .tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px; }

.tagit-autocomplete.ui-widget-content {
  border: 1px solid #eee;
  background: #fff;
  color: #555; }

.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all {
  -khtml-border-radius: 0px;
  border-radius: 0px; }

.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus {
  border: 1px none #555;
  background: #555;
  font-weight: normal;
  color: #fff;
  cursor: hand;
  cursor: pointer; }

.tagit-autocomplete .ui-state-active {
  border: 1px solid #eee; }

.tagit-autocomplete .ui-widget-content {
  border: 1px solid #eee; }

.tagit .ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  display: none; }

ol.tagit {
  padding: 0;
  overflow: auto;
  margin-left: inherit;
  /* usually we don't want the regular ul margins. */
  margin-right: inherit;
  margin: 5px 0 !important; }

ol.tagit li {
  display: block;
  float: left;
  margin: 2.5px; }

ol.tagit li.tagit-choice {
  position: relative;
  line-height: inherit; }

input.tagit-hidden-field {
  display: none; }

ol.tagit li.tagit-choice-read-only {
  padding: .3em 1.2em .3em .6em; }

ol.tagit li.tagit-choice-editable {
  padding: .3em 1.2em .3em .6em; }

ol.tagit li.tagit-new {
  padding: .25em 4px .25em 0;
  padding: 0; }

ol.tagit li.tagit-choice a.tagit-label {
  cursor: pointer;
  text-decoration: none;
  text-transform: lowercase; }

ol.tagit li.tagit-choice .tagit-close {
  cursor: pointer;
  position: absolute;
  right: .3em;
  top: 50%;
  margin-top: -5px;
  line-height: 12px; }

/* used for some custom themes that don't need image icons */
ol.tagit li.tagit-choice .tagit-close .text-icon {
  display: block; }

ol.tagit li.tagit-choice input {
  display: block;
  float: left;
  margin: 2px 5px 2px 0; }

ol.tagit input[type="text"] {
  box-sizing: border-box;
  box-shadow: none;
  border: none;
  margin: 0;
  padding: 0;
  width: inherit;
  background-color: inherit;
  outline: none; }

.pagination {
  display: inline-block;
  width: 100%;
  border: 1px solid #CDCDCD; }

.pagination a {
  display: block;
  float: left;
  width: 10%;
  height: 30px;
  outline: none;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  color: #555555;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px; }
  .pagination a:hover {
    background-color: #EEE;
    color: #555555; }
  .pagination a.disabled, .pagination a.disabled:hover, .pagination a.disabled:focus, .pagination a.disabled:active {
    color: #A8A8A8;
    cursor: default; }

.pagination a:first-child {
  border: none; }

.pagination a:last-child {
  border: none; }

.pagination input {
  float: left;
  margin: 0;
  padding: 0;
  width: 60%;
  height: 30px;
  outline: none;
  border: none;
  vertical-align: middle;
  text-align: center; }

/*
    Styles used by the cover
*/
.content_text, #middel .inline-editor, #modalContent .inline-editor {
  @font-face {
    font-family: 'Helvetica-Condensed';
    src: url(../fonts/Helvetica-Condensed.otf);
    font-weight: 400; }

  @font-face {
    font-family: 'HelveticaNeue';
    src: url(../fonts/HelveticaNeue.ttf);
    font-weight: 400; }

  @font-face {
    font-family: 'HelveticaNeue-Thin';
    src: url(../fonts/HelveticaNeue-Thin.otf);
    font-weight: 900; }

  @font-face {
    font-family: 'MyriadPro-Light';
    src: url(../fonts/MyriadPro-Light.otf);
    font-weight: 400; }

  @font-face {
    font-family: 'HELVBLAK';
    src: url(../fonts/HELVBLAK.TTF);
    font-weight: 400; }

  /* text alignment */
  /*blank cell */
  /*extra css*/
  /*css for the table cells and tables */
  /*tables*/
  /*end tables*/
  /*table cells*/
  /*end*/ }
  .content_text #coverList p, #middel .inline-editor #coverList p, #modalContent .inline-editor #coverList p {
    padding: 1mm 0mm 1mm 2mm;
    margin: 1mm;
    text-align: left;
    color: darkslategrey; }
  .content_text #coverList a, #middel .inline-editor #coverList a, #modalContent .inline-editor #coverList a {
    color: darkslategrey;
    text-decoration: none; }
  .content_text ul.a, #middel .inline-editor ul.a, #modalContent .inline-editor ul.a {
    list-style-type: circle; }
  .content_text ul.b, #middel .inline-editor ul.b, #modalContent .inline-editor ul.b {
    list-style-type: disc; }
  .content_text ul.c, #middel .inline-editor ul.c, #modalContent .inline-editor ul.c {
    list-style-type: square; }
  .content_text ul.tick, #middel .inline-editor ul.tick, #modalContent .inline-editor ul.tick {
    list-style-image: url('../img/tick.png'); }
  .content_text ol.d, #middel .inline-editor ol.d, #modalContent .inline-editor ol.d {
    list-style-type: armenian; }
  .content_text ol.e, #middel .inline-editor ol.e, #modalContent .inline-editor ol.e {
    list-style-type: cjk-ideographic; }
  .content_text ol.f, #middel .inline-editor ol.f, #modalContent .inline-editor ol.f {
    list-style-type: decimal; }
  .content_text ol.g, #middel .inline-editor ol.g, #modalContent .inline-editor ol.g {
    list-style-type: decimal-leading-zero; }
  .content_text ol.h, #middel .inline-editor ol.h, #modalContent .inline-editor ol.h {
    list-style-type: georgian; }
  .content_text ol.i, #middel .inline-editor ol.i, #modalContent .inline-editor ol.i {
    list-style-type: hebrew; }
  .content_text ol.j, #middel .inline-editor ol.j, #modalContent .inline-editor ol.j {
    list-style-type: hiragana; }
  .content_text ol.k, #middel .inline-editor ol.k, #modalContent .inline-editor ol.k {
    list-style-type: hiragana-iroha; }
  .content_text ol.l, #middel .inline-editor ol.l, #modalContent .inline-editor ol.l {
    list-style-type: katakana; }
  .content_text ol.m, #middel .inline-editor ol.m, #modalContent .inline-editor ol.m {
    list-style-type: katakana-iroha; }
  .content_text ol.n, #middel .inline-editor ol.n, #modalContent .inline-editor ol.n {
    list-style-type: lower-alpha; }
  .content_text ol.o, #middel .inline-editor ol.o, #modalContent .inline-editor ol.o {
    list-style-type: lower-greek; }
  .content_text ol.p, #middel .inline-editor ol.p, #modalContent .inline-editor ol.p {
    list-style-type: lower-latin; }
  .content_text ol.q, #middel .inline-editor ol.q, #modalContent .inline-editor ol.q {
    list-style-type: lower-roman; }
  .content_text ol.r, #middel .inline-editor ol.r, #modalContent .inline-editor ol.r {
    list-style-type: upper-alpha; }
  .content_text ol.s, #middel .inline-editor ol.s, #modalContent .inline-editor ol.s {
    list-style-type: upper-latin; }
  .content_text ol.t, #middel .inline-editor ol.t, #modalContent .inline-editor ol.t {
    list-style-type: upper-roman; }
  .content_text ol.u, #middel .inline-editor ol.u, #modalContent .inline-editor ol.u {
    list-style-type: none; }
  .content_text ol.v, #middel .inline-editor ol.v, #modalContent .inline-editor ol.v {
    list-style-type: inherit; }
  .content_text ul, #middel .inline-editor ul, #modalContent .inline-editor ul {
    padding: 0;
    padding-left: 15px;
    margin-top: 5px;
    width: 98%;
    font-size: 10pt;
    line-height: 1.3; }
  .content_text ul li, #middel .inline-editor ul li, #modalContent .inline-editor ul li {
    line-height: 1.3;
    padding-left: 20px; }
  .content_text ul.index, #middel .inline-editor ul.index, #modalContent .inline-editor ul.index {
    list-style-type: none;
    padding: 0;
    padding-bottom: 20px; }
  .content_text ul.index, #middel .inline-editor ul.index, #modalContent .inline-editor ul.index {
    -webkit-break-after: page;
       -moz-break-after: page;
            break-after: page; }
  .content_text ul.index li, .content_text ul.sub-index-1 li, #middel .inline-editor ul.index li, #middel .inline-editor ul.sub-index-1 li, #modalContent .inline-editor ul.index li, #modalContent .inline-editor ul.sub-index-1 li {
    line-height: 2; }
  .content_text ul.index li span, .content_text ul.sub-index-1 li span, #middel .inline-editor ul.index li span, #middel .inline-editor ul.sub-index-1 li span, #modalContent .inline-editor ul.index li span, #modalContent .inline-editor ul.sub-index-1 li span {
    margin-right: 20px; }
  .content_text ul.sub-index-1, #middel .inline-editor ul.sub-index-1, #modalContent .inline-editor ul.sub-index-1 {
    list-style-type: none;
    padding-left: 40px;
    margin-top: 0;
    font-size: 20pt; }
  .content_text body, #middel .inline-editor body, #modalContent .inline-editor body {
    font-family: HelveticaNeue, sans-serif;
    font-size: 10pt;
    color: black; }
  .content_text body, .content_text table, #middel .inline-editor body, #middel .inline-editor table, #modalContent .inline-editor body, #modalContent .inline-editor table {
    -webkit-font-smoothing: antialiased; }
  .content_text strong, #middel .inline-editor strong, #modalContent .inline-editor strong {
    font-weight: normal; }
  .content_text p, #middel .inline-editor p, #modalContent .inline-editor p {
    text-align: justify;
    line-height: 1.3;
    /*word-break: break-all;*/
    /*padding-left:38px;*/
    letter-spacing: 0.3px;
    widow: 6;
    orphan: 6; }
  .content_text p i, #middel .inline-editor p i, #modalContent .inline-editor p i {
    color: red; }
  .content_text h1, #middel .inline-editor h1, #modalContent .inline-editor h1 {
    font-size: 32px;
    font-weight: 100;
    font-family: Helvetica, sans-serif;
    color: rgba(0, 0, 0, 0.8);
    string-set: topic self; }
  .content_text h1.learning-unit, #middel .inline-editor h1.learning-unit, #modalContent .inline-editor h1.learning-unit {
    string-set: chaptertitle self;
    font-weight: 100; }
  .content_text h1.learning-unit span, #middel .inline-editor h1.learning-unit span, #modalContent .inline-editor h1.learning-unit span {
    font-weight: 600; }
  .content_text h2, .content_text .questions div.example, #middel .inline-editor h2, #middel .inline-editor .questions div.example, #modalContent .inline-editor h2, #modalContent .inline-editor .questions div.example {
    font-family: Helvetica, sans-serif;
    margin-bottom: 20px;
    font-size: 15pt;
    font-weight: 600;
    color: black;
    border-bottom: 2px solid #333;
    padding-bottom: 8px;
    letter-spacing: 1px;
    font-style: normal; }
  .content_text h2 span, #middel .inline-editor h2 span, #modalContent .inline-editor h2 span {
    padding-right: 15px; }
  .content_text h3, #middel .inline-editor h3, #modalContent .inline-editor h3 {
    font-family: Helvetica, sans-serif;
    font-size: 13.5pt;
    font-weight: 600;
    color: black; }
  .content_text h3 span, #middel .inline-editor h3 span, #modalContent .inline-editor h3 span {
    padding-right: 10px; }
  .content_text h4, #middel .inline-editor h4, #modalContent .inline-editor h4 {
    font-family: Helvetica, sans-serif;
    font-style: normal;
    font-size: 12pt;
    font-weight: 600;
    color: black;
    font-style: italic; }
  .content_text h4 span, #middel .inline-editor h4 span, #modalContent .inline-editor h4 span {
    padding-right: 5px; }
  .content_text table, #middel .inline-editor table, #modalContent .inline-editor table {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1.5px solid #000;
    overflow: hidden;
    /*padding-left:38px;*/
    orphan: 6;
    widow: 6; }
  .content_text .ro-toc-level-1, .content_text .ro-toc-level-2, .content_text .ro-toc-level-3, .content_text .ro-toc-level-4, .content_text .ro-toc-level-5, #middel .inline-editor .ro-toc-level-1, #middel .inline-editor .ro-toc-level-2, #middel .inline-editor .ro-toc-level-3, #middel .inline-editor .ro-toc-level-4, #middel .inline-editor .ro-toc-level-5, #modalContent .inline-editor .ro-toc-level-1, #modalContent .inline-editor .ro-toc-level-2, #modalContent .inline-editor .ro-toc-level-3, #modalContent .inline-editor .ro-toc-level-4, #modalContent .inline-editor .ro-toc-level-5 {
    line-height: 1.8; }
  .content_text .ro-toc-level-2, #middel .inline-editor .ro-toc-level-2, #modalContent .inline-editor .ro-toc-level-2 {
    margin-left: 25px; }
  .content_text .ro-toc-level-3, #middel .inline-editor .ro-toc-level-3, #modalContent .inline-editor .ro-toc-level-3 {
    margin-left: 60px; }
  .content_text .ro-toc-heading, #middel .inline-editor .ro-toc-heading, #modalContent .inline-editor .ro-toc-heading {
    display: none; }
  .content_text .ro-toc-level-2 span, #middel .inline-editor .ro-toc-level-2 span, #modalContent .inline-editor .ro-toc-level-2 span {
    padding-right: 40px; }
  .content_text img, #middel .inline-editor img, #modalContent .inline-editor img {
    display: block;
    margin: auto; }
  .content_text .img_spacer, #middel .inline-editor .img_spacer, #modalContent .inline-editor .img_spacer {
    width: 100%;
    text-align: center; }
  .content_text th, #middel .inline-editor th, #modalContent .inline-editor th {
    text-align: center;
    border: solid 1px #000000;
    background: #000000; }
  .content_text td, #middel .inline-editor td, #modalContent .inline-editor td {
    border-left: solid 0.5px #000000;
    border-right: solid 0.5px #000000;
    /*word-wrap: break-all;*/
    padding: 0;
    vertical-align: middle;
    /*overflow:hidden;*/
    font-size: 11pt;
    border-top: solid 0px #000000;
    border-bottom: solid 0px #000000; }
  .content_text table tr td p, #middel .inline-editor table tr td p, #modalContent .inline-editor table tr td p {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    line-height: 1;
    padding: 5px;
    margin: 0 0px 0;
    height: 100%;
    font-size: 10pt;
    font-family: Helvetica-Condensed, sans-serif;
    letter-spacing: 0px;
    width: 100%; }
  .content_text table tr td.col p, #middel .inline-editor table tr td.col p, #modalContent .inline-editor table tr td.col p {
    text-align: center;
    padding: 10px 0; }
  .content_text table tr td div, #middel .inline-editor table tr td div, #modalContent .inline-editor table tr td div {
    padding-top: 10px; }
  .content_text table tr td p.header, .content_text td.tbl_header_1, .content_text td.tbl_header_3, .content_text td.tbl_header_2, #middel .inline-editor table tr td p.header, #middel .inline-editor td.tbl_header_1, #middel .inline-editor td.tbl_header_3, #middel .inline-editor td.tbl_header_2, #modalContent .inline-editor table tr td p.header, #modalContent .inline-editor td.tbl_header_1, #modalContent .inline-editor td.tbl_header_3, #modalContent .inline-editor td.tbl_header_2 {
    background-color: #cc0000;
    text-align: right; }
  .content_text td.tbl_header_1 p, .content_text td.tbl_header_3 p, .content_text td.tbl_header_2 p, #middel .inline-editor td.tbl_header_1 p, #middel .inline-editor td.tbl_header_3 p, #middel .inline-editor td.tbl_header_2 p, #modalContent .inline-editor td.tbl_header_1 p, #modalContent .inline-editor td.tbl_header_3 p, #modalContent .inline-editor td.tbl_header_2 p {
    text-align: center; }
  .content_text table tr td p.header-bottom, .content_text td.tbl_header_2 p, #middel .inline-editor table tr td p.header-bottom, #middel .inline-editor td.tbl_header_2 p, #modalContent .inline-editor table tr td p.header-bottom, #modalContent .inline-editor td.tbl_header_2 p {
    border-bottom: 1.5px solid #000; }
  .content_text table tr td p.header-left, .content_text .left, .content_text td.tbl_header_3 p, #middel .inline-editor table tr td p.header-left, #middel .inline-editor .left, #middel .inline-editor td.tbl_header_3 p, #modalContent .inline-editor table tr td p.header-left, #modalContent .inline-editor .left, #modalContent .inline-editor td.tbl_header_3 p {
    border-left: 1.5px solid #000 !important; }
  .content_text table tr td p.header-right, .content_text .right, .content_text td.tbl_header_4 p, #middel .inline-editor table tr td p.header-right, #middel .inline-editor .right, #middel .inline-editor td.tbl_header_4 p, #modalContent .inline-editor table tr td p.header-right, #modalContent .inline-editor .right, #modalContent .inline-editor td.tbl_header_4 p {
    border-right: 1.5px solid #000; }
  .content_text table tr td p.header-top, .content_text td.tbl_special_4 p, #middel .inline-editor table tr td p.header-top, #middel .inline-editor td.tbl_special_4 p, #modalContent .inline-editor table tr td p.header-top, #modalContent .inline-editor td.tbl_special_4 p {
    border-left: 1.5px solid #000; }
  .content_text table tr td p.header-bottom-light, .content_text td.tbl_special_2 p, #middel .inline-editor table tr td p.header-bottom-light, #middel .inline-editor td.tbl_special_2 p, #modalContent .inline-editor table tr td p.header-bottom-light, #modalContent .inline-editor td.tbl_special_2 p {
    border-bottom: 0.5px solid #000; }
  .content_text table tr td p.header-left-light, #middel .inline-editor table tr td p.header-left-light, #modalContent .inline-editor table tr td p.header-left-light {
    border-left: 0.5px solid #000; }
  .content_text table tr td p.header-right-light, #middel .inline-editor table tr td p.header-right-light, #modalContent .inline-editor table tr td p.header-right-light {
    border-right: 0.5px solid #000; }
  .content_text table tr td p.header-top-light, #middel .inline-editor table tr td p.header-top-light, #modalContent .inline-editor table tr td p.header-top-light {
    border-left: 0.5px solid #000; }
  .content_text table tr td p.normal-center, #middel .inline-editor table tr td p.normal-center, #modalContent .inline-editor table tr td p.normal-center {
    text-align: center; }
  .content_text table tr td p.normal-right, #middel .inline-editor table tr td p.normal-right, #modalContent .inline-editor table tr td p.normal-right {
    text-align: right; }
  .content_text table tr td p.normal-left, #middel .inline-editor table tr td p.normal-left, #modalContent .inline-editor table tr td p.normal-left {
    text-align: left; }
  .content_text table tr td p.normal-bottom, #middel .inline-editor table tr td p.normal-bottom, #modalContent .inline-editor table tr td p.normal-bottom {
    vertical-align: bottom; }
  .content_text table tr td p.normal-top, #middel .inline-editor table tr td p.normal-top, #modalContent .inline-editor table tr td p.normal-top {
    vertical-align: top; }
  .content_text table tr td p.answer, .content_text td.tbl_total_1, #middel .inline-editor table tr td p.answer, #middel .inline-editor td.tbl_total_1, #modalContent .inline-editor table tr td p.answer, #modalContent .inline-editor td.tbl_total_1 {
    border-bottom: 3pt double #000; }
  .content_text table tr td p.clear, .content_text .tbl_special_1, #middel .inline-editor table tr td p.clear, #middel .inline-editor .tbl_special_1, #modalContent .inline-editor table tr td p.clear, #modalContent .inline-editor .tbl_special_1 {
    border: 0px solid #fff; }
  .content_text h2 div, #middel .inline-editor h2 div, #modalContent .inline-editor h2 div {
    width: 100%;
    /*border-bottom:1px solid #000;*/ }
  .content_text div.example div, #middel .inline-editor div.example div, #modalContent .inline-editor div.example div {
    width: 100%;
    border-bottom: 0px solid #000;
    text-align: center; }
  .content_text div.example, #middel .inline-editor div.example, #modalContent .inline-editor div.example {
    font-style: italic;
    text-align: center;
    border-bottom: 0px solid #000;
    margin-top: 0;
    padding-top: 0;
    font-size: 13pt;
    padding-bottom: 10px;
    font-family: Helvetica, sans-serif;
    font-weight: 600; }
  .content_text div, #middel .inline-editor div, #modalContent .inline-editor div {
    widow: 6;
    orphan: 6; }
  .content_text p.table-header, #middel .inline-editor p.table-header, #modalContent .inline-editor p.table-header {
    margin: 0px 0 5px 0px;
    font-size: 10pt;
    text-align: center;
    font-family: Helvetica-Condensed, sans-serif; }
  .content_text .col, #middel .inline-editor .col, #modalContent .inline-editor .col {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    background-color: #ccc;
    height: 100%;
    border-bottom: 1.5px solid #000; }
  .content_text .bot, #middel .inline-editor .bot, #modalContent .inline-editor .bot {
    border-bottom: 0.5px solid #000; }
  .content_text .right, #middel .inline-editor .right, #modalContent .inline-editor .right {
    border-right: 1.5px solid #000; }
  .content_text .intro-text, #middel .inline-editor .intro-text, #modalContent .inline-editor .intro-text {
    font-size: 12pt;
    color: black; }
  .content_text .sub-text, #middel .inline-editor .sub-text, #modalContent .inline-editor .sub-text {
    font-size: 9pt;
    padding-left: 62px;
    padding-right: 62px; }
  .content_text .li-heading, #middel .inline-editor .li-heading, #modalContent .inline-editor .li-heading {
    color: black;
    /*padding-left:38px;*/ }
  .content_text .examples, #middel .inline-editor .examples, #modalContent .inline-editor .examples {
    /*border-top:1.0px solid #000;*/
    /*padding: 8px 0 0;*/
    margin-top: 0px;
    widow: 6;
    orphan: 6; }
  .content_text div.examples.questions, #middel .inline-editor div.examples.questions, #modalContent .inline-editor div.examples.questions {
    border-left: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    /*padding:10px;*/
    width: 100%;
    overflow: hidden; }
  .content_text .questions div.example, #middel .inline-editor .questions div.example, #modalContent .inline-editor .questions div.example {
    display: block;
    margin: auto;
    text-align: center;
    border-bottom: none; }
  .content_text .pre-example, #middel .inline-editor .pre-example, #modalContent .inline-editor .pre-example {
    padding-bottom: 50px;
    border-bottom: 1px solid #000;
    margin-bottom: 0;
    width: 590px; }
  .content_text .post-example, #middel .inline-editor .post-example, #modalContent .inline-editor .post-example {
    padding-top: 25px;
    border-top: 1px solid #000;
    margin-top: 0px;
    width: 590px; }
  .content_text .questions .bottom-marginizr, #middel .inline-editor .questions .bottom-marginizr, #modalContent .inline-editor .questions .bottom-marginizr {
    padding-bottom: 10px; }
  .content_text .pre-question, #middel .inline-editor .pre-question, #modalContent .inline-editor .pre-question {
    padding-bottom: 50px;
    border-bottom: 1px solid #000;
    margin-bottom: 0; }
  .content_text .post-question, #middel .inline-editor .post-question, #modalContent .inline-editor .post-question {
    padding-top: 25px;
    border-top: 1px solid #000;
    margin-top: 0px; }
  .content_text table.borderless, #middel .inline-editor table.borderless, #modalContent .inline-editor table.borderless {
    border: 0px; }
  .content_text table.borderless tr td, #middel .inline-editor table.borderless tr td, #modalContent .inline-editor table.borderless tr td {
    border: 0px; }
  .content_text .leading-title, #middel .inline-editor .leading-title, #modalContent .inline-editor .leading-title {
    border: 1px solid #000;
    height: 130px;
    margin-bottom: 50px;
    overflow: hidden;
    margin-top: -20px; }
  .content_text .learning-unit, #middel .inline-editor .learning-unit, #modalContent .inline-editor .learning-unit {
    display: inline-block;
    border-right: 1px solid #000;
    background-color: #ccc;
    padding: 10px 0;
    font-size: 109px;
    text-align: center;
    width: 25%;
    vertical-align: middle;
    margin: 0;
    padding-top: 0px; }
  .content_text .learning-unit span, #middel .inline-editor .learning-unit span, #modalContent .inline-editor .learning-unit span {
    display: none; }
  .content_text .examples ol, #middel .inline-editor .examples ol, #modalContent .inline-editor .examples ol {
    margin-bottom: 0;
    width: 100%;
    padding-bottom: 20px; }
  .content_text .examples ol li, #middel .inline-editor .examples ol li, #modalContent .inline-editor .examples ol li {
    width: 90%; }
  .content_text .unit, #middel .inline-editor .unit, #modalContent .inline-editor .unit {
    display: inline-block;
    margin-top: 120px;
    margin-left: -4px;
    width: 74%;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    margin-top: 120px;
    font-weight: 900;
    height: 130px; }
  .content_text .unit div, #middel .inline-editor .unit div, #modalContent .inline-editor .unit div {
    height: 130px;
    padding-top: 10px; }
  .content_text .questions p, .content_text .questions table, #middel .inline-editor .questions p, #middel .inline-editor .questions table, #modalContent .inline-editor .questions p, #modalContent .inline-editor .questions table {
    width: 90% !important;
    margin-left: 5%; }
  .content_text .close_question, #middel .inline-editor .close_question, #modalContent .inline-editor .close_question {
    border-bottom: 1px solid #000; }
  .content_text .examples, #middel .inline-editor .examples, #modalContent .inline-editor .examples {
    -webkit-break-after: avoid;
       -moz-break-after: avoid;
            break-after: avoid; }
  .content_text .example, #middel .inline-editor .example, #modalContent .inline-editor .example {
    padding-top: 20px; }
  .content_text .questions ul, #middel .inline-editor .questions ul, #modalContent .inline-editor .questions ul {
    padding: 0;
    padding-left: 45px;
    margin-top: 5px;
    width: 90%;
    font-size: 10pt;
    line-height: 1.3; }
  .content_text .questions ul li, #middel .inline-editor .questions ul li, #modalContent .inline-editor .questions ul li {
    line-height: 1.3;
    padding-left: 5px; }
  .content_text div.top-marginizr, #middel .inline-editor div.top-marginizr, #modalContent .inline-editor div.top-marginizr {
    margin-top: 40px;
    border-top: 1px solid #000;
    padding-top: 10px !important;
    width: 590px; }
  .content_text div.bottom-marginizr, #middel .inline-editor div.bottom-marginizr, #modalContent .inline-editor div.bottom-marginizr {
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 40px;
    width: 590px; }
  .content_text .rotate-by-ninety, #middel .inline-editor .rotate-by-ninety, #modalContent .inline-editor .rotate-by-ninety {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(-90deg) translateX(-50%);
        -ms-transform: rotate(-90deg) translateX(-50%);
            transform: rotate(-90deg) translateX(-50%);
    -webkit-break-after: always;
       -moz-break-after: always;
            break-after: always; }
  .content_text table.no-border, .content_text table.no-border tr, .content_text table.no-border tr td, #middel .inline-editor table.no-border, #middel .inline-editor table.no-border tr, #middel .inline-editor table.no-border tr td, #modalContent .inline-editor table.no-border, #modalContent .inline-editor table.no-border tr, #modalContent .inline-editor table.no-border tr td {
    border: 0px; }
  .content_text table.border-only, #middel .inline-editor table.border-only, #modalContent .inline-editor table.border-only {
    border: 1.5px solid #000; }
  .content_text table.border-only tr, .content_text table.border-only tr td, #middel .inline-editor table.border-only tr, #middel .inline-editor table.border-only tr td, #modalContent .inline-editor table.border-only tr, #modalContent .inline-editor table.border-only tr td {
    border: 0px; }
  .content_text table.full-border, #middel .inline-editor table.full-border, #modalContent .inline-editor table.full-border {
    border: 1.5px solid #000; }
  .content_text table.full-border tr td, #middel .inline-editor table.full-border tr td, #modalContent .inline-editor table.full-border tr td {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000; }
  .content_text table tr td.heading, #middel .inline-editor table tr td.heading, #modalContent .inline-editor table tr td.heading {
    background-color: #ccc;
    text-align: center; }
  .content_text table tr td.bottom-bold, #middel .inline-editor table tr td.bottom-bold, #modalContent .inline-editor table tr td.bottom-bold {
    border-bottom: 1.5px solid #000; }
  .content_text table tr td.bottom-normal, #middel .inline-editor table tr td.bottom-normal, #modalContent .inline-editor table tr td.bottom-normal {
    border-bottom: 1px solid #000; }
  .content_text table tr td.total-double, #middel .inline-editor table tr td.total-double, #modalContent .inline-editor table tr td.total-double {
    border-top: 1px solid #000;
    border-bottom: 3pt double #000; }
  .content_text table tr td.total-bold, #middel .inline-editor table tr td.total-bold, #modalContent .inline-editor table tr td.total-bold {
    border-top: 1px solid #000;
    border-bottom: 1.5px solid #000; }
  .content_text table tr td.right-bold, #middel .inline-editor table tr td.right-bold, #modalContent .inline-editor table tr td.right-bold {
    border-right: 1.5px solid #000; }
  .content_text table tr td.left-bold, #middel .inline-editor table tr td.left-bold, #modalContent .inline-editor table tr td.left-bold {
    border-left: 1.5px solid #000; }
  .content_text table tr td.right-normal, #middel .inline-editor table tr td.right-normal, #modalContent .inline-editor table tr td.right-normal {
    border-right: 1px solid #000; }
  .content_text table tr td.left-normal, #middel .inline-editor table tr td.left-normal, #modalContent .inline-editor table tr td.left-normal {
    border-left: 1px solid #000; }
  .content_text table tr td.box-bottom, .content_text table tr td.box-top, #middel .inline-editor table tr td.box-bottom, #middel .inline-editor table tr td.box-top, #modalContent .inline-editor table tr td.box-bottom, #modalContent .inline-editor table tr td.box-top {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
  .content_text table tr td.box-top, #middel .inline-editor table tr td.box-top, #modalContent .inline-editor table tr td.box-top {
    border-bottom: 0px;
    border-top: 1px solid #fff; }
  .content_text table tr td.box-full, #middel .inline-editor table tr td.box-full, #modalContent .inline-editor table tr td.box-full {
    border: 1px solid #000; }
  .content_text table tr td.box-middle, #middel .inline-editor table tr td.box-middle, #modalContent .inline-editor table tr td.box-middle {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
  .content_text table tr td.grey-cell, #middel .inline-editor table tr td.grey-cell, #modalContent .inline-editor table tr td.grey-cell {
    background-color: #ccc; }
  .content_text table tr td.box-top-left, #middel .inline-editor table tr td.box-top-left, #modalContent .inline-editor table tr td.box-top-left {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc; }
  .content_text table tr td.box-top-right, #middel .inline-editor table tr td.box-top-right, #modalContent .inline-editor table tr td.box-top-right {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc; }
  .content_text table tr td.box-bottom-right, #middel .inline-editor table tr td.box-bottom-right, #modalContent .inline-editor table tr td.box-bottom-right {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
  .content_text table tr td.box-bottom-left, #middel .inline-editor table tr td.box-bottom-left, #modalContent .inline-editor table tr td.box-bottom-left {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
  .content_text .non_headed_sub_section, #middel .inline-editor .non_headed_sub_section, #modalContent .inline-editor .non_headed_sub_section {
    display: none; }
  .content_text .headed-sub-section, #middel .inline-editor .headed-sub-section, #modalContent .inline-editor .headed-sub-section {
    font-style: italic;
    font-size: 12pt; }

/* HOME PAGE */
.home-holder {
  position: relative;
  padding-top: 50px;
 }

.home-block {
  margin: 15px;
  width: calc(20% - 30px);
  float: left;
  padding: 15px;
  border: 1px solid #EEE;
  background: url('../img/icons/icon-book.svg') center top 75px;
  background-repeat: no-repeat;
  background-size: 180px;
  min-height: 370px;
  position: relative; }
  .home-block:hover {
    background-color: #EEE;
    cursor: pointer; }
    .home-block:hover span {
      background: #1abc9c;
      color: #fff; }
  .home-block span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #EEE;
    color: #555;
    padding: 10px;
    text-align: left;
    width: 100%;
    height: 50px;
    vertical-align: middle; }

/* TOP MENU OPTIONS */
.top-menu-options {
  display: inline-block;
  width: auto;
  text-align: right;
  float: right;
  vertical-align: top;
  margin: 0;
  padding: 0; }
  .top-menu-options:after {
    clear: both; }
  .top-menu-options a {
    display: inline-block;
    line-height: 60px;
    background-position: center left;
    text-decoration: none;
    color: #555;
    margin: 0 15px 0 15px;
    padding: 0 0 0 34px;
    background-size: 22px;
    cursor: pointer; }
    .top-menu-options a[class*='icon-'] {
      background-repeat: no-repeat; }
    .top-menu-options a.icon-logout {
      background-image: url('../img/icons/icon-user-dark.svg'); }
    .top-menu-options a.icon-distraction-free {
      background-image: url('../img/icons/icon-eye-dark.svg'); }
    .top-menu-options a.icon-loading {
      background-image: url('../img/loading.gif');
      background-size: 22px; }
  .top-menu-options #loading {
    display: none; }

.menu-search-form {
  background: #8BC; }

/* ACCORDION */
.accordion {
  position: relative;
  margin: 20px;
  border-bottom: 0; }
  .accordion h3 {
    font-size: inherit;
    padding: 10px 15px;
    background: #EEE;
    color: #555;
    font-weight: normal;
    margin: 15px 0 0 0;
    border-bottom: 1px solid #EEE;
    z-index: 99;
    position: relative;
    /* .handle {
			float: left;
			margin: -3px 10px 0 -10px;
		} */ }
    .accordion h3.short span {
      width: 80%;
      display: inline-block; }
    .accordion h3:hover {
      cursor: pointer; }
    .accordion h3 form {
      display: inline-block; }
    .accordion h3 input {
      background: transparent;
      width: 115px;
      padding: 4px;
      margin: -5px 5px -5px 0;
      color: #555;
      line-height: 1; }
      .accordion h3 input:hover, .accordion h3 input:focus {
        border: 1px dashed #999; }
    .accordion h3 [class*='btn-icon-'] {
      float: right;
      margin-left: 10px;
      margin-top: -3px; }
  .accordion .inner-content {
    padding: 10px 15px;
    background: #e6e6e6;
    box-shadow: inset 0 0 5px 0 #999; }
    .accordion .inner-content .section-content {
      margin-bottom: 15px; }
      .accordion .inner-content .section-content .content-media {
        width: 15%;
        float: left; }
      .accordion .inner-content .section-content .content-text {
        width: 85%;
        float: right; }
  .accordion.modal {
    margin-top: 0px; }
    .accordion.modal > h3:first-child {
      margin: 0; }

#sortable li.ui-sortable-placeholder {
  border: 1px dashed #EEE;
  width: 100%;
  visibility: visible !important;
  margin: 15px 0 0 0;
  max-height: 100px !important; }

.nested-sortable {
  max-width: 95%;
  margin: 0 auto; }
  .nested-sortable h3 {
    margin: 0; }
  .nested-sortable li {
    margin: 15px 0; }
  .nested-sortable ul {
    margin-left: 30px; }
  .nested-sortable .placeholder {
    outline: 1px dashed #EEE;
    margin: 15px 0;
    display: block; }
  .nested-sortable .mjs-nestedSortable-error {
    background: #fbe3e4;
    border-color: transparent; }

/*SIDE TABS*/
#learner_home {
  background-color: #2489C5;
  border: solid;
  border-width: 3px;
  border-color: #2489C5;
  width: 185px;
  height: 40px;
  position: relative;
  left: 8px;
  top: 10px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #000; }

#mid {
  background-color: #80858A;
  border: solid;
  border-width: 3px;
  border-color: #80858A;
  width: 185px;
  height: 40px;
  position: relative;
  left: 8px;
  top: 20px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #FFF; }

/*END OF SIDE TABS*/
/*LIST TABS*/
.list_tab_max_height {
  overflow-y: auto;
  margin: 0; }

.list_tab_holder {
  padding: 0; }
  .list_tab_holder .list_tab {
    padding: 20px 60px 20px 20px;
    background: #fff;
    margin: 0;
    background-image: url('../img/icons/icon-arrow-right-dark.svg');
    background-size: 22px;
    background-position: right 20px center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #EEE; }
    .list_tab_holder .list_tab:hover {
      background-color: #587ca0;
      color: #fff;
      cursor: pointer;
      background-image: url('../img/icons/icon-arrow-right-light.svg'); }
    .list_tab_holder .list_tab.active {
      background-color: #34495e;
      color: #fff;
      cursor: pointer;
      background-image: url('../img/icons/icon-arrow-right-light.svg'); }

#right .list_tab_holder .list_tab {
  padding: 10px 10px 10px 45px;
  background-image: url('../img/icons/icon-arrow-left-dark.svg');
  background-position: left 10px center; }
  #right .list_tab_holder .list_tab:hover, #right .list_tab_holder .list_tab.active {
    background-image: url('../img/icons/icon-arrow-left-light.svg'); }

/*SLIDE TABS*/
.slide-tab-holder {
  padding: 15px 15px;
  margin: 0px 0px;
  color: #555; }
  .slide-tab-holder .slide-trigger {
    background: #fff;
    padding: 10px 15px; }
    .slide-tab-holder .slide-trigger [class*='btn-icon-'] {
      float: right;
      margin-top: -4px; }
  .slide-tab-holder .slide-tab {
    padding: 5px;
    background: #fff;
    margin: 0; }

/*ADMIN SLIDE TABS*/
.admin_tab_holder {
  background: #fff; }
  .admin_tab_holder .admin_tab {
    padding: 10px;
    background: #fff;
    margin: 10px 0; }
    .admin_tab_holder .admin_tab:hover {
      background: #555;
      color: #fff;
      cursor: pointer; }
    .admin_tab_holder .admin_tab.active {
      background: #0091E6;
      color: #fff; }

/* BUTTON ICONS */
[class*='btn-icon-'] {
  position: relative;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  display: inline-block;
  cursor: hand;
  background-position: right 2px top 0px;
  background-size: 20px; }

.btn-icon-down {
  background-image: url('../img/icons/icon-arrow-down-dark.svg'); }

h3.active .btn-icon-down {
  background-image: url('../img/icons/icon-arrow-up-dark.svg'); }

.btn-icon-edit {
  background-image: url('../img/icons/icon-wrench-dark.svg'); }

.btn-icon-order {
  background-image: url('../img/icons/icon-order-dark.svg');
  background-size: 20px;
  cursor: move; }

.btn-icon-order {
  background-image: url('../img/icons/icon-order-dark.svg');
  background-size: 20px;
  cursor: move; }

.btn-icon-admin {
  background-image: url('https://cdn4.iconfinder.com/data/icons/user-group/57/User_group_admin_administrator_man_people_avatar_client_seo_web_mobile_internet_contact_account-37-32.png'); }

.btn-icon-search {
  background-image: url('../img/icons/icon-arrow-up-dark.svg'); }

.btn-icon-info {
  background-image: url('../img/icons/icon-info-dark.svg');
  background-size: 22px;
  cursor: move; }

.cke_textarea_inline, .cke_editable_inline {
  padding: 1px 0 0 0; }

ins {
  text-decoration: none; }

/* DATA TABLES */
table#data_table, table#plain_table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border: none;
  margin-bottom: 5px; }
  table#data_table thead, table#plain_table thead {
    border: 1px solid #555; }
  table#data_table tbody, table#plain_table tbody {
    border: 1px solid #EEE; }
  table#data_table tfooter, table#plain_table tfooter {
    border: 1px solid #555; }
  table#data_table th, table#plain_table th {
    padding: 15px 10px;
    background: #555;
    color: #fff;
    text-align: left;
    font-size: 14px;
    font-weight: 400; }
  table#data_table tr, table#plain_table tr {
    color: #555; }
  table#data_table td, table#plain_table td {
    padding: 15px 10px;
    text-align: left; }
  table#data_table .actions a, table#plain_table .actions a {
    display: inline-block;
    padding: 2px 5px;
    border: 1px solid #555;
    margin: 0 5px;
    color: #555; }
  table#data_table tr:nth-child(odd), table#plain_table tr:nth-child(odd) {
    background: #f4f4f4; }
  table#data_table tr:nth-child(even), table#plain_table tr:nth-child(even) {
    background: #fff; }
  table#data_table tr:hover, table#data_table tr:nth-child(odd):hover, table#plain_table tr:hover, table#plain_table tr:nth-child(odd):hover {
    background: #0091E6;
    color: #fff; }
    table#data_table tr:hover .actions a, table#data_table tr:nth-child(odd):hover .actions a, table#plain_table tr:hover .actions a, table#plain_table tr:nth-child(odd):hover .actions a {
      border: 1px solid #fff;
      color: #fff; }
      table#data_table tr:hover .actions a:hover, table#data_table tr:nth-child(odd):hover .actions a:hover, table#plain_table tr:hover .actions a:hover, table#plain_table tr:nth-child(odd):hover .actions a:hover {
        background: #fff;
        color: #0091E6; }

table#plain_table {
  margin: 0; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #0091E6;
  border-color: #0091E6; }

/* PAGES */
.page-header {
  background: #34495e;
  border-bottom: 1px solid #EEE;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  z-index: 100;
  width: calc(100% - 15% - 2px);
  line-height: 46px;
  height: 47px;
  position: fixed;
  }

    .page-header .page-options a.btn {
      border: none;
      border-radius: 0;
      color: #fff;
      background-position: center right 5px;
      background-color: #4a6885;
      padding: 0px 25px 0px 5px;
      border-left: 1px solid #19232d;
      margin-right: -3px;
      font-size: 10px;
      }
      .page-header .page-options a.btn:hover {
        background-color: #222f3d; }
  .page-header .heading-arrow-text {
    background: #EEE;
    color: #555;
    float: left;
    margin: 0;
    line-height: 46px;
    font-weight: bold;
    z-index: 1;
    padding: 0px 10px;
    }
    .page-header .heading-arrow-text a {
      cursor: pointer; }
      .page-header .heading-arrow-text a:hover {
        text-decoration: underline; }
    .page-header .heading-arrow-text.light {
      background: #fefefe;
      margin-left: -45px;
      padding-left: 45px;
      z-index: 0; }
  .page-header .heading-arrow-tip {
    width: 0;
    height: 0;
    border-top: 23.5px solid transparent;
    border-bottom: 23.5px solid transparent;
    border-left: 23.5px solid #EEE;
    float: left;
    margin-right: 10px;
    z-index: 1;
    }
    .page-header .heading-arrow-tip.light {
      border-left: 23.5px solid #fefefe;
      z-index: 0; }

    .page-header .heading-arrow-tip.light {
      border-left: 23.5px solid #fefefe;
      z-index: 0; }

.full-width .page-header {
  width: calc(100% - 11px); }

.page-holder {
  padding: 15px; 
  margin-top: 50px;
  }

.menu-header {
  padding: 15px;
  background: #fff;
  border-bottom: 1px solid #E0E5E6;
  font-size: 14px; }
  .menu-header a.btn {
    border: 1px solid #EEE;
    display: inline; }

.include-search-result-holder {
  position: relative;
  background: #fff;
  border: 1px solid #EEE;
  padding: 10px;
  margin: 0 15px 15px 15px; }
  .include-search-result-holder img {
    max-height: 75px; }
  .include-search-result-holder .options-holder {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px; }
  .include-search-result-holder:hover .options-holder {
    display: block; }

/* EDITOR PAGE STYLING */
.editor-fields-bg {
  background-color: #fcfcfc;
  border: 1px solid #eee;
  border-bottom: none; }

.editor-media-button-holder {
  position: relative; }
  .editor-media-button-holder .btn {
    position: absolute;
    right: 10px;
    top: 6px; }

.inline-editor {
  position: relative;
  width: 100%;
  padding: 15px;
  border: 1px solid #fff; }
  .inline-editor span.section-heading {
    font-size: 16px;
    font-weight: bold;
    line-height: 42px; }
    .inline-editor span.section-heading input {
      border: none;
      border-color: transparent;
      padding: 0;
      margin: 0;
      font-weight: bold;
      color: #555; }
  .inline-editor:hover {
    border: 1px solid #EEE; }
    .inline-editor:hover .hidden-options {
      opacity: 1; }
  .inline-editor .icon-save {
    margin: 0 0 0 15px; }
  .inline-editor .icon-edit {
    visibility: hidden;
    margin: 5px 0px; }
  .inline-editor .icon-close {
    display: none;
    margin: 5px 0; }
  .inline-editor:hover .icon-edit {
    visibility: visible;
    display: inline-block; }
  .inline-editor .options {
    display: none;
    margin: 5px 5px; }
  .inline-editor .check-options {
    display: inline-block;
    margin: 20px 5px 5px -3px; }
    .inline-editor .check-options .iradio_square-blue {
      margin: -2px 5px 0 5px; }
  .inline-editor .hidden-options {
    opacity: 0;
    -webkit-transition: opacity 500ms ease-in;
            transition: opacity 500ms ease-in;
    padding-top: 5px; }
  .inline-editor.editor-active:hover .icon-edit {
    visibility: hidden; }
  .inline-editor.editor-active:hover .icon-close {
    visibility: visible;
    display: inline-block; }
  .inline-editor.editor-active .icon-edit {
    visibility: hidden;
    display: none; }

.currently-editing .inline-editor:hover .icon-edit {
  visibility: hidden; }

.check-options {
  display: inline-block;
  margin: 20px 5px 5px -3px; }
  .check-options .iradio_square-blue {
    margin: -2px 5px 0 5px; }

ul.tabs {
  margin: 0 10px;
  padding: 0px;
  list-style: none; }

ul.tabs li {
  background: none;
  color: #222;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer; }

ul.tabs li.current {
  background: #0091E6;
  border: 1px solid #0091E6;
  color: #fff; }

ul.tabs li.hide {
  display: none; }

.tab-content {
  display: none;
  border: 1px solid #EEE;
  padding: 15px;
  margin: -1px 10px 10px 10px;
  background: #fff; }
  .tab-content ol.tagit {
    border: 1px solid #EEE; }

.tab-content.current {
  display: inherit; }

#msg {
  background-color: #34495e;
  position: fixed;
  top: 12.5px;
  right: 35%;
  width: 30%;
  padding: 10px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  display: none;
  font-size: 14px;
  font-weight: bold;
  /*box-shadow: 0 0 10px -3px #666;*/ }

.search-suggest {
  position: relative;
  z-index: 999; }
  .search-suggest.ninety {
    width: 90%;
    margin: 0 auto; }
  .search-suggest .search-list {
    max-height: 200px;
    overflow: auto;
    margin-top: -5px;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #EEE;
    border-top: none; }
    .search-suggest .search-list .search-result {
      padding: 10px 7px;
      position: relative; }
      .search-suggest .search-list .search-result p {
        margin: 0;
        padding: 0; }
      .search-suggest .search-list .search-result:nth-child(odd) {
        background: #EEE; }
      .search-suggest .search-list .search-result.result:hover {
        z-index: 999;
        cursor: pointer;
        color: #fff;
        background: #1abc9c; }

/* MEDIA */
#preview-panel {
  background: #f3f3f3;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  padding: 63px 15px 15px 15px; }
  #preview-panel img {
    margin-bottom: 5px;
    max-height: 120px;
    border: 1px solid #eee; }
  #preview-panel .description {
    border: 1px solid #eee;
    background: #fff;
    padding: 5px;
    margin-bottom: 5px;
    word-wrap: break-word; }

.media-image-thumb, .media-file-thumb {
  position: relative;
  padding: 4px;
  margin: 1%;
  width: 12.285%;
  float: left;
  overflow: hidden;
  text-align: center;
  border: 1px solid #999;
  height: 101px;
  background: #fff;
  cursor: pointer; }
  .media-image-thumb.active, .media-file-thumb.active {
    box-shadow: 0 0 10px 0px #999; }
  .media-image-thumb img, .media-file-thumb img {
    display: inline-block;
    max-height: 100%; }
  .media-image-thumb .description, .media-file-thumb .description {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    background: #555;
    color: #fff;
    font-size: 12px;
    padding: 5px;
    text-align: left;
    word-wrap: break-word; }
  .media-image-thumb:hover .description, .media-file-thumb:hover .description {
    display: block; }

.doc_icon {
  width: 32px;
  display: inline-block;
  font-size: 9px;
  text-transform: uppercase;
  border: 1px solid #c0c0c0;
  background: #fff;
  color: #000;
  padding: 20px 0;
  text-align: center;
  position: relative; }
  .doc_icon span {
    display: block;
    position: absolute;
    bottom: 5px;
    right: -16px;
    width: 32px;
    padding: 2px 0;
    text-align: center;
    background: #603;
    color: #fff; }
    .doc_icon span.pdf {
      background: #C00;
      color: #fff;
      border: none; }
    .doc_icon span.doc, .doc_icon span.docx {
      background: #039;
      color: #fff;
      border: none; }
    .doc_icon span.xls, .doc_icon span.xlsx, .doc_icon span.csv {
      background: #090;
      color: #fff;
      border: none; }
    .doc_icon span.zip, .doc_icon span.rar {
      background: #666;
      color: #fff;
      border: none; }

.tree {
  width: 70%; }
  .tree ul {
    position: relative; }
    .tree ul:before {
      content: "";
      display: block;
      width: 0;
      position: absolute;
      top: -15px;
      bottom: 0;
      left: 0;
      border-left: 1px solid #0091E6; }
    .tree ul > li {
      padding: 0 0 0 1.5em;
      /* indentation + .5em */
      font-weight: bold;
      position: relative; }
      .tree ul > li:before {
        content: "";
        display: block;
        width: 18px;
        height: 0;
        border-top: 1px solid #0091E6;
        margin-top: -1px;
        position: absolute;
        top: 15px;
        left: 0; }
      .tree ul > li:last-child:before {
        background: white;
        height: auto;
        top: 15px;
        bottom: 0; }

.section-content ul, #editor-view-holder ul {
  margin: 7px 0 7px 15px; }
  .section-content ul:before, #editor-view-holder ul:before {
    display: none;
    height: 0;
    top: 0;
    border: none; }
  .section-content ul li, #editor-view-holder ul li {
    list-style: disc;
    margin: 0 0 3px 0;
    padding: 0; }
    .section-content ul li:before, #editor-view-holder ul li:before {
      display: none;
      height: 0;
      top: 0;
      border: none; }
    .section-content ul li li, #editor-view-holder ul li li {
      list-style: circle; }
      .section-content ul li li li, #editor-view-holder ul li li li {
        list-style: square; }
.section-content ol, #editor-view-holder ol {
  margin: 7px 0 7px 15px; }
  .section-content ol:before, #editor-view-holder ol:before {
    display: none;
    height: 0;
    top: 0;
    border: none; }
  .section-content ol li, #editor-view-holder ol li {
    list-style: decimal;
    margin: 0 0 3px 0;
    padding: 0; }
    .section-content ol li:before, #editor-view-holder ol li:before {
      display: none;
      height: 0;
      top: 0;
      border: none; }

a.pop-over {
  position: relative; }
  a.pop-over span {
    display: none;
    padding: 10px;
    text-align: left;
    border-radius: 3px;
    border: 1px solid #EEE;
    background-color: #0091E6;
    color: #fff;
    position: absolute;
    top: 38px;
    right: -2px;
    z-index: 100;
    width: 450px;
    word-wrap: none;
    text-transform: none;
    font-size: 11px;
    color: #fff; }
    a.pop-over span :before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-bottom: 12px solid #0091E6;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      position: absolute;
      top: -12px;
      left: 34px;
      margin-left: 50%;
      z-index: 101; }
    a.pop-over span * {
      color: #fff; }
  a.pop-over .inner {
    max-height: 550px;
    overflow-y: auto;
    color: inherit; }
	
	/************************		New CSS			**************************/
	#left, #preview-panel > div {
		overflow-y: scroll;
		margin-bottom: 300px;
	}
	#dialog {
		position: relative;
		z-index: 100;
	}
	#preview-panel > div   {
		overflow-y: scroll;
		margin-bottom: 300px;
		height: 700px;
	}
	.btn-icon-break {
		color: #555;
		line-height: 20px;
	}
	
#question_learning_area_search, 
#image_learning_area_search, 
#video_learning_area_search,
#file_learning_area_search	
{ display: none; }

#image_search_by_learning_area	
{ display: none; }

div.in_text_pagebreak
{
	padding-top: 1px;	
	border-top: 1px solid; 
}

div.balancesheet,
div.ledger,
div.journal
{ border: 1px solid; }

div.Table {
	display: table;
	border: 1px solid; 
	width: 100%;
}
.Table2 {
	display: table;
	border-left: 1px solid; 
	border-Right: 1px solid; 
	border-bottom: 1px solid;
	border-color: #000000;
}
.Title {
	display: table-caption;
	text-align: center;
	font-size: larger;
	border: 1px solid; 
	border-color: #000000;
}
div.Heading {
	display: table-row;
	text-align: center;
	background: #ccc;
	border-color: #000000;
	color: #000000;
}

div.Row {
	display: table-row;
	padding: 10px 11px;
	border-color: #000000;
}
	
div.Cell, 
div.AccountTitle, 
div.Date,
div.DocNo,
div.PostRef,
div.Cash,
div.Debit,
div.Credit,
div.Num {
	display: table-cell;
	padding-left: 3px;
	padding-right: 3px;	
	border: 1px solid; 
	border-color: #000000;	
}	
div.AccountTitle 
{ width: 30%;  }
div.Cash,
div.Debit,
div.Credit 
{ width: 25%; }
div.Date,
div.DocNo,
div.PostRef 
{ width: 5%; }
div.Num 
{ width: 2.5%; color: #0088bc; }

#journalContent {
  overflow: auto;
  max-height: 400px;
}

.content-type-display,.section-id-display{
  float: right;
  padding-right: 20px;
}

ul .diamond li::before {
    content: '\2666';
}