.regular-checkbox {
  position: relative;
  top: -2px;
}
.permissions .regular-checkbox {
  position: relative;
  top: -3px;
  margin-left: 10px;
}
.padding-left17 {
  padding-left: 17px;
}
.error {
  color: #ff0000;
}
.text-center {
  text-align: center;
}
.wrapper {
  height: 350px;
}
.panel h1 {
  font-size: 18px;
}
.img-float {
  float: left;
  padding: 0px 20px 20px 0px;
}
.font18 {
  font-size: 18px;
}
.align-link {
  padding-left: 17px;
  font-weight: bold;
}
.left {
  float: left;
}
#edit-user-field {
  font-weight: bold;
  width: 100px;
  float: left;
}
.notification {
  width: 175px;
  float: left;
}
.add-field {
  margin-top: -18px;
}
.red {
  color: #cc0000;
}
.gray {
  color: #999;
}
.hr-center {
  position: relative;
  top: -7px;
}
.disp-none {
  display: none;
}
.occurrence {
  display: inline;
  padding: 8px;
  background: #e5e5e5;
  border: 1px solid #cccccc;
}
#sub_status {
  background: #fff;
  border: 1px solid #ccc;
}
#occurences {
  width: 20px;
}
.add-settings {
  padding-top: 10px;
  line-height: 14px;
}
.add-settings .checkBox {
  float: left;
  margin: 0px 4px 0px 0px;
}
.get-user-field {
  font-size: 9px;
}
.hrly-rate-zero {
  padding: 2px 4px;
  background: #FDE0E4;
  color: #B2061D;
  border-radius:99px;
}
.hrly-rate {
  padding: 2px 4px;
  background: #F0F7FE;
  color: #224C7C;
  border-radius:99px;
}
.subprofile-box {
  background: #cfd5e1;
  color: #0e2e67;
  padding: 4px;
}
.clear-both {
  clear: both;
}
.instructor-h1 {
  line-height: 24px;
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.instructor-h1-small {
  color: #999;
  font-size: 12px;
  line-height: 1.2em;
  margin-bottom: 20px;
  margin-top: 0px;
  padding-top: 0px;
}
.div-api {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 280px;
  margin: 0px;
  overflow: hidden;
}
.biography {
  margin: 0px;
  height: 125px;
  width: 450px;
}
.permissions {
  background: #fff;
  padding: 8px 0px 8px 0px;
  width: 658px;
  border: 1px solid #ccc;
  position: relative;
  top: 2px;
}
.upload-pic {
  position: relative;
  left: -20px;
}
.category-rates-link {
  width: 145px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.disp-inline {
  display: inline;
}
#form-offer .form-horizontal {
  width: 45%;
}
#form-offer .control-label {
  width: 45%;
}
.font-normal {
  font-weight: normal;
}
.font-bold {
  font-weight: bold;
}
.font11 {
  font-size: 11px;
}
.font12 {
  font-size: 12px;
}
.text-decor-non {
  text-decoration: none;
}
.img-circle-large {
  width: 140px;
  height: 140px;
}
.img-circle-small {
  width: 110px;
  height: 110px;
}
#chooseWeek {
  display: inline;
}
.video-link {
  color: #999;
  font-size: 12px;
  float: right;
}
#help-options h1,
#help-options h2 {
  width: 740px;
}
#help-options h2,
#help-options p {
  padding: 0px;
  margin: 0px;
}
#help-options hr {
  margin: 20px 0px;
}
.gbox-width {
  width: 800;
}
.font9 {
  font-size: 9px;
}
.background-white {
  background-color: #fff;
}
.margin-bottom10 {
  margin-bottom: 10px;
}
.sub-manage-permission {
  font-size: 15px;
}
.warningFontAwesomeIconColor {
  color: orange;
}
.autoSubApprovalCloseButton {
  position: absolute;
  top: 0;
  right: 0;
  height: 3rem;
  width: 3rem;
  text-align: center;
  line-height: 2.25;
  padding: 0;
  border: none;
  background: none;
  color: #9e9e9e;
}
.modal-header-autosubapproval {
  border-bottom-width: 1px;
  font-weight: 500;
  padding: 0.67rem 1rem;
  margin-right: -1rem;
  font-size: 20px;
}
.autoSubApprovalUpdateBody {
  font-size: 14px;
  padding-bottom: 40px;
}

#autoSubApprovalUpdate {
  overflow-x: hidden;
}

.reservationban {
  width: 125px;
}

.heading_schedule {
  font-size: 14px;
  font-weight: bolder;
}

