/********************************************/


/******** CUSTOM UTILITIES - STARTS ********/


/********************************************/
a{
	cursor: pointer !important;
}
.c-pos-rel {
  position: relative !important;
}

.c-pos-abs {
  position: absolute !important;
}

.c-my-auto {
  margin: auto 0;
}

.c-w-p90 {
  width: 90% !important;
}

.c-w-p70 {
  width: 70% !important;
}

.c-h-70vh {
  height: 70vh !important;
}

.c-bottom-border {
  border-bottom: 1px solid #e0e0e0 !important;
}

.c-top-border {
  border-top: 1px solid #e0e0e0 !important;
}

.c-set-height {
  height: initial !important;
}

.c-cursor-pointer {
  cursor: pointer !important;
}

.c-text-decoration-none, .c-text-decoration-none:hover {
  text-decoration: none !important;
}

.c-ribbon {
  padding: 5px 20px;
  background-color: #616161;
  width: auto;
  color: white;
}

.c-black {
  color: inherit;
  text-decoration: none !important;
}

.c-black:hover {
  color: inherit;
  text-decoration: underline !important;
}

.c-bg-transparent {
  background-color: transparent;
}

.c-flex {
  display: flex !important;
}

.c-display-none {
  display: none;
}

.c-box-shadow {
  -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.1) !important;
  -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1) !important;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.1) !important;
}

.c-overflowx-hidden {
  overflow-x: hidden !important;
}

.c-overflowy-hidden {
  overflow-y: hidden !important;
}

.c-flex-center{
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-z-index-1 {
  z-index: 1 !important;
}

.word-break-all {
	word-break: break-all !important;
}

/********************************************/


/********* CUSTOM UTILITIES - ENDS *********/


/********************************************/


/********************************************/


/*********** OVERRIDING - STARTS ***********/


/********************************************/


/*button select*/

.btn-select {
  /*border: none !important;*/
  border: 1px solid gainsboro !important;
  border-radius: 0 !important;
}


/*progress-bar-success*/

.progress-bar-success {
  background-color: #f44336;
}


/*progress-bar-danger*/

.progress-bar-danger {
  background-color: #4caf50;
}

.contextual-progress .progress {
  height: 5px;
}

.contextual-progress .progress span {
  color: rgba(0, 0, 0, 0);
}

.card-img-top {
  height: 260px !important;
  width: 100% !important;
  overflow: hidden !important;
  display: flex;
  justify-content: center;
}

.integrations .card-img-top {
	height: auto !important;
}
.card-img-top img {
  width: auto;
  height: 100% !important;
  max-width: none;
}

.ui-timepicker-wrapper {
  z-index: 999999;
}

.select2-container--default .select2-selection{
  border-radius: 0;
  border: 1px solid #e0e0e0;
}


/********************************************/


/************ OVERRIDING - ENDS ************/


/********************************************/

.page .upcoming-classes .panel-body>div, .page .daily-feed .panel-body>ul.list-group.list-group-dividered.list-group-full {
  height: 783px;
  overflow: hidden;
  /*margin-bottom: 50px;*/
}

.page .daily-feed .btn.dropdown-toggle.btn-select.waves-effect.waves-classic {
  border: 1px solid gainsboro !important;
}

#editNewEvent .modal-dialog, #classPositionSidebar .modal-dialog {
  width: 50vw;
  max-width: 100%;
}

/*#membersTable_wrapper .row:first-child, #DataTables_Table_0_wrapper .row:first-child {
  display: none;
}*/

.reserve-check {
  display: none;
}

.more-classes, .less-btn {
  display: none;
}

.event-actions{
  right: 0;
}

.event-image img {
  width: 100%;
}

.report-graph-height {
  height: calc(100vh - 200px) !important;
}

.class-modal-popup {
  cursor: pointer;
}


.tabs-menu li.current a, .tabs-menu li.current a:focus, .tabs-menu li.current a:hover, .tabs-menu li.current a:active {
    color: #53406a;
    background-color: transparent;
    border-bottom: 2px solid #53406a;
}



