*, *:before, *:after {
  box-sizing: border-box;
}
body {
font-family: 'Montserrat'; overflow-x: hidden
}

input[type="checkbox"],input[type="radio"]{
  border: none;
  padding: 0;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
input:focus {
    outline:none;
}
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="button"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="email"],
textarea
{
    -webkit-appearance: none !important; 
    outline:none;
    box-shadow: none;
}
::-webkit-input-placeholder {
    opacity: 1 !important;
}
:-moz-placeholder {
     opacity: 1 !important;
}
::-moz-placeholder {
     opacity: 1 !important;
}
:-ms-input-placeholder {  
    opacity: 1 !important;
}
input[type="submit"]{
    transition: all 0.2s ease-in 0s;
    -webkit-transition:  all 0.2s ease-in 0s;
}
img {
    border:none;
    border: 0;
    vertical-align:middle;
    max-width:100%;
}
a[href^=tel]{ color: inherit; }

a {
    text-decoration: none;
    transition: all 0.2s ease-in 0s;
    -webkit-transition:  all 0.2s ease-in 0s;
}
a:focus {
    outline:none;
}

.clear,.clr {
    clear:both;
    width: 0;
    height: 0;
    visibility: hidden;
}
.fl { float:left; }
.fr { float:right; }

.visible {
    overflow: visible !important;
}
.hidden {
    overflow: hidden !important;
}

h1, h2, h3, h4, h5, h6 { font-style:normal; font-weight: normal; }

/* transition: all 0.3s ease 0s; */

/* input.email::-webkit-input-placeholder {opacity:1; color: #888888;}
input.email::-moz-placeholder {opacity:1; color: #888888;}
input.email:-ms-input-placeholder { opacity:1; color: #888888;}
input.email input:-moz-placeholder {opacity:1; color: #888888;} */