.switch {
  position: relative;
  display: inline-block;
  width: 53px;
  height: 29px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 23px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196f3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.schedule_header_layout {
  width: 100%;
  display: inline-block;
}

.heading_schedule {
  width: 15%;
  float: left;
  padding-top: 6px;
}

.schedule_old_layout {
  width: 100%;
  float: left;
  padding-top: 6px;
  font-size: 14px;
  font-weight: bolder;
  padding-bottom: 14px;
}

.grid {
  display: grid;
  grid-template-columns: 20px 20px 20px;
  grid-template-rows: 20px 20px 20px;
  grid-gap: 9px;
  float: left;
  width: 30%;
  cursor: pointer;
}

.color-list-box {
  width : 20%;
  float:left;
}

.color-list-box .change-header {
  height: 25px;
  width: 25px;
  margin-left:10px;
  display: -ms-inline-grid;
  display:inline-table;
  cursor:pointer;
  border-radius:6px;
}

.grid > * {
  border: transparent;
  border-radius: 5px;
}

.grid-large {
  display: grid;
  grid-template-columns: 77px;
  grid-template-rows: 73px;
  float: left;
  width: 20%;
}

.grid-large > * {
  border: transparent;
  border-radius: 14px;
}

.grid_layout_color {
  width: 100%;
  display: inline-block;
  margin-bottom: 22px;
}

#tick-mark {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
}

#tick-mark::before {
  position: absolute;
  left: -1px;
  top: 36%;
  height: 39%;
  width: 3px;
  background-color: #f0f1f1;
  content: "";
  transform: translateX(10px) rotate(-45deg);
  transform-origin: left bottom;
}

#tick-mark::after {
  position: absolute;
  left: 1px;
  bottom: 6px;
  height: 3px;
  width: 60%;
  background-color: #f0f1f1;
  content: "";
  transform: translateX(10px) rotate(-45deg);
  transform-origin: left bottom;
}

#render_html {
    /* width: 40%; */
    float: left;
    /* color: #989393; */
    width: 46%;
    height: 217px;
    padding: 0;
    overflow: hidden;
}

.iframe_includes {
  /* height: 241px; */
    border: transparent;
    width: 1140px;
    height: 815px;
    border: 0;
    -ms-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -o-transform: scale(0.25);
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
}

#collapseEX1 {
  padding-left: 5px;
}

/*---- Toggle Switches ------*/
.checkbox-switch {
  border-radius: 20px;
  display: inline-block;
  font-size: 16px;
  width: 40px;
  height: 22px;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  top: 11px;
  left: 0px;
}

.checkbox-switch > input {
  display: none;
}

.checkbox-switch > input ~ .checkbox-switch-inner {
  margin-left: -2.5em;
  -webkit-transition: margin-left 0.2s ease;
  -moz-transition: margin-left 0.2s ease;
  -o-transition: margin-left 0.2s ease;
  transition: margin-left 0.2s ease;
}

.checkbox-switch > input:checked ~ .checkbox-switch-inner {
  margin-left: -1.5em;
}

.checkbox-switch > .checkbox-switch-inner {
  display: block;
  width: 8em;
  height: 2em;
  color: #fff;
  overflow: hidden;
}

.checkbox-switch-inner > * {
  display: block;
  float: left;
  height: 2em;
  line-height: 2em;
}

.checkbox-switch-inner > .checkbox-switch-on,
.checkbox-switch-inner > .old-checkbox-switch-on,
.checkbox-switch-inner > .oldSchedule-checkbox-switch-on {
  background: #0875eb;
  width: 37px;
  padding-left: 1em;
}

.checkbox-switch-inner > .checkbox-switch-off,
.checkbox-switch-inner > .old-checkbox-switch-off,
.checkbox-switch-inner > .oldSchedule-checkbox-switch-off {
  background: #b3b3b3;
  width: 3em;
  text-align: right;
}

#ecosystem-collapse .checkbox-switch-inner > .checkbox-switch-on{
  background: #23527c;
}

#reference-collapse .checkbox-switch-inner > .checkbox-switch-on {
  background: #ce691b;
}

.checkbox-switch-inner > .checkbox-switch-handle,
.checkbox-switch-inner > .old-checkbox-switch-handle,
.checkbox-switch-inner > .oldSchedule-checkbox-switch-handle {
  background: #eee;
  width: 1em;
  height: 18px;
  margin-left: -60px;
  border: 0.1em solid #999;
  border-radius: 20px;
}