.tabs-menu-2 li.current a, .tabs-menu-2 li.current a:focus, .tabs-menu-2 li.current a:hover, .tabs-menu-2 li.current a:active {
    color: #53406a;
    background-color: transparent;
    border-bottom: 2px solid #53406a;
}


#tab-1 {
 display: block;
}
#taba-1 {
 display: block;
}

.tabs-menu li.current a, .tabs-menu li.current a:focus, .tabs-menu li.current a:hover, .tabs-menu li.current a:active {
  color: #53406a;
  background-color: transparent;
  border-bottom: 2px solid #53406a;
}

.tabs-menu-2 li.current a, .tabs-menu-2 li.current a:focus, .tabs-menu-2 li.current a:hover, .tabs-menu-2 li.current a:active {
  color: #53406a;
  background-color: transparent;
  border-bottom: 2px solid #53406a;
}



#tab-1 {
 display: block;
}
#taba-1 {
 display: block;
}

#member-profile.tab-content {
  overflow: visible;
}

.datepicker {
  z-index: 9999 !important;
  /*top: 352px !important;*/
}

.font-roboto-mono {
  font-family: "Roboto Mono" !important;
}

.icheckbox_flat-blue {
  vertical-align: top !important;
}

.form-material .form-control:invalid {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#53406a),to(#53406a)),-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0)) !important;
    background-image: -webkit-linear-gradient(#53406a,#53406a),-webkit-linear-gradient(#e0e0e0,#e0e0e0) !important;
    background-image: -o-linear-gradient(#53406a,#53406a),-o-linear-gradient(#e0e0e0,#e0e0e0) !important;
    background-image: linear-gradient(#53406a,#53406a),linear-gradient(#e0e0e0,#e0e0e0) !important;
}

.tab-content {
  overflow: visible !important;
}

[data-plugin="formatter"] {
    font-family: inherit !important;
}

[type="submit"]{
	margin-right:0px;
	border:0px;
	cursor: pointer;
}

.graph-visibility{
  visibility: hidden;
  height: 0px;
  }

  .reports-page {
    background-color: white !important;
  }
 .rounded-circle{
 	width: 100% !important;
 }

.clockpicker-popover {
    z-index: 9999 !important;
}

@-webkit-keyframes autofill {
    to {
        color: inherit;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.table td{
	vertical-align:middle;
}
.avatar{
	text-decoration:none !important;
	height:40px;
	border-radius: 100%;
	overflow: hidden;
}

/*table td {*/
/*	overflow: hidden !important;*/
/*}*/



.tabbable ul {
    list-style: none;
    text-decoration: none;
    background: #fff;
	width: 100%;
    display: block;
	clear: both !important;
	line-height: 8px;
}
.tabbable ul li {
    display: inline-block;
    line-height: 30px;
}
.tabbable ul li a {
    padding: 12px 30px;
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 15px;
    font-weight: 400;
}

.tabbable ul li a.active {
    color: #36459b;
    /* background: #009688; */
   border-bottom: 2px solid #36459b !important;
}


.profile-pic {
	background-position: center !important;
    background-size: cover !important;
    height: 40px;
    position: relative;
}

.profile-pic i {
	width: 10px !important;
    height: 10px !important;
}

.input-group-addon.input-group-addon-img {
	width: 40px;
    padding: 0;
    margin-right: 15px;
}

.input-group-addon.input-group-addon-img img {
	height: auto;
    width: 100%;
    max-width: 100%;
}

.profile-pic-v2 {

	height: 180px;
    width: 180px;

    margin: 0 auto;
    background-size: cover !important;
    border-radius: 50%;
    background-position: center !important;
}


@media screen and (max-width: 991px) {
	.profile-pic-v2 {
	    height: 270px;
	    width: auto;
	}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.profile-pic-v2 {
	    height: 85px;
	    width: auto;
	}
}


.nav-tabs-line .nav-link {
	padding: 15px;
}

.h-50 {
	width: 50px !important;
}
.w-50 {
	width: 50px !important;
}

.w-p70 {
	width: 70% !important;
}

.btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    background-color: #654f80;
    border-color: #654f80;
}

.btn-blue {
	background-color: #3e8ef7;
	border-color: #3e8ef7;
	color:#fff;
}
.fc-event {
  border: 1px solid rgba(0,0,0,0);
  border-radius: 0 !important;
}

.fc-view-container .fc-event:hover {
    opacity: 1;
}

.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0;
}

.fc-time-grid-event .fc-content {
    padding: 5px;
}

.error-message {
	color: red;
    text-align: right;
    display: block;
    position: absolute;
    left: 0px;
    bottom: -20px;
}

.left-40 {
	left: 40px !important;
}





.btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    background-color: #654f80;
    border-color: #654f80;
}

.fc-event {
  border: 1px solid rgba(0,0,0,0);
  border-radius: 0 !important;
}

.fc-view-container .fc-event:hover {
    opacity: 1;
}

.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0;
}

.fc-time-grid-event .fc-content {
    padding: 5px;
}

#class-details .modal-dialog {
  width: 50vw;
  max-width: 100%;
}