.wrapper {
width: 100%;
background: none repeat scroll 0 0 #000;
float: left;
margin: 0;
}
.wrpwhite {background: #FFFFFF;}
.wrpgray {background: #f5f6f7;}
.wrapin {width: 100%;}
/*  header start  */

.toplogobg {background: #f5f6f7; border-bottom: 1px solid #eff3f4; position: relative; text-align: center; padding-bottom: 57px;}
.toplogobg:after {background: #FFFFFF; content: ""; height: 58px; left: 0; bottom: 0; position: absolute; width: 100%; z-index: 10;}
.logo_salsa {height: 132px; margin: 0 auto; padding-top: 34px; width: 192px; position: relative; z-index: 100;}
/*  header end  */

/*  content start  */
.midlebg {background: #000; padding-bottom: 67px; padding-top: 25px; text-align: center; padding-left: 15px; padding-right: 15px;}
.midlecont {background: url('../images/roundshap.png') no-repeat top center; width: 100%; height: 578px;}
.img_dancing {padding-top: 54px; width: 100%;}
.dancingmn {width: 100%; float: left; text-align: center;}

.dancingmn h1 {font-family: 'Monoton', cursive; color: #FFFFFF; font-size: 40px; line-height: 1; font-weight: normal; margin: 0; width: 100%; padding-top: 23px; text-align: center;}
.dancingmn p {font-family: 'Segoe ui'; color: #FFFFFF; font-size: 25px; line-height: 1; font-weight: 700; margin: 0; width: 100%; text-align: center; text-transform: uppercase;}
.inputmn {display: inline-block; margin-top: 31px; max-width: 300px; width: 100%;}   
.inputmn select {background: #F5F6F8; height: 56px; border-style: none; font-family: 'Segoe ui'; color: #5f6c6f; font-size: 14px; line-height: 1; font-weight: 700; margin: 0; width: 100%; float: left; text-indent: 10px; text-align: left;text-transform: uppercase;}
.inputmn select option {text-indent: 18px; background: #F5F6F8; border-style: none; line-height: normal; color: #000000}
.inputmn a {background: #4ca9c5; height: 56px; border-style: none; font-family: 'Segoe ui'; color: #FFFFFF; font-size: 14px; line-height: 1; float: left; font-weight: 700; margin: 0; padding-top: 20px; width: 100%;    text-align: center; margin-top: 8px; text-transform: uppercase;}
.inputmn a:hover {
  background: #2c89a5;
  transition: all 0.3s ease 0s;
}
.copyrt {
    font-family: 'Segoe ui';
    color: #FFFFFF;
    font-size: 12px;
    line-height: normal;
    float: left;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    font-weight: 400;
    padding-top: 18px;
}
.selecbx {
  position: relative;
  width: 100%;
  float: left;
}
.selecbx:after {
  position: absolute;
  top: 0;
  right: 0;
  background: url('../images/icon_arw.png') no-repeat top center;
  content: "";
  pointer-events: none;
  width: 53px;
  height: 56px;
}
.inputmn.inputmn2 {
  margin-top: 150px;
}
.inputmn.inputmn2 input[type="email"],
.inputmn.inputmn2 input[type="password"] {
  background: #F5F6F8;
  height: 56px;    
  border-style: none;
  font-family: 'Segoe ui';
  color: #5f6c6f;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  margin: 8px 0 0;
  width: 100%;
  float: left;
  text-indent: 23px;
  text-align: left;
  text-transform: uppercase;
}

.inputmn.inputmn2 input[type="submit"] {
  background: #4ca9c5;
    height: 56px;    
    border-style: none;
    font-family: 'Segoe ui';
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1;
    float: left;
    font-weight: 700;
    margin: 8px 0 0;
    width: 100%;    
    text-align: center;
    cursor: pointer;
    margin-top: 8px;
    text-transform: uppercase;
}
.inputmn.inputmn2 input[type="submit"]:hover {
  background: #2c89a5;
  transition: all 0.3s ease 0s;
}
.inputmn.inputmn2 a.forgotpass {
  width: 100%;
  font-family: 'Segoe ui';
  color: #FFFFFF;
  background: none;
  font-size: 11px;
  line-height: normal;
  padding-top: 5px;
  height: auto;
  text-transform: uppercase;
  float: left;
  text-align: left;
  font-weight: 600;
}
.inputmn.inputmn2 a.forgotpass:hover {
  color: #4ca9c5;
  transition: all 0.1s ease 0s;
}

.menumn {
  float: left;
  padding: 26px 32px;
  position: relative;
  width: 100%;
}
.menuicon {
  float: left;

}
.menutitle {
  float: left;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  overflow: hidden;
  text-transform: uppercase;
  font-family: 'Oswald';
  font-weight: 500;
}
.iconmn.icofrst {
  margin-top: 18px;
  padding-bottom: 12px;
}
.iconmn.icofrst .icontitle {
  margin-top: 13px;
}
.iconmn {
  float: left;
  padding: 6px 30px 10px 38px;
  width: 100%;
}

.iconwrp {
  float: left;
}
.icontitle {
  color: #fff;
  float: left;
  font-family: 'Oswald';
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  margin: 12px 0 0 21px;
  overflow: hidden;
  text-transform: uppercase;
}
.wrapper.wrpwhite.lastout {
  padding-bottom: 170px;
}
.wrapper.coprt2 {
  padding: 10px 0 34px;
}
.menumn_p {
  float: left;
  padding: 25px 32px;
  position: relative;
  width: 100%;
}

.menutitle_p {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Oswald';
  font-weight: 500;
}
.next_arrow {
  /*border-left: 1px solid #e0e0e0;*/
  height: 100%;  
  padding-top: 24px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 76px !important;
}

.next_arrow:hover {
  opacity: 0.8;
  transition: all 0.1s ease 0s;
}
.profmn ,.proflvl{
  float: left;
  box-sizing:border-box;
  padding: 34px 32px 30px;  
  width: 30%;text-align: center;background: #101010;
}
.proflvl{
  width: 70%;background: transparent;
}
.profimg {
  margin: 0 auto;
  padding: 0px;
  position: relative;  
}
.proedt {
  bottom: 16px;
  position: absolute;
  right: 13px;
}

/*Profile*/
.profilebg{margin: 0 0 5% !important;}
.prof_name {color: #fff;display: inline-block;font-size: 18px;font-weight: 700;line-height: normal;margin: 10px 0 0 0;  text-transform: uppercase;font-weight: bold; word-break: break-all;}
.prof_name span{display: block}
.prof_name a{color: #fff;display: inline-block;font-size: 80%;font-weight: 400;line-height: normal;margin: 0;text-transform: lowercase;; }
.prof_name a img{width: 11px;margin-right: 3px;}
.prof_name a:hover {color: #c1c1c1;}
.proflink {float: left;padding: 18px 12px;position: relative;width: 100%;border-radius: 15px;overflow: hidden;}
.proflink .plink{font-size: 28px;color: #000; margin-right: 20px;}
.profilepromotional .proflink .plink img{margin-right: 20px;box-shadow: 0 7px 0 #000;border-radius: 13px;margin-top: -7px;}
.proflink .link{padding: 8px 15px;border-radius: 20px 0 0 0;position: absolute;bottom: 0;right: 0;background: #323232;}
.profilebglink ,.profilepromotional{padding: 0 5% 20px;}
.profilepromotional .proflink{display: flex;justify-content: space-between;align-items: center;padding: 5% 0;background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 );}
.profilepromotional .proflink .plink img{margin-right: 20px;box-shadow: 0 0 0;border-radius: 0;margin: 0 0 0 20px;}
.profilepromotional .proflink h3{font-size: 28px;color: #fff;font-weight: bold;font-family: 'Montserrat';margin: 0 0 15px;}
.profilepromotional .proflink p{font-size: 14px;color: #fff;margin-bottom: 0;}
.profilepromotional .pricons{padding-right: 8%;width: 75%;}

.calimg-center img{margin: 0 auto;display: table;}

.wrapper.wrpcyan {
  /*background: #1e6c82;*/
}
.proflink.pln2 {
  padding: 30px 30px 10px;
}
.plink,.videolink {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  text-align: left;
  float: left;
}
.plink-new {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  text-align: left;
  float: left;
  text-transform: uppercase;
}
.pricons {
  float: right;
}
.prlinks:hover {
  opacity: 0.8;
  transition: all 0.1s ease 0s;
}

.infomn {
  float: left;
  width: 100%;
  padding: 0 20px;
}

.infomn input[type="text"],
.infomn input[type="tel"],
.infomn input[type="email"],
.infomn input[type="password"] {
  background: #F5F6F8;
  height: 56px;    
  border-style: none;
  font-family: 'Segoe ui';
  color: #5f6c6f;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 14px 0;
  width: 100%;
  float: left;
  padding-left: 23px;
  padding-right: 23px;
  text-align: left;
  text-transform: uppercase;
}
.infomn textarea {
  background: #f5f6f8;
  border-style: none;
  color: #5f6c6f;
  float: left;
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 700;
  height: 100px;
  line-height: normal;
  margin: 0 0 24px;
  text-align: left;
  padding-top: 20px;
  padding-left: 23px;
  padding-right: 23px;  
  text-transform: uppercase;
  width: 100%;
  overflow: auto;
}
.map_wrp {
  padding: 30px 20px;
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
}

.f_icons {
  width: 100%;
  float: left;
  text-align: center;
}
.f_ico {
  border-left: 1px solid #e0e0e0;
  display: inline-block;
  padding: 21px 27px;
}
.f_ico img {
  width: 24px;
  height: auto;
}
.f_ico:first-child {
  border: none;
}
.wrapper.wrpgray_f {
  background: #f5f6f7;
  margin-top: 0;
  position: fixed;
  bottom:0;
}
.next_arrow img {
  max-width: 20px;
}
.searchmn {
  float: left;
  width: 100%;
  padding: 0 30px;
  background: #000;
}
 .searchmn input[type="search"] {
  background:  #171717 url(../images/search-icon.png) no-repeat right 20px center;
  background-size: 24px;
  border-radius: 10px;
  border-style: none;
  color: #aaaaaa;
  float: right;
  font-family: 'Montserrat';
  font-size: 16px;
  height: 60px;
  line-height: 1;
  margin: 14px 0;
  padding-left: 23px;
  padding-right: 23px;
  text-align: left;
  width: 100%;
}

.coursemn {
  float: none;
  margin: 0 auto;
  max-width: 580px;
  overflow: hidden;
  padding: 15px 0px 0 15px;
  text-align: center;
}

 .courses {
  display: inline-block;
  float: left;
  padding: 0 15px 15px 0;
  position: relative;
  width: 50%;
}
.courses > a {
  border-radius: 5px;
  display: block;
  overflow: hidden;
}
.courses img {
  width: 100%;
}
.course_tle {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 100%;
  line-height: 1;
  margin: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 40%;
  vertical-align: middle;
  width: 98%;
}
.search_icon {
  border-left: 1px solid #e0e0e0;
  height: 100%;
  padding-top: 24px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 76px;
}

.search_icon img {
  max-width: 20px;
}
.search_icon:hover {
  opacity: 0.8;
  transition: all 0.1s ease 0s;
}
.wrapper.coursinr {
  text-align: center;
}

.coursesin1 {
  display: inline-block;
  padding: 20px 30px;
  position: relative;
  width: 100%;
  max-width: 580px;
}

.coursesin {
  display: inline-block;
  padding: 20px 30px;
  position: relative;
  width: 100%;
  max-width: 580px;
}

.coursesin img {
  width: 100%;
  border-radius: 5px;
display: block;
overflow: hidden;
}
.wrapper.wrpgray.gray_t {
  margin-top: 20px;
}
.wrapper.wrpgray.gray_t .plink {
  color: #5f6c6f;
}
.calndr {
  position: absolute;
  right: 35px;
  top: 20px;
}
.duration {
  position: absolute;
  left: 35px;
  top: 20px;
}
.plink.plink2 {
  margin-left: 30px;
}
.proflink.pln3 p {
  line-height: normal;
  text-transform: none;
  font-weight: 400;
}
.datepcr {
  padding: 40px 0;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}
.datepcr p {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
}

.coursdt {
  overflow: auto;
  padding: 20px;
  width: 100%;
}

.coursdt_l {
  float: left;
  background: url('../images/cal-icon_w.png') no-repeat top center;
  
}
.coursdt_r {
  color: #fff;
  float: left;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  margin: 20px 0 0 20px;
  overflow: hidden;
  text-transform: uppercase;
}
.coursdt_l .coursdt_tx {
  color: #fff;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 15px;
  margin-top: 37px;
  font-weight: 700;
  line-height: normal;  
  overflow: hidden;
  text-transform: capitalize;
}

.crsdurmn {
  width: 100%;
  float: left;
  padding: 20px 0;
}
.crsdur_l {
  width: 100%;
  float: left;
}
.crsdur_r {
  float: left;
  padding: 20px 30px;
  width: 100%;
}
.crsdur_r > img {
  width: 100%;
  border-radius: 5px;
}
.crsdur_icomn {
  float: left;
  padding: 10px 30px;
  width: 100%;
}
.crsdur_tl {
  color: #fff;
  float: left;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  margin: 6px 0 0 20px;
  overflow: hidden;
  
}
.crsdur_icomn img {
  width: 24px;
}

.crsdur_txts {
  width: 100%;
  float: left;
  padding: 0 30px;
}
.crsdur_txts p {
  color: #fff;
  float: left;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 20px;
  overflow: hidden;
  width: 100%;
}
.attendsmn {
  width: 100%;
  float: left;
  text-align: center;
  margin: 20px 0;
}
.attendsmn a {
  display: inline-block;
/*  position: relative;*/
  padding: 5px;color: #fff;
/*  background: #f5f6f7;
  color: #5f6c6f;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  margin: 2px;
  text-transform: uppercase;*/
}

.pausesmn {
  width: 100%;
  float: left;
  text-align: center;
  margin: 20px 0;
}
.pausesmn a {
  display: inline-block;
  position: relative;
  padding: 14px 60px 14px 40px;
  background: #f5f6f7;
  color: #5f6c6f;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  margin: 2px;
  text-transform: uppercase;
}
/*date :: 2019-05-01 */
.provibutton {
  width: 100%;
  float: left;
  text-align: center;
  margin: 20px 0;
}
.provibutton a {
  display: inline-block;
  position: relative;
  padding: 14px 60px 14px 40px;
  background: #f5f6f7;
  color: #5f6c6f;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  margin: 2px;
  text-transform: uppercase;
}
/*date :: 2019-05-01 */
a.ico_atnd:after { 
  position: absolute;
  right: 15px;
  background: url('../images/icon_atnd.png') no-repeat top center;
  content: "";
  width: 16px;
  top: 15px;
  height: 16px;
 }
 a.icon_absnt:after { 
  position: absolute;
  right: 15px;
  background: url('../images/icon_absnt.png') no-repeat top center;
  content: "";
  width: 16px;
  height: 16px;
  top: 15px;
 }
 .attendsmn a:hover {
  opacity: 0.8;
  transition: all 0.1s ease 0s;
 }
.proflink.pln3 {
  color: #fff;
  padding: 28px 26px 10px 80px;
  background: #1e6c82;
}

.proflink.pln3 a {
  color: #fff;
}

.proflink.pln4 {
  color: #fff;
  padding: 28px 26px 10px 80px;
  background: #1e6c82;
}

.proflink.pln4 a {
  color: #fff;
}

.wrapper.wrpcyan.caltr {
  padding: 30px 30px 0;
  background: none;
}

.menutitle_p.contacs > span {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  line-height: 24px;
}
.menumn_p.grps {
  padding-bottom: 15px;
  padding-top: 15px;
}
.selctmn {
  float: left;
  padding: 20px 0;
  text-align: center;
  width: 100%;
}
.selctmn label {
  color: #5f6c6f;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  margin: 2px;
  padding: 13px 0;
  text-align: center;
  text-transform: uppercase;
  width: 132px;
  cursor: pointer;
}
.selctmn label:hover {
  opacity: 0.8;
  transition: all 0.2s ease 0s;
}
.selctmn label.sel {
  background: #fff;
}
.selctmn label.selall {
  background: #f5f6f7;
}
.iconmn.checkbx {
  padding: 20px 30px;
}
.iconmn.checkbx .icontitle {
  color: #ffffff;
  display: block;
  float: none;
  margin: 0;
  padding-left: 20px;
  position: relative;
}
.iconmn.checkbx .icontitle span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-top: 5px;
  /* position: absolute; */
  right: 0;
  /*float: right;*/display: block;
  text-transform: none;font-family: 'Montserrat';opacity: 0.5;
}

.iconmn.checkbxinput[type=checkbox] {
  visibility: visible;
}

.squaredFour {
  margin: 5px auto 0;
  position: relative;
  width: 20px;
}

.squaredFour label {
  cursor: pointer;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  border-radius: 4px;
  box-shadow: 0 0 0;
  background: #171717;
  border: 3px solid #8b8b8b;
}

.squaredFour label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 7px;
  height: 5px;
  background: transparent;
  top: 2px;
  left: 3px;
  border: 2px solid #cf2856;
  border-top: none;
  border-right: none;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.squaredFour label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}


.iconmn.checkbx .icontitle p {
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  margin: 12px 0 0;font-family: 'Montserrat';
}
.evntmn {
  width: 100%;
  float: left;
  padding: 30px;
  position: relative;
}
.evnt_l {
  background: url("../images/icon_events_w2.png") no-repeat center top;
  float: left;
  width: 40px;
  height: 40px;
  position: relative;
}
.evnt_l > span {
   color: #ffffff;
  float: left;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  position: absolute;
  top: 12px;
  left: 11px;
}
.evnt_l .evnt_tx {
  color: #ffffff;
  float: left;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  margin-top: 41px;
  overflow: hidden;
  text-align: center;
  text-transform: capitalize;
  /* width: 100%; */
}
.evntmn a {
  color: #fff;
}
.evntmn a:hover {
  opacity: 0.8;
  transition: all 0.2s ease 0s;
}
.evnt_r {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  /*padding: 0 30px 0 40px;*/
  overflow: hidden;
}
.evnt_r p {
font-size: 14px;
font-weight: 400;
margin: 3px 0 0;
text-transform: none;
}
.pricons_cal {
  position: absolute;
  top: 32px;
  right: 32px;
}
.searchmn.ents {
  margin-bottom: 25px;
}

.artistmn {
  width: 100%;
  float: left;
  padding: 20px 30px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  margin: 0;  
  text-align: center;
  text-transform: capitalize;
}
.iconmn.arts {
  padding: 12px 30px;
}
.iconmn.arts .icontitle {
 color: #ffffff;
float: left;
font-size: 15px;
font-weight: 400;
line-height: normal;
margin: 0 0 0 20px;
overflow: hidden;
text-transform: none;
}

.wrapper.wrpcyan.artps {
  margin-bottom: 20px;
}
.ntersted {
  float: left;
  margin: 10px 0;
  text-align: center;
  width: 100%;
}
.ntersted a {
  background: #f5f6f7;
  color: #5f6c6f;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  margin: 2px;
  padding: 14px 60px 14px 40px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.ntersted a:after {
  background: url("../images/icon_heart.png") no-repeat center top;
  content: "";
  height: 28px;
  position: absolute;
  right: 15px;
  top: 10px;
  width: 28px;
}
.ntersted a:hover {
  opacity: 0.8;
  transition: all 0.1s ease 0s;
}
#shTxt {
  background: none repeat scroll 0 0 #F5F6F8;
  border-style: none;
  color: #5F6C6F;
  float: left;
  font-size: 14px;
  font-weight: 700;
  height: 100px;
  line-height: normal;
  margin: 40px 0 34px;
  overflow: auto;
  padding-left: 23px;
  padding-right: 23px;
  padding-top: 20px;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.ntersted1 {
  float: left;
  margin: 10px 0;
  text-align: center;
  width: 100%;
}
.ntersted1 a {
  background: #f5f6f7;
  color: #5f6c6f;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  margin: 2px;
  padding: 14px 60px 14px 40px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.ntersted1 a:after {
  content: "";
  height: 28px;
  position: absolute;
  right: 15px;
  top: 10px;
  width: 28px;
}
.ntersted1 a:hover {
  opacity: 0.8;
  transition: all 0.1s ease 0s;
}
.latestnws {
  float: left;
  padding: 30px;
  position: relative;
  width: 100%;
}
.latestnws_l {
  float: left;
}
.latestnws_r {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  overflow: hidden;
  padding: 0 30px 0 40px;
}
.latestnws_r a {
  color: #fff;
}
.latestnws_r a:hover {
  opacity: 0.8;
  transition: all 0.1s ease 0s;
}
.latestnws_r p {
  font-weight: 400;
  text-transform: none;
  margin: 3px 0 0;
}
.latestnws_l > img {
  width: 70px;
  border-radius: 50%;
}
.messags {
  width: 100%;
  float: left;
  padding: 20px 30px;
}
.msgprg {
  float: left;
  width: 100%;
  padding-right: 20px;
}
.msgprg p {
  color: #ffffff;
  float: left;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  margin: 10px 0 0;
  text-align: left;
  text-transform: none;
}
.msgdt {
  color: #ffffff;
  float: right;
  margin-right: 30px;
}
.inbxmn {
  width: 100%;
  float: left;
  padding: 20px 0;cursor: pointer;
}
.inbxbtn {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  opacity: 0.5;float: left;
}
.inbxbtn img{width: 9px;margin-top: 2px;margin-right: 8px;float: left;}
/*.inbxbtn:before {
  border-color: rgba(0, 0, 0, 0) #f5f6f7;
  border-style: solid;
  border-width: 23px 23px 23px 0;
  content: "";
  display: block;
  left: -23px;
  position: absolute;
  top: 0;
  width: 0;
  border-radius: 1px;
}*/
.inbxbtn:hover,
.forwrd:hover {
  opacity: 0.8;
  transition: all 0.1s ease 0s;
}
.forwrd {
  float: right;
}
.forwrd img {
  width: 22px;
}
.infomn2 {
  float: left;
  padding: 30px;
  width: 100%;
}
/*.infomn2 input[type="email"] {
  background: #f5f6f8 none repeat scroll 0 0;
  border-style: none;
  color: #5f6c6f;
  float: left;
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 400;
  height: 56px;
  line-height: 1;
  margin: 0 0 14px;
  padding-left: 23px;
  padding-right: 23px;
  text-align: left;
  text-transform: none;
  width: 100%;
}
*/
.infomn2 textarea {
  height: 200px;
  width: 100%;
}
.keypad {
  width: 100%;
  float: left;
  padding: 20px 30px;
  text-align: center;
}
.keypad p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
}
.iconmn.arts img {
  width: 24px;
}

.searchmn.ents{}
.searchmn.ents1 select, .searchmn.ents1 input{font-family: 'Montserrat';width: 100%; line-height: 60px; padding: 0 10px; border: 0; height: 60px;padding-bottom: 10px;color: #aaaaaa;font-size: 16px;}
.searchmn.ents1 input[type="submit"]{color: #fff;font-family: 'Oswald';font-size: 18px;text-transform: uppercase;}
/*foram*/
.profilebg a#edit_profile_picture img {
    width: 30px;
    height: 30px;
    border: 0;
}
/*end foram 02-02-2021*/

/*  content end  */

.exercise-page{}
.exercise-page .date form#exercise_search{color: #FFFFFF}
.exercise-page .date .form-control{width: auto; margin: 0 10px}
.exercise-page .date .btn{width: auto; padding: 0 30px; margin: 0 0 0 20px;}
.exercise-page .wrapper.tester{}
.exercise-page .wrapper.tester .evnt_r{float: left; width: 22%}
.exercise-page .wrapper.tester .video-exercise-url{float: left; margin: 0 20px; width: 48%}
.exercise-page .wrapper.tester .video-exercise-url iframe{margin: 0 auto; width: 320px; display: table; overflow: hidden;}
.exercise-page .wrapper.tester .weekly-checks{float: right; width: 25%;}
.exercise-page .wrapper.tester .weekly-checks div{color: #FFFFFF}

/*  media query start  */
  
@media (max-width: 580px) {
    .coursinr {
      max-width: 100%;
    }
  .coursinr iframe {
      width: 100%;
      height: auto;
    }
  }
@media handheld, only screen and (max-width: 560px) { 
  .midlecont {
    background: none;
    height: auto;
  }
  .dancingmn h1 {
    font-size: 38px;
  }
  .midlebg {
  padding: 20px 15px 73px;
}
.img_dancing {
  padding-top: 20px;
}
.inputmn.inputmn2 {
  margin-top: 22px;
}
.wrapper.wrpwhite.lastout {
  padding-bottom: 80px;
}
.wrapper.wrpgray_f {
  margin-top: 80px;
}
.crscont {
  padding: 15px 25px;
}
.duration {
  left: 26px;
}

.plink.plink2 {
  margin-left: 55px;
 
}
/*.proflink {
  padding: 28px 20px 30px 20px;
}*/
.proflink.pkg {
  padding: 20px;
}


 }
@media handheld, only screen and (max-width: 480px) { 
 .toplogobg {
  padding-bottom: 28px;
}
.logo_salsa {
  height: auto;
  padding-top: 34px;
  width: 146px;
}
.logo_salsa {
  padding-top: 26px;
}

.switchs {
  right: 20px !important;
}

.menutitle_p {
  font-size: 18px;
/*  text-align: left;
  margin-left: 50px;*/
}
.search_icon {
  width: 65px;
  right: 76px;
}
.next_arrow {
  
  width: 65px;
}  

.course_tle {
  font-size: 14px;
}
.courses {
  padding: 0 10px 10px 0;
}
.coursemn {
  padding: 15px 5px 0 15px;
}
.menutitle_p.contacs {
  padding-top: 5px;
}
.menumn{padding: 21px 32px !important;}
.header a{top: 13px !important;}

 }

@media handheld, only screen and (max-width: 479px) {
/*  .profmn {
  padding: 24px 0;
}
.prof_name {
  margin: 36px 0 0 0;
}
.prof_name {
  font-size: 16px;
}*/
.prof_email a {
  margin: 0;
}
.f_ico {
  padding: 12px;
}
.f_ico img {
  height: auto;
  vertical-align: middle;
  width: 20px;
}
.switchs {
  right: 10px !important;
}
.plink {
  font-size: 12px;
}
.crscont p {
  font-size: 14px;  
}

.onoffswitch {
  width: 70px;
}
.onoffswitch-switch {
  right: 34px;
}
.header a {
  left: 20px !important;
}

.header a {
  width: 28px !important;top: 8px !important;
}
.searchmn {
  padding: 0 20px;
}
.coursdt_r {
  margin: 20px 0 0 15px;
  font-size: 14px;
}
.crsdurmn {
  padding: 10px;
}
.crsdur_icomn {
  padding: 10px;
}

.crsdur_tl {
  margin: 3px 0 0 9px;
  font-size: 11px;
}
.crsdur_txts p {
  font-size: 13px;
}
/*.menutitle_p {
  margin-left: 30px;
}*/
.wrapper.wrpcyan.caltr {
  padding: 30px 20px 0;
}
.crsdur_r {
  padding: 15px 10px;
}
.crsdur_txts {
  padding: 0 20px;
}
.proflink.pln2 {
  padding: 30px 20px 10px;
}
.coursesin1 {
  padding: 20px;
}
.coursesin {
  padding: 20px;
}
.calndr {
  right: 20px;
}
.crscont {
  padding: 0 20px;
}
.proflink.pln3 {
  padding: 18px 26px 5px 66px;
  margin-bottom: 10px;
}
.duration {
  left: 20px;
  top: 10px;
}
.plink.plink2 {
  margin-left: 43px;
  margin-top: -6px;
}
.attendsmn {
  margin: 10px 0;
}
.attendsmn a {
  padding: 10px 40px 10px 26px;
  font-size: 14px;
}
a.ico_atnd:after,
a.icon_absnt:after {
  top: 12px;
}
.iconmn.checkbx {
  padding: 15px;
}
.iconmn.checkbx .icontitle {
  font-size: 12px;
  padding-left: 10px;
}

.iconmn.checkbx .icontitle {
  font-size: 16px;
  padding-left: 5px;
  padding-top: 2px;
}
.iconmn.checkbx .icontitle p{font-size: 13px;}
.evntmn {
  padding: 10px 10px 20px;
}
.iconmn.arts {
  padding: 12px 20px;
}

.latestnws {
  padding: 10px 10px 20px;
}
.evnt_r,
.latestnws_r {
  font-size: 11px;padding: 0 0 0 10px;
}
.crscont p {
  margin-bottom: 10px;
}
.msgprg p {
  font-size: 13px;
}
.inbxmn {
  padding: 20px 0;
}
.infomn2 {
  padding: 10px 15px;
}
.keypad {  
  padding: 20px;
}
.infomn2 input[type="email"],
.infomn2 textarea {
  font-size: 16px;
}
.latestnws_r a {
  font-size: 12px;
}

}

.wrapper.read {
/*  background: none repeat scroll 0 0 #064759;
  opacity: 0.8;*/
}
.wrapper.read .plink {
  font-weight: normal;
}
.wrapper.wrpcyan {
  margin-bottom: 1px;
}

#loading {
/*margin: 0 auto;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
    display: none;*/
    position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
  display: none;
}
.round_noti {
  display: none;
  border: 2px solid #FFF;
  border-radius: 100% 100% 100% 100%;
  color: #FFF;
  font-family: Segoe ui;
  font-weight: bold;
  height: 30px;
  line-height: 24px;
  padding: 0;
  text-align: center;
  width: 30px;
  float: left; font-size: 11px;
}
 .round_red {
    display: none;
    border: 2px solid #FFF;
    border-radius: 100% 100% 100% 100%;
    color: #E2041A;
    font-family: Segoe ui;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background-color:#E2041A;
    text-align: center;
    width: 40px;
    float: left;
}
.round_green {
    display: none;
    border: 2px solid #FFF;
    border-radius: 100% 100% 100% 100%;
    color: #008000;
    font-family: Segoe ui;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background-color:#008000;
    text-align: center;
    width: 40px;
    float: left;
}
.noti_main, .AGB_main,.noti_main_notification,.noti_main_news{
  position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; display: inline-block;
}
.noti_main span, .AGB_main span,.noti_main_notification span,.noti_main_news span{height: 30px !important; padding: 0 !important; color: #FFFFFF; background: red}

.noti_main,.noti_main_notification,.noti_main_news {
    display : none;
}

.round_noti1 {
  display: none;
  border: 1px solid #000000;
  border-radius: 100% 100% 100% 100%;
  color: #606060;
  font-family: Segoe ui;
  font-weight: bold;
  /*height: 40px;
  line-height: 40px;*/
  padding: 0;
  text-align: center;
  /*width: 40px;*/
  height: 30px;
  line-height: 28px;
  width: 30px;
  float: left;
}
.noti_main1 {
    float: right;
    position: absolute;
    right: 10px;
    top: 7px;
}
#expandPackages{
  clear: both;
}
#expandPackages > div{
  clear: both;
  overflow: hidden;
}

#css3-animated-example {
  float: left;
  width: 100%; padding: 5%
}
/*#css3-animated-example h3:nth-child(2n+1) {
  background: #1E6C82;
}
 #css3-animated-example h3:nth-child(2n){
  background: #000;
 }*/
 #even {
  background: #1E6C82;
}
 #odd{
  background: #000;
 }
 #css3-animated-example h3 a {
  border-bottom: 0;
 }
  #css3-animated-example h3{background: rgb(197,221,240);background: -moz-linear-gradient(top, rgba(197,221,240,1) 0%, rgba(197,221,240,1) 50%, rgba(155,193,227,1) 50%, rgba(155,193,227,1) 100%);background: -webkit-linear-gradient(top, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);background: linear-gradient(to bottom, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ddf0', endColorstr='#9bc1e3',GradientType=0 ); border-radius: 6px; margin-bottom: 10px;}
  #css3-animated-example h3:hover{background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 );}
  #css3-animated-example h3:hover a{color: #FFFFFF}
  #css3-animated-example .wrapper.wrpcyan{background: transparent}
  #css3-animated-example .wrapper .proflink{padding: 18px 0}
  #css3-animated-example .wrapper .proflink .plink{color: #FFFFFF; font-size: 22px;}
  #css3-animated-example .wrapper .proflink .plink{color: #FFFFFF}
  #css5-animated-example{padding: 5%;}
  #css5-animated-example .wrapper.wrpcyan .proflink .plink{color: #FFFFFF; font-size: 22px;}
  #css5-animated-example .wrapper.wrpcyan .proflink{background: rgb(197,221,240);background: -moz-linear-gradient(top, rgba(197,221,240,1) 0%, rgba(197,221,240,1) 50%, rgba(155,193,227,1) 50%, rgba(155,193,227,1) 100%);background: -webkit-linear-gradient(top, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);background: linear-gradient(to bottom, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ddf0', endColorstr='#9bc1e3',GradientType=0 );}
  #css5-animated-example .wrapper.wrpcyan .proflink:hover{background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 );}
/*place-your-absence*/
  #courseGrp{float: left;width: 100%;}
  #courseGrp h3{float: left;width: 100%;position: relative;}
  #courseGrp h3 .iconwrp{margin-right: 10px;}
  #courseGrp h3 .iconwrp .squaredFour label{background: #fff;border-color: #000;}
  #courseGrp h3:after{content: "";background: url(../images/down-arrow_b.png);background-repeat: no-repeat;background-position: center center;position: absolute;width: 80px;height: 100%;right: 0;top: 0;}
  #courseGrp h3.open{border-bottom-left-radius: 0;border-bottom-right-radius: 0;background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 );}
  #courseGrp h3:hover{background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 );}
  #courseGrp h3:hover a{color: #FFFFFF}
  #courseGrp h3.open:after{content: "";background: url(../images/up-arrow_b.png);background-repeat: no-repeat;background-position: center center;}
  #courseGrp h3.open + div{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
  #courseGrp .wrapper .content .list{color: #ffffff;font-size: 18px;line-height: 1;margin: 15px 0;text-align: left;}
  #courseGrp .wrapper .content .list .iconwrp{margin: -6px 10px 0px 0px;}
  #courseGrp .wrapper .content{padding: 20px 20px 20px 30px;}
  #courseGrp h3 a{text-shadow:none;color: #000000;font-size: 20px;line-height: 30px;text-transform: uppercase;font-family: 'Montserrat';font-weight: 600;line-height: 1;border-bottom:0;padding: 25px 110px 25px 30px;background: transparent; position: relative;
    z-index: 100;}
  #courseGrp h3{padding: 0px;border-radius: 15px;margin: 15px 0 0 0;}
  #courseGrp .title{background: #101010;border-radius: 8px;padding: 15px 10px;text-transform: uppercase;text-align: center;margin: 0;font-weight: 700;color: #fff;}
  #courseGrp .title + img{padding: 25px 0;margin: 0 auto;display: table;max-width: 100%;}

  #f_ico1 img{
  /*  height: 50px;
    width: 50px;*/
    height: 80px;
    width: auto;
  }
  #f_ico2 img{
    /*height: 50px;
    width: 50px;*/
    height: 80px;
    width: auto;
  }

  .memberCard .plink {
    float: none;
  }

  .memberCard .wrapper.wrpgray_f {
      position: relative;
      margin: 0;
      background: none;
  }
    .memberCard .wrapper.wrpgray_f .f_ico {
    border:none;
  }
     .memberCard  #memberCardAppendPoint.wrapper {
    box-sizing: border-box;
/*    margin: 10px 0 15px 0;
    padding: 0 15px;*/
  }

 .memberCard  #memberCardAppendPointChild {
    /*box-shadow: 0 1px 8px #cccccc;*/
    box-sizing: border-box;
    float: left;
    width: 100%;
  }
  
  .downloads #memberCardAppendPointChild span {
      color: #fff;
      display: block;
  }
  
  .memberCard #memberCardAppendPoint #memberCardAppendPointChild .proflink {
    padding: 15px 20px 15px 20px;
  }

  .memberCard #memberCardAppendPoint #memberCardAppendPointChild .proflink .pricons {
    float: right;
    position: absolute;
    right: 20px;
    top: 25px;
  }

  .memberCard .mm-page {
    padding-bottom:40px; 
  }
  
  #show_open_payment_id {
    position: absolute;
    top: 10px;
    right: 12px;
}
.col-md-12 > .plink {
    float: none;
}


.couplecourserequestform {
  border:1px solid #317284; 
  border-bottom:0px; 
  padding: 10px; 
  width:200px;
}

.openbtn{
  background: #f5f6f7;
    color: #5f6c6f !important;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    margin: 2px;
    padding: 14px 60px 14px 40px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
.openbtndiv{
  text-align: center;
}

#loadNotification .responsive{width: calc(100% - 30px); /*overflow: auto;*/ scrollbar-color: #FFFFFF; margin: 0 auto;}
#loadNotification .responsive .stat-box{color: #FFFFFF; margin: 0 0 20px; display: inline-block; font-weight: bold}

.ntersted h2{color: #FFFFFF; margin: 0 0 20px;}
.ntersted #review{width: auto !important; font-size: 20px; margin-bottom: 20px;}
.ntersted #review-text{min-width: 500px; border: none; height: 140px; margin: 0 0 20px; padding: 0 10px; line-height: 40px;}
.ntersted #submit-review{background: #1e6c82;border: none;color: #FFFFFF;text-transform: uppercase;line-height: 50px;padding: 0 40px;font-weight: 600;}
.blog_img img{height: auto !important}
.content_img img{height: auto !important}

.wrapper.teacherbox .wrapin{padding: 20px;}

.profilesetting {padding: 2% 4%}
.profilesetting .proflink{background: rgb(197,221,240);background: -moz-linear-gradient(top, rgba(197,221,240,1) 0%, rgba(197,221,240,1) 50%, rgba(155,193,227,1) 50%, rgba(155,193,227,1) 100%);background: -webkit-linear-gradient(top, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);background: linear-gradient(to bottom, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ddf0', endColorstr='#9bc1e3',GradientType=0 );}
.profilesetting .proflink .switchs{right: 14px}
.profilesetting .proflink .plink{font-size: 22px;}

.applycourseeventdetail{padding: 10px 5%;}
.applycourseeventdetail .proflink.pln2{padding: 20px 30px 20px}
.applycourseeventdetail .proflink.pln3{background: transparent; padding: 20px 30px 20px 80px; background: rgb(244,190,120);background: -moz-linear-gradient(top, rgba(244,190,120,1) 0%, rgba(250,221,177,1) 50%, rgba(244,190,120,1) 50%, rgba(244,190,120,1) 100%); background: -webkit-linear-gradient(top, rgba(244,190,120,1) 0%,rgba(250,221,177,1) 50%,rgba(244,190,120,1) 50%,rgba(244,190,120,1) 100%);background: linear-gradient(to bottom, rgba(244,190,120,1) 0%,rgba(250,221,177,1) 50%,rgba(244,190,120,1) 50%,rgba(244,190,120,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4be78', endColorstr='#f4be78',GradientType=0 );}
.applycourseeventdetail .plink.plink2{margin-left: 70px}
.pln_new_goal {margin-bottom: 20px;}
.applycourseeventdetail .proflink.pln4{background: transparent; padding: 20px 30px 20px 80px; background: rgb(197,221,240);background: -moz-linear-gradient(top, rgba(197,221,240,1) 0%, rgba(197,221,240,1) 50%, rgba(155,193,227,1) 50%, rgba(155,193,227,1) 100%);background: -webkit-linear-gradient(top, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);background: linear-gradient(to bottom, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ddf0', endColorstr='#9bc1e3',GradientType=0 );}

#loadNotification .selctmn{padding: 2% 5%}
#loadNotification .selctmn table{margin: 0 auto  !important;}
.tasks-table{border-collapse: collapse; margin: 10px 0 0px; width: 100%;}
.tasks-table th {border: 1px solid #ffffff; font-weight: normal; padding: 12px 8px; color: #FFFFFF; color: #FFFFFF}
.tasks-table td {border: 1px solid #ffffff; padding: 8px; color: #FFFFFF}

.salary .form-control{border: 1px solid #999999}
.protokoll .form-control{border: 1px solid #999999}

.teacherchecklist .proflink{margin-bottom: 20px;}

.proflink .col-md-12 .plink{color: #FFFFFF; font-size: 20px; line-height: 30px;  }

#courseGrp h3{background: rgb(197,221,240);background: -moz-linear-gradient(top, rgba(197,221,240,1) 0%, rgba(197,221,240,1) 50%, rgba(155,193,227,1) 50%, rgba(155,193,227,1) 100%);background: -webkit-linear-gradient(top, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);background: linear-gradient(to bottom, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ddf0', endColorstr='#9bc1e3',GradientType=0 ); border-radius: 6px; margin-bottom: 20px;}

#faqEventListPageHtml .accordion{background: rgb(197,221,240);background: -moz-linear-gradient(top, rgba(197,221,240,1) 0%, rgba(197,221,240,1) 50%, rgba(155,193,227,1) 50%, rgba(155,193,227,1) 100%);background: -webkit-linear-gradient(top, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);background: linear-gradient(to bottom, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ddf0', endColorstr='#9bc1e3',GradientType=0 ); }
#faqEventListPageHtml .accordion.active{background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 );}
#faqEventListPageHtml .accordion a{color: #FFFFFF}

div.liveGraph div.bars div[bar="tb3"] span{border-radius: 50px 50px 20px 20px; position: relative}
div.liveGraph div.bars div[bar="tb3"] span:before{content: ''; position: absolute; top: 0; left: 0;}
div.liveGraph div.bars div[bar="tb1"] span{border-radius: 50px 50px 20px 20px}
div.liveGraph div.bars div.bar p{color: #FFFFFF}
.liveGraph{margin-bottom: 30px;}

#figure{height: 280px !important;}
#figure ul{width: 100%;}
#figure ul.legend{width: 300px; top: auto; bottom: 0; margin: 0 0 0 22px}
#figure ul.legend li{width: 60px; font-size: 12px;}
.bars{width: auto;}
.bars .bar-group{width: 288px;}
.bars .bar-group .bar{border-radius: 20px 20px 10px 10px; overflow: hidden}
.bars .bar-group .bar:before{content: ''; position: absolute; top: 0; left: 0; height: 30px; width: 100%; border-radius: 0 0 40px 40px; background: rgba(0,0,0,.2); box-shadow: 0px -5px 7px 6px rgba(0,0,0,.2);}
.bars .bar-group .bar span{top: 5px; bottom: auto; font-size: 10px; left: 4px; width: 22px;}
.bars .bar-group .bar.fig0{background-image: linear-gradient(to right, #d97262 , #db7869); }
.bars .bar-group .bar.fig1{background-image: linear-gradient(to right, #63a0cf , #6fa9d4); left: 60px}
.bars .bar-group .bar.fig2{background-image: linear-gradient(to right, #46ae6d , #59b97e); left: 120px}
.bars .bar-group .bar.fig3{background-image: linear-gradient(to right, #daaf61 , #e1bc77); left: 180px}
.bars .bar-group .bar.fig4{background-image: linear-gradient(to right, #bd7ce1 , #c489e5); left: 240px}
.bars .bar-group .bar{width: 38px;}
#figure ul.legend li .graphlables{margin-left: -30px; font-size: 12px;}

.msger .msger-chat button{font-family: 'Oswald';width: auto;font-size: 18px;text-transform: uppercase;color: #fff;border: 0;border-radius: 10px;height: 60px;line-height: 50px;cursor: pointer;margin-top: 10px;background: rgb(212,52,98);background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 ); padding: 0 40px}

/*.profmn, .proflvl{float: none; margin: 0 auto;}
.proflvl{width: 340px; margin: 0 auto; float: none; display: table; padding: 0}*/

.profilebg .wrapin{text-align: center}
.profilebg .profmn{width: auto; float: none; display: inline-block; top: -68px; position: relative;}
.profilebg .proflvl{width: 300px; float: none; display: inline-block}
.bars{position: relative}

/* login */
body{display: inline-block; width: 100%; margin: 0; background: #000000}
.toplogobg{background: #cf2856; padding-bottom: 0; border-bottom: none}
.toplogobg:after{display: none}
.midlecont{background: none}
.dancingmn h1{margin: 0 0 20px;}
.inputmn a, .inputmn.inputmn2 input[type="submit"]{background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 ); cursor: pointer}
.inputmn a:hover, .inputmn.inputmn2 input[type="submit"]:hover{background: rgb(197,221,240);background: -moz-linear-gradient(top, rgba(197,221,240,1) 0%, rgba(197,221,240,1) 50%, rgba(155,193,227,1) 50%, rgba(155,193,227,1) 100%);background: -webkit-linear-gradient(top, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);background: linear-gradient(to bottom, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ddf0', endColorstr='#9bc1e3',GradientType=0 );}

.ui-widget.ui-widget-content{background: transparent; border: none !important}
.ui-widget.ui-widget-content.new_class{background: transparent; border: 2px solid green !important; opacity: 1 !important; z-index: 9999;}


.ui-datepicker .ui-datepicker-header{background: transparent; border: none;}
.ui-datepicker .ui-datepicker-title{color: #FFFFFF}
.ui-datepicker th{color: #6c6c6c; text-transform: uppercase}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border: 1px solid #242424 !important; background: #242424!important; color: #FFFFFF !important; text-align: center;  border-radius: 8px;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, {border: 1px solid #242424 !important; background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100% )!important;background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%)!important;background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 ); color: #FFFFFF !important}

.ui-datepicker-current-day a.ui-state-active{background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100% )!important;background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%)!important;background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 )}

.pay_credit_card button{font-family: 'Oswald';width: 100%;font-size: 18px;text-transform: uppercase;color: #fff;border: 0;border-radius: 10px;height: 60px;line-height: 50px;cursor: pointer;margin-top: 10px;background: rgb(212,52,98);background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 ); margin-left: 0 !important}

.attendsmn a.apply_courses_btn_detail{font-family: 'Oswald';font-size: 18px;text-transform: uppercase;color: #fff;border: 0;border-radius: 10px;height: 50px;line-height: 50px;cursor: pointer;margin-top: 10px;background: rgb(212,52,98);background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 ); margin-left: 0 !important; padding: 0 20px}

.provibutton a.call_provisional{font-family: 'Oswald';font-size: 18px;text-transform: uppercase;color: #fff;border: 0;border-radius: 10px;height: 50px;line-height: 50px;cursor: pointer;margin-top: 10px;background: rgb(212,52,98);background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 ); margin-left: 0 !important; padding: 0 80px 0 20px}
.ntersted a.add_couple_data{font-family: 'Oswald';font-size: 18px;text-transform: uppercase;color: #fff;border: 0;border-radius: 10px;height: 50px;line-height: 50px;cursor: pointer;margin-top: 10px;background: rgb(212,52,98);background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 ); margin-left: 0 !important; padding: 0 80px 0 20px}
.ntersted #submit-review{font-family: 'Oswald';font-size: 18px;text-transform: uppercase;color: #fff;border: 0;border-radius: 10px;height: 50px;line-height: 50px;cursor: pointer;margin-top: 10px;background: rgb(212,52,98);background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 ); margin-left: 0 !important; padding: 0 20px}

.ntersted1 a{font-family: 'Oswald';font-size: 18px;text-transform: uppercase;color: #fff;border: 0;border-radius: 10px;height: 50px;line-height: 50px;cursor: pointer;margin-top: 10px;background: rgb(212,52,98);background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 ); margin-left: 0 !important; padding: 0 20px}

.crscont_student{margin-top: 50px;}
.crscont_student select{border: 1px solid #999999; padding: 0 10px; line-height: 42px; height: 42px; border-radius: 5px; width: 100px; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent url(../images/select-arrow.png) no-repeat right 10px center;}


.proflink .overviewtabbg #courseGrpssss h3.pauseabsentcollapse {font-family: 'Oswald';font-size: 22px;text-transform: uppercase;color: #fff;border: 0;border-radius: 10px;height: 70px;line-height: 64px;cursor: pointer;margin-top: 10px;background: transparent; width: 45%; float: left; text-align: center; margin: 0 2%; border: 2px solid #666666}
.proflink .overviewtabbg #courseGrpssss h3.pauseabsentcollapse.open{background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 ); border: 2px solid #d43462}
.proflink .overviewtabbg #courseGrpssss .evntmn.content table tr td{border: none !important; padding: 5px; font-size: 18px; line-height: 60px}
.proflink .overviewtabbg #courseGrpssss .evntmn.content table {border: none !important}
.proflink .overviewtabbg #courseGrpssss .evntmn.content table tr{border: none !important}

.mypackages .profmn{float: none; margin: 0 auto}
.mypackages #courseGrp{padding: 0 5%} 
.mypackages #css4-animated-example{padding: 0 5%; clear: both}
.mypackages #css4-animated-example h3{background: rgb(197,221,240);background: -moz-linear-gradient(top, rgba(197,221,240,1) 0%, rgba(197,221,240,1) 50%, rgba(155,193,227,1) 50%, rgba(155,193,227,1) 100%);background: -webkit-linear-gradient(top, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);background: linear-gradient(to bottom, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ddf0', endColorstr='#9bc1e3',GradientType=0 ); border-radius: 8px; margin: 5px 0;}
.mypackages #css4-animated-example h3:hover{background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 );}
.mypackages #css4-animated-example h3:hover a{color: #FFFFFF}
#css4-animated-example h3.open + div{background: transparent !important}
#css4-animated-example .content{padding: 0 !important}
#css4-animated-example h3.open + div .proflink .plink{color: #FFFFFF}

.mycourses .profmn{float: none; margin: 0 auto}
.myschool .profmn{float: none; margin: 0 auto}
.profilesetting{padding: 0}
.profilesetting .profmn{float: none; margin: 0 auto}
.profilesetting .profilesetting{padding: 10px 5%}

.salsacc .proflink.pln2{padding: 30px 5%;}
.salsacc .proflink.pln2 .plink{color: #FFFFFF; font-size: 18px; font-weight: normal; line-height: 30px;}
.salsacc .proflink.pln2 .plink a{display: inline-block; margin: 0 0 20px;}
.salsacc #cancel_form{margin: 0 5%}
.salsacc #cancel_form input{border: 1px solid #666666}
.salsacc #cancel_form textarea{border: 1px solid #666666}
.salsacc #cancel_form .btn{padding: 0}

.mypackages #css3-animated-example{padding: 3% 5% 0}
.mypackages #css5-animated-example{padding: 0 5%}
#css5-animated-example .wrapper.wrpcyan .proflink{border-radius: 6px !important}

.pauseabsent .proflink{padding: 38px 12px}

.wrapper.protokoll{padding: 0 1%}

.coursedtl ul li{display: inline-block}
#coursedtl.coursedtl .wrapper{padding: 0 5% 3% 5%}

.ui-draggable .ui-dialog-titlebar{background: #666666 !important; border: none;}
.ui-button .ui-icon:before{content: '';position: absolute; left: 0; top: 0; width: 16px; height: 16px; display: inline-block; z-index: 10; background: url(images/close.png) no-repeat center center}
.ui-dialog .ui-dialog-title{color: #FFFFFF}
.ui-dialog .ui-dialog-content{color: #FFFFFF}

.attendsmn a{font-family: 'Oswald';font-size: 14px;text-transform: uppercase;color: #fff !important;border: 0;border-radius: 10px;height: 50px;line-height: 50px;cursor: pointer;margin-top: 10px;background: rgb(212,52,98);background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 ); margin-left: 0 !important; padding: 0 10px; width: 120px;}

.bars, .graph{height: 212px !important;}
#figure {height: 240px !important;}

.ui-dialog .ui-dialog-content{background: #cf2856 !importants; text-align: center}

.msger .chat-lable ul li{background: rgb(197,221,240);background: -moz-linear-gradient(top, rgba(197,221,240,1) 0%, rgba(197,221,240,1) 50%, rgba(155,193,227,1) 50%, rgba(155,193,227,1) 100%);background: -webkit-linear-gradient(top, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);background: linear-gradient(to bottom, rgba(197,221,240,1) 0%,rgba(197,221,240,1) 50%,rgba(155,193,227,1) 50%,rgba(155,193,227,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ddf0', endColorstr='#9bc1e3',GradientType=0 );}
.msger .chat-lable ul li a{color: #000000 !important}

.podcast_row{margin-bottom: 3%!important}
.podcast_row .podcast_audio iframe{max-width: 640px; min-height: 360px;}

/*.ui-widget.ui-widget-content.ui-draggable{border: 7px solid red !important; background: green}*/
.ui-widget.ui-widget-content.ui-draggable  > .class_error { background: red !important; } 

#faqEventListPageHtml .panel a{color: #CCCCCC}

#youtubepagehtml{padding:5%;}
#youtubepagehtml h3{}
#youtubepagehtml h3 a{padding: 15px 60px 15px 20px; text-align: left}
#youtubepagehtml h3 a a{padding: 0}

#divfeedback1{max-width: 100%}
#divfeedback1 textarea{border: 1px solid #999999; height: 100px;}
#divfeedback2{max-width: 100%}
#divfeedback2 textarea{border: 1px solid #999999; height: 100px;}
.pausesmn a {background: rgb(212,52,98);background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 ); padding: 0 20px; height: 60px; line-height: 60px; color: #FFFFFF;}

.shopdisplay {overflow-y: scroll;}

.profimg{ width: 160px; height: 160px; border-radius: 50%; position: relative}
.profimg img{border-radius: 50%; width: 160px; height: 160px;  position: relative; z-index: 1}
.profimg.red img{border-radius: 50%; border: 10px solid #be1522; position: relative; z-index: 1}

.profimg:before{width: 62px; height: 39px; position: absolute; bottom: -29px; left: 0; right: 0; margin:  auto; content: ''; background: url(../images/advanced-red.png) no-repeat}
.prof_ribbon{margin-top: 40px;}
.prof_ribbon img{width: 200px}
.profilebg .profmn{top: 0}
.profimg.blue{}
.profimg.blue img{border: 10px solid #0f70b7;}
.profimg.blue:before{width: 62px; height: 39px; position: absolute; bottom: -29px; left: 0; right: 0; margin:  auto; content: ''; background: url(../images/intermediate-blue.png) no-repeat}
.profimg.green{}
.profimg.green img{border: 10px solid #0b8d35;}
.profimg.green:before{width: 62px; height: 39px; position: absolute; bottom: -29px; left: 0; right: 0; margin:  auto; content: ''; background: url(../images/beginner-green.png) no-repeat}

#figure ul.legend li:nth-child(1) .graphlables{bottom: -23px; position: relative;}
#figure ul.legend li:nth-child(2) .graphlables{bottom: 18px; position: relative;}
#figure ul.legend li:nth-child(3) .graphlables{bottom: -42px; position: relative;}
#figure ul.legend li:nth-child(4) .graphlables{bottom: 8px; position: relative;} 
#figure ul.legend li:nth-child(5) .graphlables{bottom: -1px; position: relative;}

.event-content .podcast_row{background: transparent; padding: 0;}
.event-content .podcast_row .podcast_details h3{color: #cf2856; margin: 0 0 20px; text-transform: uppercase; font-size: 50px;}
.event-content .podcast_row .podcast_details h4{color: #aeaeae}
.event-content .podcast_row .podcast_details br{display: none}

.modal-footer .btn+.btn{margin-left: 0}

.open-bill{padding: 5%;}
.open-bill .shopdisplay table{border-collapse: collapse; margin: 0 !important; width: 100%;}
.open-bill .shopdisplay table th {background: #005d92; border: 1px solid #ffffff; font-weight: normal; padding: 12px 8px; color: #FFFFFF; font-size: 16px;}
.open-bill .shopdisplay table td {border: 1px solid #ffffff; padding: 8px; color: #FFFFFF}

.profilesetting .proflink .switchs{top: 13px;}

.search-filter{padding: 20px 5%}
.search-filter .searchmn{float: left;  margin: 00; padding: 0 20px 0 0; width: 25%;}
.search-filter .searchmn:last-child{margin-right: 0}
.search-filter .searchmn .btn{margin-top: 23px;}

#courseGrp h3.open + div{padding-left: 0 !important;}
#courseGrp h3.open + div h3 a{color: #cf2856}

.midlecont > h4 {font-size: 25px;color: #fff; margin: 0}

#courseGrp h3.open + div.tabcontentdetails .tabcontentdetails.open h3 a{color: #FFFFFF !important}
#courseGrp h3.open + div.tabcontentdetails .tabcontentdetails .tabcontentdetails.open h3 a a{color: #cf2856 !important; padding: 0 !important}

.event-box .event-date.event-small{padding: 0 !important; float: left; border: none; background: transparent; color: #FFF; font-weight: normal;}
.event-box .event-date.event-small span{display: inline-block; font-size: 18px; float: none; position: relative; top: auto; margin: 0 6px;}
.event-box .event-date.event-small span:first-child{top: -5px;}
.event-box .event-date.event-small .evnt_tx{float: none;margin: 0;display: inline-block;}
.event-box .event-date.event-small .evnt_tx .year{display: inline-block; float: none}
.event-box .event-small-title{margin: 0 10px 0 0}
.event-box .event-date.event-small .evnt_tx span{top: 0}

.event-box .event-small-title{float: right;}

.event-box .event-date.event-small h4{color: #FFFFFF; display: inline-block;}

.ui-widget.ui-widget-content{background: #000000 !important;     color: #fff !important;}

  .abschlussteacherlist .proflink{padding: 18px 0px; margin: 0}
.abschlussteacherlist .proflink .col-md-12{padding:0;}
.abschlussteacherlist .proflink .col-md-12 .plink{margin-right: 0}
.abschlussteacherlist .proflink .col-md-12 .plink input[type="checkbox"]{float: right; margin-right: 10px; position: relative; top: 3px; left:0; width: 14px; height: 14px;}
.vorbereitungteacherlist .proflink{padding: 18px 0px; margin: 0}
.vorbereitungteacherlist .proflink .col-md-12 .plink input[type="checkbox"]{float: right; margin-right: 10px; position: relative; top: 3px; left:0; width: 14px; height: 14px;}
.vorbereitungteacherlist .proflink .col-md-12 .plink{margin-right: 0; position: relative; padding-left: 0px;}

@media only screen and (min-width:1200px) and (max-width:1399px) {

}

@media only screen and (min-width:992px) and (max-width:1199px) {
  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.table.table1, .table.table1 thead, .table.table1 tbody, .table.table1 th, .table.table1 td, .table.table1 tr {display: block;}
.table.table1 thead tr {position: absolute; top: -9999px; left: -9999px;}
.table.table1 td {width: 100%; text-align: center; line-height: 30px; text-align: right !important; }
.table.table1 td:nth-of-type(odd) {text-align: right;}
.table.table1 td {border: none; position: relative; padding-left: 50%; width: 100%; min-height: 40px;}
.table.table1 td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}  
.table.table1 tr th{display: none;}
.table.table1 tr:nth-child(2n+2){background: #2d859d;}
.table.table1 tr td:nth-of-type(1):before {content: "total soll";}
.table.table1 tr td:nth-of-type(2):before {content: "total haben";}
.table.table1 tr td:nth-of-type(3):before {content: "total angemeldet";}
.table.table1 tr td:nth-of-type(4):before {content: "total nicht angemeldet";}
.table.table1 tr td:nth-of-type(5):before {content: "total uberleqen";}
.table.table1 tr td:nth-of-type(6):before {content: "total nicht anwesend";}
.table.table1 tr td:nth-of-type(7):before {content: "Day";}
.table.table1 tr td:nth-of-type(8):before {content: "Standor";}
.table.table1 tr td:nth-of-type(9):before {content: "Tanzstil";}

.table.table2, .table.table2 thead, .table.table2 tbody, .table.table2 th, .table.table2 td, .table.table2 tr {display: block;}
.table.table2 thead tr {position: absolute; top: -9999px; left: -9999px;}
.table.table2 td {width: 100%; text-align: center; line-height: 30px; text-align: right !important; }
.table.table2 td:nth-of-type(odd) {text-align: right;}
.table.table2 td {border: none; position: relative; padding-left: 50%; width: 100%; min-height: 40px;}
.table.table2 td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}  
.table.table2 tr th{display: none;}
.table.table2 tr:nth-child(2n+2){background: #2d859d;}
/*.table.table2 tr td:nth-of-type(1):before {content: "total soll";}*/
.profilesetting .proflink .switchs{top: 15px;}

.event-box .event-small-title{float: right; margin: 0; font-size: 14px;}
.event-box .event-date.event-small{float: right}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
.table.table1, .table.table1 thead, .table.table1 tbody, .table.table1 th, .table.table1 td, .table.table1 tr {display: block;}
.table.table1 thead tr {position: absolute; top: -9999px; left: -9999px;}
.table.table1 td {width: 100%; text-align: center; line-height: 30px; text-align: right !important; }
.table.table1 td:nth-of-type(odd) {text-align: right;}
.table.table1 td {border: none; position: relative; padding-left: 50%; width: 100%; min-height: 40px;}
.table.table1 td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}  
.table.table1 tr th{display: none;}
.table.table1 tr:nth-child(2n+2){background: #2d859d;}
.table.table1 tr td:nth-of-type(1):before {content: "total soll";}
.table.table1 tr td:nth-of-type(2):before {content: "total haben";}
.table.table1 tr td:nth-of-type(3):before {content: "total angemeldet";}
.table.table1 tr td:nth-of-type(4):before {content: "total nicht angemeldet";}
.table.table1 tr td:nth-of-type(5):before {content: "total uberleqen";}
.table.table1 tr td:nth-of-type(6):before {content: "total nicht anwesend";}
.table.table1 tr td:nth-of-type(7):before {content: "Day";}
.table.table1 tr td:nth-of-type(8):before {content: "Standor";}
.table.table1 tr td:nth-of-type(9):before {content: "Tanzstil";}

.table.table2, .table.table2 thead, .table.table2 tbody, .table.table2 th, .table.table2 td, .table.table2 tr {display: block;}
.table.table2 thead tr {position: absolute; top: -9999px; left: -9999px;}
.table.table2 td {width: 100%; text-align: center; line-height: 30px; text-align: right !important; }
.table.table2 td:nth-of-type(odd) {text-align: right;}
.table.table2 td {border: none; position: relative; padding-left: 50%; width: 100%; min-height: 40px;}
.table.table2 td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}  
.table.table2 tr th{display: none;}
.table.table2 tr:nth-child(2n+2){background: #2d859d;}
/*.table.table2 tr td:nth-of-type(1):before {content: "total soll";}*/

.evntmn ,.latestnws{padding: 20px;}
.evnt_r, .latestnws_r{padding: 0 0 0 15px;font-size: 14px;}

/*Profile*/
.profmn{padding: 25px 28px;width: 37%;}
.proflvl{width: 63%;padding: 22px 28px;}
  
#figure ul.legend{width: 300px; margin: 0 0;}
#figure ul{margin: 0 auto; width: 100%}
.x-axis{width: 280px;}
.bars .bar-group{width: 100%; margin: 0 auto;}

.proflink .overviewtabbg #courseGrpssss .evntmn.content table tr td{font-size: 16px; line-height: 36px;}

#figure ul.legend li .graphlables{margin-left: -36px;}

.event-content .podcast_row .podcast_details h3{font-size: 40px;}

.profilesetting .proflink .plink{font-size: 18px !important;}
.profilesetting .proflink .switchs{top: 12px;}

.event-box .event-small-title{float: right; margin: 0; font-size: 14px;}
.event-box .event-date.event-small{float: right}

.abschlussteacherlist .proflink .col-md-12 .plink{font-size: 14px;}
.vorbereitungteacherlist .proflink .col-md-12 .plink{font-size: 14px;}

.exercise-page .wrapper.tester .evnt_r{float: left; width: 100%}
.exercise-page .wrapper.tester .video-exercise-url{margin: 20px 0; width: 100%}
.exercise-page .wrapper.tester .video-exercise-url iframe{width: 100%;}
.exercise-page .wrapper.tester .weekly-checks{float: right; width: 100%;}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
.table.table1, .table.table1 thead, .table.table1 tbody, .table.table1 th, .table.table1 td, .table.table1 tr {display: block;}
.table.table1 thead tr {position: absolute; top: -9999px; left: -9999px;}
.table.table1 td {width: 100%; text-align: center; line-height: 30px; text-align: right !important; }
.table.table1 td:nth-of-type(odd) {text-align: right;}
.table.table1 td {border: none; position: relative; padding-left: 50%; width: 100%; min-height: 40px;}
.table.table1 td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}  
.table.table1 tr th{display: none;}
.table.table1 tr:nth-child(2n+2){background: #2d859d;}
.table.table1 tr td:nth-of-type(1):before {content: "total soll";}
.table.table1 tr td:nth-of-type(2):before {content: "total haben";}
.table.table1 tr td:nth-of-type(3):before {content: "total angemeldet";}
.table.table1 tr td:nth-of-type(4):before {content: "total nicht angemeldet";}
.table.table1 tr td:nth-of-type(5):before {content: "total uberleqen";}
.table.table1 tr td:nth-of-type(6):before {content: "total nicht anwesend";}
.table.table1 tr td:nth-of-type(7):before {content: "Day";}
.table.table1 tr td:nth-of-type(8):before {content: "Standor";}
.table.table1 tr td:nth-of-type(9):before {content: "Tanzstil";}

.table.table2, .table.table2 thead, .table.table2 tbody, .table.table2 th, .table.table2 td, .table.table2 tr {display: block;}
.table.table2 thead tr {position: absolute; top: -9999px; left: -9999px;}
.table.table2 td {width: 100%; text-align: center; line-height: 30px; text-align: right !important; }
.table.table2 td:nth-of-type(odd) {text-align: right;}
.table.table2 td {border: none; position: relative; padding-left: 50%; width: 100%; min-height: 40px;}
.table.table2 td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}  
.table.table2 tr th{display: none;}
.table.table2 tr:nth-child(2n+2){background: #2d859d;}
/*.table.table2 tr td:nth-of-type(1):before {content: "total soll";}*/

.evntmn, .latestnws{padding: 20px;}
.evnt_r, .latestnws_r{padding: 0 0 0 15px;font-size: 14px;}
.infomn2 textarea{height: 130px;}
.inbxbtn {font-size: 14px;}
.inbxbtn img{width: 8px;margin-top: 3px;margin-right: 8px;}
.forwrd img{width: 17px;}

/*place-your-absence*/
#courseGrp h3 .iconwrp .squaredFour label{background: #fff;border-color: #000;}
#courseGrp h3.open + div{border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
#courseGrp .wrapper .content .list{font-size: 15px;}
#courseGrp .wrapper .content .list .iconwrp{margin: -6px 10px 0px 0px;}
#courseGrp .wrapper .content{padding: 15px 15px 15px 20px;}
#courseGrp h3 a{font-size: 15px;line-height: 26px;padding: 18px 80px 18px 20px;}
#courseGrp h3{border-radius: 12px;margin-top: 10px;}
#courseGrp .title{padding: 10px 10px;font-size: 15px;}
#courseGrp h3:after ,#courseGrp h3.open:after{width: 60px;height: 100%;right: 0;top: 0;background-size: 14px;}
/*.attendsmn a{padding: 5px 40px 5px 26px;}*/

/*Profile*/
.profmn{padding: 25px 28px;width: 37%;}
.proflvl{}
.prof_name{font-size: 13px;}
.prof_name a img{width: 8px;}
.profilepromotional .proflink h3{font-size: 22px;margin-bottom: 5px;}
.profilepromotional .proflink p{font-size: 13px;line-height: 17px;margin-top: 0;}
.profilepromotional .pricons {padding-right: 8%;width: 75%;}
.profilebglink .proflink .plink img{width: 45px;border-radius: 8px;margin-right: 8px;}
.proflink{padding: 15px 10px;border-radius: 10px;}
.proflink .plink{font-size: 22px; margin-right: 30px;}
.proflink .link{padding: 3px 8px;border-radius: 10px 0 0 0;}
.proflink .link img{width: 10px;} 

.profilesetting .proflink .plink{font-size: 16px !important;}
.profilesetting .proflink .switchs{top: 8px;}

.searchmn input[type="search"] {background-size: 22px;border-radius: 8px;font-size: 15px;height: 60px;padding-left: 15px;padding-right: 70px;} 
.searchmn.ents1 select, .searchmn.ents1 input{line-height: 50px;height: 50px;font-size: 15px;}
.searchmn.ents1 input[type="submit"]{font-size: 16px;}

#figure ul.legend{width: 300px; margin: 0 0;}
#figure ul{margin: 0 auto; width: 100%}
.x-axis{width: 280px;}
.bars .bar-group{width: 100%; margin: 0 auto;}

.profilebg .profmn{padding: 20px; display: block; top: 0}
.profilebg .proflvl{padding: 0 5px 20px}

.next_arrow{padding-top: 18px;}

.btn{line-height: 20px;}

.proflink .overviewtabbg #courseGrpssss h3.pauseabsentcollapse{height: 50px; line-height: 44px;}

#figure ul.legend li .graphlables{margin-left: -36px;}

.profilebg .profmn{width: 30%; float: left}
.profimg{width: 104px; height: 104px;}
.profimg img{width: 104px; height: 104px;}
.profilebg .proflvl{width: 70%; float: right}
.profilebg .proflvl .chart{right: -30px; position: relative;}
.msger .msger-chat button{font-size: 15px;height: 42px;line-height: 42px;margin-top: 0;margin-bottom: 10px;padding: 0 25px;border-radius: 5px;}

.search-filter .searchmn{width: 5%; margin: 0 0 10px;}
.inputmn select{height: 46px;}
.selecbx:after{height: 46px;}

.event-box .event-small-title{float: right; margin: 0; font-size: 14px;}
.event-box .event-date.event-small{float: right}

.abschlussteacherlist .proflink .col-md-12 .plink{font-size: 14px;}
.vorbereitungteacherlist .proflink .col-md-12 .plink{font-size: 14px;}

.exercise-page .wrapper.tester .evnt_r{float: left; width: 100%}
.exercise-page .wrapper.tester .video-exercise-url{margin: 20px 0; width: 100%}
.exercise-page .wrapper.tester .video-exercise-url iframe{width: 100%;}
.exercise-page .wrapper.tester .weekly-checks{float: right; width: 100%;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.table.table1, .table.table1 thead, .table.table1 tbody, .table.table1 th, .table.table1 td, .table.table1 tr {display: block;}
.table.table1 thead tr {position: absolute; top: -9999px; left: -9999px;}
.table.table1 td {width: 100%; text-align: center; line-height: 30px; text-align: right !important; }
.table.table1 td:nth-of-type(odd) {text-align: right;}
.table.table1 td {border: none; position: relative; padding-left: 50%; width: 100%; min-height: 40px;}
.table.table1 td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}  
.table.table1 tr th{display: none;}
.table.table1 tr:nth-child(2n+2){background: #2d859d;}
.table.table1 tr td:nth-of-type(1):before {content: "total soll";}
.table.table1 tr td:nth-of-type(2):before {content: "total haben";}
.table.table1 tr td:nth-of-type(3):before {content: "total angemeldet";}
.table.table1 tr td:nth-of-type(4):before {content: "total nicht angemeldet";}
.table.table1 tr td:nth-of-type(5):before {content: "total uberleqen";}
.table.table1 tr td:nth-of-type(6):before {content: "total nicht anwesend";}
.table.table1 tr td:nth-of-type(7):before {content: "Day";}
.table.table1 tr td:nth-of-type(8):before {content: "Standor";}
.table.table1 tr td:nth-of-type(9):before {content: "Tanzstil";}

.table.table2, .table.table2 thead, .table.table2 tbody, .table.table2 th, .table.table2 td, .table.table2 tr {display: block;}
.table.table2 thead tr {position: absolute; top: -9999px; left: -9999px;}
.table.table2 td {width: 100%; text-align: center; line-height: 30px; text-align: right !important; }
.table.table2 td:nth-of-type(odd) {text-align: right;}
.table.table2 td {border: none; position: relative; padding-left: 50%; width: 100%; min-height: 40px;}
.table.table2 td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}  
.table.table2 tr th{display: none;}
.table.table2 tr:nth-child(2n+2){background: #2d859d;}
/*.table.table2 tr td:nth-of-type(1):before {content: "total soll";}*/

.menumn{padding: 15px 15px !important;}
.infomn2 textarea{height: 130px;}
.inbxbtn {font-size: 14px;}
.inbxbtn img{width: 8px;margin-top: 3px;margin-right: 8px;}
.forwrd img{width: 17px;}

/*place-your-absence*/
#courseGrp h3 .iconwrp .squaredFour label{background: #fff;border-color: #000;}
#courseGrp h3.open + div{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
#courseGrp .wrapper .content .list{font-size: 13px;}
#courseGrp .wrapper .content .list .iconwrp{margin: -6px 10px 0px 0px;}
#courseGrp .wrapper .content{padding: 15px 15px 15px 20px;}
#courseGrp h3 a{font-size: 13px;line-height: 22px;padding: 15px 50px 15px 15px;}
#courseGrp h3{border-radius: 8px;margin-top: 10px;}
#courseGrp .title{padding: 10px 10px;font-size: 13px;}
#courseGrp h3:after ,#courseGrp h3.open:after{width: 50px;height: 100%;right: 0;top: 0;background-size: 12px;}
/*.attendsmn a{padding: 5px 40px 5px 26px;}*/

  /*Profile*/
.profmn{padding: 25px 10px;width: 37%;}
.profimg{width: 75%;}
.proflvl{}
.prof_name{font-size: 10px;}
.prof_name a img{width: 8px;}
.profilepromotional .proflink h3{font-size: 18px;margin-bottom: 5px;}
.profilepromotional .proflink p{font-size: 11px;line-height: 16px;margin-top: 0;}
.profilepromotional .pricons {padding-right: 12%;width: 115%;}
.profilebglink .proflink .plink img{width: 40px;border-radius: 8px;margin-right: 8px;}
.proflink{padding: 15px 10px;border-radius: 10px;}
.proflink .plink{font-size: 16px; margin-right: 30px}
.proflink .link{padding: 2px 6px;border-radius: 10px 0 0 0;}
.proflink .link img{width: 8px;}

.profilesetting .proflink .plink{font-size: 16px !important;}
.profilesetting .proflink .switchs{top: 8px;}

.searchmn input[type="search"] {background-size: 18px;border-radius: 5px;font-size: 15px;height: 50px;padding-left: 15px;padding-right: 50px;}
.searchmn.ents1 select, .searchmn.ents1 input{line-height: 45px;height: 45px;font-size: 15px;}
.searchmn.ents1 input[type="submit"]{font-size: 16px;}

#figure ul.legend{width: 100%; margin: 0 0;}
#figure ul{margin: 0 auto; width: 100%}
.x-axis{width: 280px;}
.bars .bar-group{width: 100%; margin: 0 auto;}

.profilebg .profmn{padding: 20px; display: block; top: 0}
.profilebg .proflvl{padding: 0 8px 20px}
#figure ul.legend li{width: 56px;}

.next_arrow{padding-top: 13px;width: 45px !important;}
.next_arrow img {max-width: 8px;}

.btn{line-height: 20px;}

.proflink .overviewtabbg #courseGrpssss h3.pauseabsentcollapse{height: 50px; line-height: 44px;font-size: 16px;}

.proflink .overviewtabbg #courseGrpssss .evntmn.content table tr td{font-size: 15px; line-height: 22px;}

#figure ul.legend li:nth-child(1) .graphlables{margin-left: -25px; bottom: -20px; position: relative;}
#figure ul.legend li:nth-child(2) .graphlables{margin-left: -15px; bottom: 22px; position: relative;}
#figure ul.legend li:nth-child(3) .graphlables{margin-left: -1px; bottom: -38px; position: relative;}
#figure ul.legend li:nth-child(4) .graphlables{margin-left: 7px; bottom: 11px; position: relative;} 
#figure ul.legend li:nth-child(5) .graphlables{margin-left: 18px; bottom: 3px; position: relative;}

.msger .msger-chat button{font-size: 15px;height: 42px;line-height: 42px;margin-top: 0;margin-bottom: 10px;padding: 0 25px;border-radius: 5px;}

.bars .bar-group .bar.fig1{left: 46px;}
.bars .bar-group .bar.fig2{left: 94px}
.bars .bar-group .bar.fig3{left: 140px}
.bars .bar-group .bar.fig4{left: 186px}

.profilebg .profmn{width: 30%; float: left; padding: 40px 10px 40px 10px}
.profimg{width: 72px; height: 72px;}
.profimg img{width: 72px; height: 72px;}
.profilebg .proflvl{width: 70%; float: right; overflow-x: hidden}
.profilebg .proflvl .chart{right: -30px; position: relative; margin-top: -10px}
.profimg.blue:before{background-size: 70%; margin: 0 auto 0 13px }
.bars .bar-group .bar{width: 26px;}
.bars .bar-group .bar span{width: 25px; font-size: 8px; word-break: break-all; line-height: 10px; left: 0}
#figure ul.legend li{width: 36px; padding: 6px;}

.event-content .podcast_row .podcast_details h3{font-size: 30px;}

.profimg:before{background-size: 100%; width: 38px; height: 30px; bottom: -19px;}

.search-filter .searchmn{width: 100%; margin: 0 0 10px; padding: 0}
.search-filter .searchmn .btn{margin-top: 0}

.Absentcollapse .evntmn{padding: 10px 0 20px}

.event-box .event-small-title{float: right; margin: 0; font-size: 14px;}
.event-box .event-date.event-small{float: right}

.abschlussteacherlist .proflink .col-md-12 .plink{font-size: 14px;}
.vorbereitungteacherlist .proflink .col-md-12 .plink{font-size: 14px;}
/*foram*/
.profilebg a#edit_profile_picture img {
    width: 20px;
    height: 20px;
    border: 0;
}
.proedt{bottom: 8px;right: 0px;}

.exercise-page .wrapper.tester .evnt_r{float: left; width: 100%}
.exercise-page .wrapper.tester .video-exercise-url{margin: 20px 0; width: 100%}
.exercise-page .wrapper.tester .video-exercise-url iframe{width: 100%;}
.exercise-page .wrapper.tester .weekly-checks{float: right; width: 100%;}
}
/*end foram*/



/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index: 1000;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  display:inline-block;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;

}
.event-box .close {
    padding: 10px;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  /*background-color: #5cb85c;*/
  color: white;
}

.modal-header .close {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.redbox{
  background: red;
}
.white-text{
  margin-top: 32px;
  color: white;
}
.event-box .event-small{
    padding: 12px 8px !important;
    float: right;
}
.barometer {
        color: #fff;
}





/* Alpesh Bhai Changes for Chart layout */
#figure ul.legend li:nth-child(1) .graphlables{margin-left: -10px; bottom: -20px; position: relative;}
#figure ul.legend li:nth-child(2) .graphlables{margin-left: -2px; bottom: 22px; position: relative;}
#figure ul.legend li:nth-child(3) .graphlables{margin-left: 4px; bottom: -38px; position: relative;}
#figure ul.legend li:nth-child(4) .graphlables{margin-left: 10px; bottom: 11px; position: relative;}
#figure ul.legend li:nth-child(5) .graphlables{margin-left: 18px; bottom: 3px; position: relative;}
.msger .msger-chat button{font-size: 15px;height: 42px;line-height: 42px;margin-top: 0;margin-bottom: 10px;padding: 0 25px;border-radius: 5px;}
.bars .bar-group .bar.fig0{left: 16px;}
.bars .bar-group .bar.fig1{left: 58px;}
.bars .bar-group .bar.fig2{left: 102px}
.bars .bar-group .bar.fig3{left: 145px}
.bars .bar-group .bar.fig4{left: 186px}
.profilebg .profmn{width: 30%; float: left; padding: 40px 0px 40px 20px}
.profimg{width: 72px; height: 72px;}
.profimg img{width: 72px; height: 72px;}
.profilebg .proflvl{width: 70%; float: right; overflow-x: hidden}
.profilebg .proflvl .chart{right: -6px; position: relative; margin-top: -10px}
.profimg.blue:before{background-size: 70%; margin: 0 auto 0 13px }
.bars .bar-group .bar{width: 20px;}
.bars .bar-group .bar span{width: 25px; font-size: 8px; word-break: break-all; line-height: 10px; left: 0}
#figure ul.legend li{width: 36px; padding: 6px;}
.event-content .podcast_row .podcast_details h3{font-size: 30px;}

.profilebg .profmn{padding: 40px 10px;}

.calimg-center img{margin: 0 auto;display: table; margin-top: -30px;}

}
.midlecont > h4 {
font-size: 25px;
color: #fff;
}


.menumn.checkedinmenu{
      background-color: red !important;
}
.menumn.greencheckedinmenu{
      background-color: green !important;
}


.menumn .headright.scanqrcode a{width: 32px; background: url(../images/scan.png) no-repeat  center center; display: inline-block; /*text-indent: 1000px;*/ height: 32px; position: relative; top: 10px;}
/*.menumn .headright.scanqrcode a:before{border: 1px solid #FFFFFF; content: ''; position: absolute; left: 0; top: 0}*/


.with_next_arrow{
 margin:  0px 15px 0 0;
}

#beHappy_form{
  padding: 20px;
}

.happy-text{
  color: #fff !important;
}

#beHappy_form > .form-group > .form-control {
    background: #131212 !important;
}


#searchstudentbtn {
    font-family: 'Oswald';
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 10px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    margin-top: 10px;
    background: rgb(212,52,98);
    background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);
    background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);
    background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 );
    margin-left: 0 !important;
    padding: 0 20px;
}

.searchstudentbtn, .submitForm_couple {
    font-family: 'Oswald';
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 10px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    margin-top: 10px;
    background: rgb(212,52,98);
    background: -moz-linear-gradient(top, rgba(212,52,98,1) 0%, rgba(212,52,98,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 50%, rgba(174,11,38,1) 100%);
    background: -webkit-linear-gradient(top, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);
    background: linear-gradient(to bottom, rgba(212,52,98,1) 0%,rgba(212,52,98,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 50%,rgba(174,11,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43462', endColorstr='#ae0b26',GradientType=0 );
    margin-left: 0 !important;
    padding: 0 20px;
}

.aboofpause{
  margin-right: 20px;
}




a.icon_btn_onet_course{
	width:160px;	
}

.attendsmn.custom-profile-header {
    width: auto;
    float: none;
    text-align: left;
    margin: 0;
}

.attendsmn.custom-profile-header a {
    height: 30px;
    line-height: 30px;
}
.scanner-box {
  display: none;
}
#close-qrscanner {
  height: 50px;
  background: #000;
  color: #fff;
  text-align: center;
  padding-top: 10px
}
#close-qrscanner a {
  color: #fff;
}