#dataBox {
  position: absolute;
  background-color: white;
  max-width: 350px;
  margin-left: 10px;
  padding: 5px;
  z-index: 9999;
}

.panel-header {
  cursor: pointer;
}
h4.panel-title.schedulepanel-title {
  color: black;
  text-decoration: none;
}

a.disable-schedule:hover {
  text-decoration: none;
}

a.disable-schedule1:hover {
  text-decoration: none;
}

input.new-schedule-button {
  left: 0px;
}
form#edit_default_color {
    width: 113px;
    padding-top: 52px;
}

.top-a.top_parent {
  font-size: 15px;
}

form#registerForm {
  font-size: 1rem!important;
}

h4 {
  font-size: 1.3rem;
  font-weight: 600;
}

input.header-fixed-button {
  left: 0px;
}

input.custom_url-button {
  left: 0px;
  position: inherit;
}

.dynamic-section {
  width: 80%;
}

.btn-group>.btn:first-child{
  float: left;
}

.btn-group>.btn:first-child{
  float: left;
}

.dynamic-section .multi_loc {
  width: 45%;
  float: left;
}

.dynamic-section .multi_cat {
  width: 45%;
  float: left;
}

form#custom_url-form {
  padding-top: 35px;
}

ul.multiselect-container.dropdown-menu {
  width: auto;
}

.copy-text {
  position: relative;
  display: -webkit-inline-box;
  margin-bottom: 4px!important;
  font-size: 13px!important;
}

#new_embed .copy-text {
  float: right;
  margin-right: 47px;
}

.copy-text input.text {
  color:#555;
  border:none;
  outline:none;
  padding-right:10px;
  padding-left:10px;
  margin-bottom: 4px;
  margin-left: 7px;
  width: 340px;
}
.copy-text button {
  padding: 5px 6px;
  background: #fff;
  color: #100f0f;
  font-size: 15px!important;
  border: none;
  border-radius: 8px!important;
  cursor: pointer;
  margin-bottom: 4px;
}
.copy-text button:active {
  background: #fff;
}
.copy-text button:before {
  content:"Copied!";
  position:absolute;
  top:-45px;
  right:-18px;
  background: #fff;
  padding:6px 10px;
  border-radius:20px;
  font-size:15px;
  display:none;
}
.copy-text button:after {
  content:"";
  position:absolute;
  top:-20px;
  right:10px;
  width:10px;
  height:10px;
  background: #fff;
  transform:rotate(45deg);
  display:none;
}
.copy-text.active button:before,
.copy-text.active button:after {
  display:block;
}

.multi_loc  .btn:hover,
.multi_cat  .btn:hover{
  background-position: 0 !important;
}

input#custom_url_submit:hover {
  background-position: 0 !important;
}

span.multiselect-selected-text{
  float: left;
}

.multi_loc .btn .caret,
.multi_cat .btn .caret {
  margin-top: 7px;
  margin-left: 51px;
}

.schedule-copy-text {
  float: right;
  margin-top: -19px;
  margin-right: 44px;
}

.multi_loc .multiselect-clear-filter, .multi_cat .multiselect-clear-filter, .instuctor-box .multiselect-clear-filter {
  display: none;  
}

div#url-generate {
  width: 126%;
}

.custom-error {
  color: #ff0000;
  margin-bottom: 10px;
}

.custom-schedule-category {
  height: auto;
  overflow: visible;
}

button.multiselect.dropdown-toggle.btn.btn-default {
  width: 71%;
}

.location-class {
  width: 195px;
}

.studio-class, .add-studio-field {
  width: 195px;
}

button#deletestudio {
  margin-bottom: 13px;
}

button#addstudio {
  margin-bottom: 9px;
}

button#editstudio {
  margin-top: 7px;
}

.studioInactive {
  color:#b3adad;
}

.with-studio > .checkbox-switch-on,
.with-studio > .old-checkbox-switch-on {
  background: #269F17;
  width: 37px;
  padding-left: 1em;
}
span.label_studio {
  color: #020202;
  margin-right: 3px;
  margin-left: 3px;
  font-size: 10px;
}

input#studioname {
  margin-top: 7px;
}

.error-section {
  position: relative;
  z-index: 1001;
  margin-bottom: 10px;
  color: #a93f3f;
  background: #ffcccc;
  padding: 2px 0px 2px 4px;
}

.instuctor-box .multiselect {
  width: 44% !important;
}

.instuctor-box .multiselect .caret {
  float:right;
}

.instuctor-box .multiselect-container label.radio input[type=radio]{
  visibility: hidden;
}