.w-p80 {
  width: 80% !important;
}

.c-dropdown-right {
  -webkit-transform-origin: 0 0 !important;
  -ms-transform-origin: 0 0 !important;
  -o-transform-origin: 0 0 !important;
  transform-origin: 0 0 !important;
}


/*#membersTable_wrapper table tr td .btn {*/
/*    color: #fff;*/
/*}*/

.body_html tr td a.avatar {
    float: left;
}

.body_html tr td h5 {
    float: left;
    line-height: 40px;
    padding-left: 15px;
}

#booking-details .modal-dialog {
  width: 50vw;
  max-width: 100%;
}

.drag_text {
    font-size: 18px;
    text-align: center;
}

.fc-row.fc-week.fc-widget-content {
    margin-right: 0;
    border-right: 0;
}

.fc-scroller.fc-time-grid-container {
    overflow-y: auto !important;
    height: 100% !important;
}

.chat-avatar .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.modal-sidebar {
    display: block;
    overflow-y: scroll;
    height: 100% !important;
}

.calendar_remove_event .fa-times {
    color: #000;
    position: absolute;
    right: 2px;
    top: 2px;
}

.ui-tooltip {
    display: none !important;
}

.header_calender{
	margin-bottom: 0 !important;
    font-weight: 500 !important;
}


#closeon{
  margin-left: 91%;
  font-size: 1em;
  font-weight: bold;
  width: 40px;
  height: 40px;
  border-radius: 5px;
}

.form-group.required label:after {
  content:" *";
  color:red;
}


