.latc-plugin-html {
  width:100%;
  margin: 0px;
}
.latc-plugin-html label {
  font-weight: 500;
}
.latc-plugin-html a:link { 
  text-decoration: none; 
} 
.latc-plugin-html a:visited { 
  text-decoration: none; 
} 
.latc-plugin-html a:hover { 
  text-decoration: none; 
} 
.latc-plugin-html a:active { 
  text-decoration: none; 
}
.latc-plugin-html .date-container {
  background-color: #2D2C78;
  color: #FFFFFF;
  padding:10px 32px;
}
.latc-plugin-html .info-holder {
  float:left;
}
.latc-plugin-html .btn-holder {
  float: right;
  padding-top: 40px;
}
.latc-plugin-html .clearfix {
  clear:both;
}
.latc-plugin-html .schedule-wrapper {
  padding:8px 32px 16px;
  border-bottom: 1px solid #dddedf;
  font-weight: 500;
}
.latc-plugin-html .schedule-wrapper:hover {
  background-color: rgb(226,226,226);
}
.latc-plugin-html .time-style {
  color: #2d2d2d;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
  word-spacing: 1px;
}
.latc-plugin-html .class-name-style {
  color: #2D2C78;
}
.latc-plugin-html .staff-style, .location-style, .wait-only-style {
  color: #696c74;
  font-weight: 100;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 2px;
}
.latc-plugin-html .class-description-details {
  padding-top: 5px;
}
.latc-plugin-html .details-btn {
  color: #344c84;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  cursor: pointer;
  outline: none;
}
.latc-plugin-html .details-down-arrow::before {
  content: url('data:image/svg+xml,<svg width="1em" height="0.8em" fill="rgb(52, 76, 132)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');
  vertical-align: -0.1em;
  padding-right: 0.3em;
}
.latc-plugin-html .details-left-arrow::before {
  content: url('data:image/svg+xml,<svg width="1em" height="0.8em" fill="rgb(52, 76, 132)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
  vertical-align: -0.1em;
  padding-right: 0.2em;
}
.latc-plugin-html .class-details {
  display: none;
  padding: 10px 0px;
  font-style: normal;
  color: #2d2d2d;
  font-weight: 300;
  font-size: 14px;
}
.latc-plugin-html .class-details strong {
  font-weight: 300;
}
.latc-plugin-html .btn-style{
  background-color: #FDE500;
  border-radius: 15px;
  padding: 8px 10px 8px 10px;
  color: #2d2d2d;
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
}
.latc-plugin-html .btn-style-blue {
  background-color: hsl(241,46%,36%);
  border-radius: 20px;
  padding: 2px 15px 2px 15px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
}
.latc-plugin-html .cale {
  padding-top: 15px;;
  background-color: #ffffff;
}
.latc-plugin-html .schedule-list-container {
  background-color: #ffffff;
}
.ui-dialog {
  width: 760px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  overflow-y: auto !important;
  z-index: 2147483647 !important;
}
.ui-widget-header {
    border: none !important;
}
.ui-dialog .ui-dialog-titlebar {
  background-color: #f8f9fa;
  padding-top: 20px !important;
}
.ui-dialog-title {
  display: none;
}
.frame-container {
  height: 100%;
}
.frame-container iframe {
  width:760px;
  z-index:100;
}
.latc-plugin-html .latc-preloader {
  text-align: center;
  display: none;
  padding: 10px;
}
.latc-plugin-html .content-body {
  background-color: #ffffff;
}
.latc-plugin-html .widget-header {
  font-size: 16px;
  line-height: 28px;
  padding: 16px 32px;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.03);
  color: #2d2d2d;
  display: flex;
  justify-content: space-between;
  text-align: left;
}
.latc-plugin-html .not-found { 
  text-align: center;
  padding: 20px;
  color: #2d2d2d;
  font-size: medium;
  font-weight: normal;
}
/** Calendar **/
.evk_calendar { height: 200px; line-height: 0.5em; font-size: 12px; text-align: center;}
.evk_calendar thead tr:last-child { font-size: small; color: #23232a;}
.evk_calendar thead tr:nth-child(1) td:nth-child(2) { color: #23232a; padding-bottom: 18px;}
.evk_calendar thead tr:nth-child(1) td:nth-child(1):hover, #calendar2 thead tr:nth-child(1) td:nth-child(3):hover { cursor: pointer;}
.evk_calendar tbody td.cDay2:hover { color: #fff!important; cursor: pointer;}
.evk_calendar tbody td { color: #23232a; padding: 10px;}
.evk_calendar tbody td:nth-child(n+6), #calendar2 .holiday { color: #23232a;}
.evk_calendar tbody td.сToday { border: 1px dashed; border-radius: 25px;}
.evk_calendar tbody td.сEmpty { border: transparent;}
.evk_calendar tbody td.selected { background: hsla(54,98%,49%,1) !important; color: black;; border-radius: 25px; border: solid black 2px; }
.evk_calendar tbody td.cNone { color: #ccc;}
.evk_calendar td.m_Next, .evk_calendar td.y_Next { display: inline-block; width: 0; height: 0; border-left: 10px solid #b5b5b5; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.evk_calendar td.m_Prev, .evk_calendar td.y_Prev { display: inline-block; width: 0; height: 0; border-right: 10px solid #b5b5b5; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.evk_calendar td.m_Prev:hover, .evk_calendar td.y_Prev:hover { border-right: 10px solid hsla(54,98%,49%,1); }
.evk_calendar td.m_Next:hover, .evk_calendar td.y_Next:hover{ border-left: 10px solid hsla(54,98%,49%,1); }



@media only screen and (max-width: 760px) {
  .ui-dialog {
	  position: fixed !important;
    height: 100% !important;
    width:100% !important;
    top:0 !important;
    left:0 !important;
  	transform: translate(0px, 0px) !important;
  }
  .frame-container iframe {
    width:100% !important;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    width:100% !important;
    float: none !important;
    text-align: center !important;
    display:inline-block !important;
  }
  .confirm-dialog .frame-container {
    height:auto !important;
  }
}

@media only screen and (max-width: 500px) {
  .latc-plugin-html .time-style, 
  .latc-plugin-html .class-name-style, 
  .latc-plugin-html .staff-style, 
  .latc-plugin-html .wait-only-style, 
  .latc-plugin-html .class-description-details, 
  .latc-plugin-html .not-found, 
  .latc-plugin-html .location-style, 
  .latc-plugin-html .btn-holder {
    font-size: small;
  }
  .latc-plugin-html .schedule-wrapper {
    padding:8px 16px;
  }
  .latc-plugin-html .info-holder {
    width: 60%;
  }
}