.instuctor-box .dropdown-toggle {
  background-color: #FFFFFF !important;
  box-shadow:none;
  background-position: 0px -27px
}

.inlinerow ul.more_click{
    position: absolute;
    right: 0.2rem;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.12s ease;
    z-index: 100;
    margin-top: -10px;
    font-size:11px;
}

.inlinerow .pull-right .fa-ellipsis-v{
  cursor: pointer;
  padding:0px 3px;
}

.pull-right.active ul {
  transform: scaleX(1);
}
.inlinerow .pull-right{
  position: relative;
}
.more_click li{ 
	list-style:none; 
	width:130px; 
	background-color:white;
	border-left:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	}
.more_click li:first-child{
	border-top:1px solid #D6D6D6;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	}
.more_click li:last-child{
	border-bottom:1px solid #D6D6D6;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	}
.more_click li:hover{
	background-color:rgb(233,244,249);
}
.more_click li.deactivate_class:hover{
	background-color:#FDF1F1;
}
.more_click li.reactivate_class:hover{
	background-color:#F1FCF8;
}
.more_click li a{
  text-decoration:none;
  color:black;
}
.deactivate_class a{
  color:#dc0c0c !important;
}
.reactivate_class a{
  color:green !important;
}
#class_list{
  width:100%;
  margin-top:10px;
  margin-bottom: 10px;
}
#class_list thead{
  font-weight: 700;
  border-bottom: 2px solid black;
}
#class_list thead tr{
  text-align: left;
}
#class_list tr{
  border-bottom: 1px solid gray;
}
#class_list td{
  padding:6px 8px;
}
#class_list label.alert-info{
  width: 30px;
  padding: 0px;
  text-align: center;
}
#class_list  input[type="text"]{
  width:115px;
}
.stats_btn{
    border: 1px solid #d3cece;
    padding: 4px;
    border-radius: 3px;
    background-color: #FDFFFC;
    color:gray;
    text-decoration: none !important;
}
.inlinerow{
  padding-top:5px;
}
.inlinerow .fa-circle{
  font-size:8px;
  vertical-align:middle;
}
.inlinerow span.status_text{
  font-size: 12px;

}
.user_card{
  padding:12px !important;
}
#class_list .action_row{
  border-top:1px solid gray;
  border-bottom: none;
  position: fixed;
  bottom: 10px;
}
.action_btns{
  text-align: right;
}
.cancel_btn {
  padding: 12px 20px;
  border-radius: 3px;
  color:gray;
  /*margin-right: 10px;*/
  text-decoration: none !important;
}
.cancel_btn_revoke{
  padding: 12px 20px;
  border-radius: 3px;
  color:#D3222B;
  /*margin-right: 10px;*/
  text-decoration: none !important;
}
.cancel_btn_revoke:hover{
  color:#D3222B;
}
.cancel_btn:hover{
  color:gray;
}
.success_btn {
  border: 1px solid gray;
  padding: 12px 20px;
  border-radius: 3px;
  color:#fff;
  background-color: #0074cc;
  text-decoration: none !important;
}
.success_btn:hover{
  color:#fff;
}
#class_list .action_row td{
  padding-top: 20px;
}
.calendar_unique.error,#date_global.error{
  border:1px solid red;
}
#error_alert{
  border-left:3px solid red;
  margin-left:0px;
  background-color: #eacdcd57;
  display: none;
}
.icon_cal{
    margin-left: -20px;
    position: relative;
    top: -3px;
    font-size: 15px;
}
#alert_message {
  position: fixed;
  top: 0;
  right: 0;
  width: 25%;
  border-left:2px solid;
  z-index: 100;
}
#alert_message .close{
  position: absolute;
  top:0;
  right: 15px;
}
#alert_message .alert-head{
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}
#alert_message .alert-body{
  font-size: 14px;
}
#inner-message {
  margin: 0 auto;
}
.modal-header h3.modal-title{
  font-size: 1.25rem;
}
.modal-body{
  padding-bottom: 50px;
  font-size: 15px;
}
.revert_undo{
  transform:scaleX(-1);
}
/*.modal .btn-danger{
  padding: 10px 33px;
}
.modal .btn-success{
  padding: 10px 42px;
}*/
.fa-phone {
  color:gray;
}
.action_row{
  position: absolute;
  bottom: 20px;
  width: -webkit-fill-available;
}
.action_group_bootom{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-right: 30px;
}

.gxp-logo {
  max-width: 200px;
}
.gxp-logo-mobile {
  width: 180px;
}

.navbar-brand .gxp-logo {
  margin-top: 10px;
}