.image-uploader{
    float:left;
    width:100%;
}
.input-field{
    float:left;
    width:100%;
}
.uploaded-image{float:left;}
    .input-field:hover {
    background-image: linear-gradient(-45deg, #f6f6f6 25%, transparent 25%, transparent 50%, #f6f6f6 50%, #f6f6f6 75%, transparent 75%, transparent);
    background-size: 30px 30px;
    -webkit-animation: stripes 2s linear infinite;
    animation: stripes 2s linear infinite;
}
        .input-field input {
            background-color: transparent;
            border: none;
            border-radius: 0;
            outline: none;
            width: 100%;
            line-height: normal;
            font-size: 1em;
            padding: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            margin: 0;
            color: rgba(0, 0, 0, 0.72);
            background-position: center bottom, center calc(100% - 1px);
            background-repeat: no-repeat;
            background-size: 0 2px, 100% 1px;
            -webkit-transition: background 0s ease-out 0s;
            -o-transition: background 0s ease-out 0s;
            transition: background 0s ease-out 0s;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#2196f3), to(#2196f3)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));
            background-image: -webkit-linear-gradient(#2196f3, #2196f3), -webkit-linear-gradient(#d9d9d9, #d9d9d9);
            background-image: -o-linear-gradient(#2196f3, #2196f3), -o-linear-gradient(#d9d9d9, #d9d9d9);
            background-image: linear-gradient(#2196f3, #2196f3), linear-gradient(#d9d9d9, #d9d9d9);
            height: 2.4em;
        }

        .input-field input:focus {
            background-size: 100% 2px, 100% 1px;
            outline: 0 none;
            -webkit-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
            border-bottom: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .input-field label {
            width: 100%;
            color: #9e9e9e;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            font-size: 1em;
            cursor: text;
            -webkit-transition: -webkit-transform .2s ease-out;
            transition: -webkit-transform .2s ease-out;
            -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
            text-align: initial;
            -webkit-transform: translateY(7px);
            transform: translateY(7px);
            pointer-events: none;
        }

        .input-field  input:focus + label {
            color: #2196f3;
        }

        .input-field {
            position: relative;
            margin-top: 2.2rem;
        }

        .input-field label.active {
            -webkit-transform: translateY(-15px) scale(0.8);
            transform: translateY(-15px) scale(0.8);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
        }
        /* .image-uploader.has-files .upload-text{
            display:block!important;
        } */
        .input-images-2{
            padding-top:0px!important;
        }

				.bg-blue-600 {
					color: white;
				}
.mediafiles ul {
	list-style: none;
	margin: 0px;
	width:100%;
}
.mediafiles ul li {
	list-style: none;
	float:left;
	margin:10px;
	width: 150px;
	height:120px;
	border:1px solid #ccc;
	background-size:cover;
	background-position: 50%;
	background-repeat:no-repeat;
	overflow: hidden;

}
span.imgCheckbox0.imgChked {
	border:none !important;
}
span.imgCheckbox0 {
	border:none !important;
	position: relative;
	padding: 0px;
	margin:5px;
	display:inline-block;
	user-select: none;
}
.mediafiles ul li .imgtitle {
	background-color: #333;
	top:86px;
	position: absolute;
	width:150px;
	text-align: center;
	left:-5px;
  color:#fff;
  cursor: pointer;
	font-size:12px;
	padding:5px;
}
.mediafiles ul li .imgtitle a {
	color:#fff;
}
.mediafiles{ height:500px; overflow: scroll;}
.editCustomerImage .image-uploader .uploaded .uploaded-image{
  width: calc(100% - 1rem);
  padding-bottom: calc(100% - 1rem);
}
.primary-image .image-uploader .uploaded .uploaded-image{
  width: calc(100% - 1rem);
  padding-bottom: calc(100% - 1rem);
}
.image-uploader .uploaded .uploaded-image, .editCategoryMedia .image-uploader .uploaded .uploaded-image{
  width: calc(100% - 1rem) !important;
  padding-bottom: calc(60% - 1rem);
}
.editClassMedia .image-uploader .uploaded .uploaded-image{
  width: calc(100% - 1rem);
  padding-bottom: calc(100% - 1rem);
}
.productImage .image-uploader .uploaded .uploaded-image{
  width: calc(50% - 1rem);
  padding-bottom: calc(50% - 1rem);
}
.editEventMedia .image-uploader .uploaded .uploaded-image{
  width: calc(50% - 1rem);
  padding-bottom: calc(50% - 1rem);
}
.file-input {
  display: inline-block;
  text-align: left;
  background: #fff;
  padding: 16px 0px;
  width: 100%;
  position: relative;
  border-radius: 3px;
}

.file-input > [type='file'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}

.file-input > .button {
  display: inline-block;
  cursor: pointer;
  background: #eee;
  padding: 8px 16px;
  border-radius: 2px;
  margin-right: 8px;
}

.file-input:hover > .button {
  background: dodgerblue;
  color: white;
}

.file-input > .label {
  color: #000;
  /* white-space: nowrap; */
  opacity: .3;
}

.file-input.-chosen > .label {
  opacity: 1;
}

.alert-blk { position: fixed; width: 100%; height: 60px;z-index: 9999;bottom: 0; display: ; }
.alert-waitiner {  width: auto; height: 60px; background: #000; text-align:center;
   padding: 10px 0px 10px 0px; color: #fff; border-top-left-radius:5px;border-top-right-radius:5px;}
   .alert-suciner {  width: auto; height: 60px; background: #55a500; text-align:center;
   padding: 10px 0px 10px 0px; color: #fff; border-top-left-radius:5px;border-top-right-radius:5px;}
    .alert-erriner {  width: auto; height: 60px; background: #d40000; text-align:center;
   padding: 10px 0px 10px 0px; color: #fff; border-top-left-radius:5px;border-top-right-radius:5px;}
   .sbl-circ-path2 {
  height: 38px;
  width: 38px;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
  display: inline-block;
  border: 3px solid;
  border-radius: 50%;
  border-right-color: #1969e1;
  animation: rotate 1s linear infinite;
  top: 45%;
  transform: translateY(-50%);left: 45%;
  transform: translateX(-50%);
}
.form-group .help {
	display:block;
	font-size:13px;
	margin-top:5px;
}

.phonenumberlist li {
	float:left;
	margin: 10px;
	border:1px solid #ccc;
	padding:10px 20px;
	border-radius:4px;
	cursor: pointer;
}

.phonenumberlist li:hover {
	background-color:#333;
	cursor: pointer;
	color:#fff !important;
	border-radius:4px;
}

.btn-primary { background-color: #000000!important; border-color: #000!important;}
.site-navbar { background-color: #000000 !important;}
.site-menubar { background-color: #000000 !important;}
.site-menu>.site-menu-item.open { background-color: #000000 !important; }
.loader-overlay { background-color:#000 !important;}


a.white-box {
  display: block;
  text-align: center;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.35;
  padding-top: 15px;
  padding-bottom: 15px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
	border:1px solid #ccc;
}

a.white-box:hover {
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
}
.connected-zoom{
			color: #fff!important;
			background-color: #1e7e34;
			border-color: #1c7430;
	}
.dropdown-menu.show {
	z-index: 9999;
}

.checkbox-custom label::before {

	border-width: 0px !important;
	background-color:#ccc !important;
}
.toggle label::before {
	background-color:transparent !important;

}

.checkbox-primary input[type=checkbox]:checked+label::before {
	border-color:#000 !important;
	background-color: #000 !important;
	/*content:"\2713";*/
	color:#fff;
}
.upgradebar {

	position: fixed;
	background-color: #e08009;
	top: 0px;
	width: 100%;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	z-index: 2000;
	font-weight: bold;
	cursor: pointer;
}
.upgradebarbody nav, .upgradebarbody .page, .upgradebarbody .site-menubar { margin-top:40px; }

.desktopmenu {
  display: block !important;
}
.mobilemenu {
  display: none !important;
}

.framecontainer {
	width:calc(100% - 260px);
	margin-left:260px;
}

.framecontainer iframe {
	width:calc(100%-260px);
}
@media screen and (max-width: 600px) {

	.col-md-6 {
		padding-left: 0px;
	}

	.addPlanContent .featurelist {
		display: none;
	}

	.upgradebar {
		display:none;
	}
	.upgradebarbody nav, .upgradebarbody .page, .upgradebarbody .site-menubar { margin-top:0px; }

	#recentActivityWidget {
		padding-left:0px !important;
	}

	.desktopmenu {
	  display: none !important;
	}
	.mobilemenu {
	  display: block !important;
		width:100%;
	}

	.second-sidebar {
		display: none !important;

	}
	.page-header-actions a {
		margin-left:0px !important;
	}

	.secondary-nav .page {
		margin-left:0px !important;
	}

	.framecontainer {
		width:100%;
		margin-left:0px;
	}

	.framecontainer iframe {
		width:100%;
	}
}

.site-menubar-body {
	height:100% !important;
}
.site-menubar-unfold .site-menu-category {
	margin-top:10px;
}
.promoinput input[type="text"] {
  border-radius:0px;
  float:left;
  width:67%;
}
.promoinput input[type="button"],.promoinput input[type="submit"] {
  border-radius: 0px;
  border:none;
  float:left;
  width:28%;
  min-width:auto;
  padding:17px;
  cursor:pointer;
}
.previewAdminBar { filter: drop-shadow(0px 1px 10px #000); border-bottom: 1px solid #444; width:100%; background-color:#000; padding:15px; color:#ffffff; position: fixed; top:0px; left:0px;}
.previewAdminBar .navbar-container { width:100%; }
.previewAdminBar .websitelink { font-size: 18px; font-weight: bold; color:orange; margin-top:5px; display:block;}
.previewAdminBar .row { background-color: #000000; }
.previewAdminBar .btn-default { color:#000; }

.filterBox { float:right; margin-left: 15px; }
.onboardinglater { float:right; }

@media screen and (max-width: 600px) {

	.onboardinglater { display: none; }

	.upgradebar {
		display:none;
	}
	.upgradebarbody nav, .upgradebarbody .page, .upgradebarbody .site-menubar { margin-top:0px; }

	.page-header-actions {
		position: inherit;
		transform: none;
		margin-top: 10px;
		right:0px;
		text-align: right;
	}

	.page-header-actions a {
		display:block !important;
	}

	.page-header-actions input {
		display:block !important;
		width:100%;
	}

	.page-header-actions button {
		display:block !important;
		width:100%;
	}
	.fc-day-header {
		width:14px;
		overflow: hidden;
	}

	.fc-day-header span{
		width:5px;
		overflow: hidden;
		display: block;
	}

	#editNewEvent .modal-dialog, #classPositionSidebar .modal-dialog {
		width: 100vw;
	}

	.page {
		padding:20px;
	}

	.filterBox {
		float:none;
		width:100%;
		margin-left:0px;
	}
	.filterBox .dropdown {
		width:100% !important;
	}

	.dataTables_filter input[type=search] {
		width:100% !important;
		font-size:15px;
		margin-left:0px !important;
	}

	.dataTables_filter label {
		width:100%;
		margin-top:10px;
	}

	.nav-tabs-line .nav-link {
		padding:10px !important;
	}
}

.subscription-radio {
  display: block;
}
.subscription-radio input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  left: -9999px;
  visibility: hidden;
}
.subscription-radio input:checked + label {
  border-color: #f56905;
}
.subscription-radio input:checked + label .subscription-radio-icon:before {
  border-color: #f56905;
}
.subscription-radio input:checked + label .subscription-radio-icon:after {
  opacity: 1;
}
.subscription-radio input:disabled + label {
  opacity: 0.3;
}
.subscription-radio label {
  padding: 16px 0 15px;
  -webkit-user-select: none;
          user-select: none;
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  margin: 0;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  min-height:110px;
	margin-bottom: 10px;
}
.subscription-radio-icon {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  display: block;
  position: relative;
}
.subscription-radio-icon:before {
  left: 0;
  top: 0;
  border-radius: 50%;
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border: 2px solid #7C8087;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.subscription-radio-icon:after {
  opacity: 0;
  left: 7px;
  top: 7px;
  border-radius: 50%;
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #f56905;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.subscription-radio-title {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 5px;
	color: #000;
}
.subscription-radio-meta {
  color: #7C8087;
  font-size: 14px;
  max-height:50px;
  overflow: hidden;
}
.subscription-radio-columns {
  display: block;
  align-items: center;

  width:100%;

}
.subscription-radio-col-1 {
  /*flex: 0 0 77px;*/
  max-width: 77px;
}
.subscription-radio-col-2 {
	/*flex: 0 0 172px;
  max-width: 172px;*/
	padding:25px;
	text-align: center;
}
.subscription-radio-col-3 {
  padding-right: 39px;
  padding-left: 20px;
  white-space: nowrap;
  text-align: right;
  font-size: 24px;
  font-weight: 500;
}

.onboardingsteprow {
	width:100%;
	padding: 12px 20px;
	min-height: 40px;
	margin-bottom: 10px;
}
.onboardingstep {
	width:40px;
	height:40px;
	line-height: 40px;
	margin:auto;
	float:left;
	position: inherit;
}
.onboardingstep-content {
	font-size:16px;
	float:left;
	margin-left: 15px;
	line-height: 40px;
}

.orange-link {
  color:#f56905 !important;
  font-size:14px;
  font-weight: bold;
  display: block;
  word-wrap: break-word;
  margin:10px 0px;
}

.placeholderbox {
	text-align: center;
	width:300px;
	margin: auto;
}


.grey-box {
  padding:25px;
  width:47%;
  max-width: 400px;
  display: inline-block;
  background-color: #efefef;
  border-radius: 8px;
  margin: 10px;
	min-width:250px;
}

.disabled {
	color:#ccc;
}
.recommended {
	border:2px solid #eb6709;
}
.featurelist {
	font-size: 15px;
	line-height: 30px;
	border-top:1px solid #ccc;
	padding-top:15px;
}

.site-menubar-footer {
	display:none !important;
}
.second-sidebar {
	position: fixed;
	top:0px;
	left:60px;
	height:100%;
	width:200px;
	background-color: #242f35;
	z-index: 99;
	display:none;
	padding-top: 95px;
}

.secondary-nav .second-sidebar {
	display:block;
}
.secondary-nav .page {
	margin-left:260px;
}

.secondary-nav-list {
	padding-left:15px;
}
.secondary-nav-list li {
	list-style: none;
}
.secondary-nav-list .site-menu-item-header {
	color:#fff;
	font-weight: bold;
	margin-top:10px;
	line-height: 36px;
}

table.dataTable thead th.no-sort {
    background: none;
    pointer-events: none;
}
.jw-title{display: none!important;}

.form-control {
	border:1px solid #ccc;
}
.createlesson .ui-state-active {
	font-weight: bold;
	border-bottom: 2px solid #000;
}
.createlesson .ui-state-active a {
	color: #000 !important;
}

.class-image-progressbar {
	position: fixed;
	bottom:0px;
	width:100%;
	padding:20px;
	background-color:#efefef;
	z-index: 9999;
}
#media_gallery.modal-open, #media_gallery.modal {
	z-index: 1702 !important;
}
.mostpopularlabel { display: none; }
.mostpopular .mostpopularlabel { display:block; }
.mostpopular .bg-grey-100 { border: 4px solid #ff8a04;  }
.mostpopular { padding-top:0px !important; margin-top: -20px;  }
.plan { border: 1px solid #ddd; }
.bordered-box { border: 1px solid #efefef; padding: 25px; text-align: center; cursor: pointer; background-color: #efefef; height:185px;}
.bordered-box:hover { background-color: #000; color: #fff;}
.bordered-box:hover h4 { color: #fff;}

.themelist img { border: 1px solid #ddd; }
.themelist a { color: #000; font-size: 14px; margin-top: 15px; display:block; }
.themelist .subscription-radio { cursor: pointer; }
.themelist .subscription-radio:hover + img { border: 3px solid #efefef !important; }
.subscription-radio input:checked + img {
  border: 3px solid #f56905;
}

.addClassMedia_lightlogo .image-uploader .uploaded .uploaded-image img {
	object-fit: contain !important;
}
.addClassMedia_darklogo .image-uploader .uploaded .uploaded-image img {
	object-fit: contain !important;
}
.plansummary {
	border: 1px solid #ccc;
	padding:20px;
	text-align:left;
	margin-top:0px;
	margin-bottom: 20px;
	font-size:14px;
	background-color: #efefef;

}
.plansummary ul, .plansummary ul li {
	list-style: none;
}
.pull-right {
	float:right;
}
.plantitle { font-weight: bold; color: #48bbff; }
.plansummary .totalrow {
	border-top:1px solid #ccc;
	padding-top:10px;
}
#pop{
    display              : none;
    position             : absolute;
    z-index              : 99999;
    padding              : 10px;
    background           : #3AB9AE;
    border               : 1px solid #A2ADBC;
    -moz-border-radius   : 20px;
    -webkit-border-radius: 20px;
    margin               : 0px;
    -webkit-box-shadow   : 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow           : 0px 0px 5px 0px rgba(164, 164, 164, 1);
}